nycdatabikers/nycdatabikers.github.io

Name: nycdatabikers.github.io

Owner: NYC Data Bikers

Description: :rocket: A responsive Jekyll theme based on my personal internet site

Forked from: mashlo/captains-log

Created: 2016-08-11 22:35:37.0

Updated: 2016-10-28 02:44:33.0

Pushed: 2017-08-23 04:03:27.0

Homepage: https://nycdatabikers.github.io/

Size: 17694

Language: CSS

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

Captain?s log

live demo

Captain?s log is a minimalistic & responsive theme for Jekyll. It has several color scheme options and is em/rem based, so it's ~~should be~~ easy to customize it to your own taste!

This theme is made by Masha Safina for blogging porpoises.

Get Started

Fork repository first ? Instal jekyll, clone repo & start jekyll server.

m install jekyll
t clone git@github.com:mashlo/captains-log.git
 captains-log

Update _config.yml

Don't forget to update _config.yml file located in the root of the theme (to not have my email and twitter linked)

te settings
e:       Captains-log
or:      Masha Safina
ription: ":rocket: A responsive Jekyll theme based on my personal internet site"
url:     "" 
         "https://your.site" 

cial Links
l:            your_email@example.com
ter_username: username
ub_username:  username

ild settings
down: kramdown
alink: pretty

Run Jekyll

kyll serve --watch

View your site localy at localhost:4000 ?

Style Customization

The _default.scss located in the _sass\themes directory contains default variables for the base b/w color scheme.

s
- themes
|-- _default.scss
|-- _data-dreams.scss
|-- _sweet-like-will.scss


- main.scss

and is imported as partial in main.scss before everything else.

heme variables go first
ort 'themes/default';

ort 'reset';
ort 'base';

To use one of the preset color schemes simply replace _default.scss partial with desired from _sass\themes directory:

heme variables go first
ort 'themes/sweet-like-will';

ort 'reset';
ort 'base';

To customize it further tweak the following vars in _sass\themes\_default.scss (or create a separate file).

t-size-base:   18px;     // base body font size, the rest are REM based
e-height-base: 1.5;      // base line height
t-size-mobile: 14px;     // font size after break point 

t-color:       #fff;                     // main copy color
t-color-light: rgba($text-color, 0.4);   // dates & footer copy
le-color:      #0dccd1;                  // post title color on post page

kground-color: #3b3056;   // main background color

nd-color-base: #f76067;   // main accent color
nd-color-sub:  #0dccd1;   // secondary accent color

Ta-da! ?