├── .gitignore ├── assets └── preview.png ├── _sass ├── _page.scss ├── _media.scss ├── _reset.scss ├── _header.scss ├── _mixins.scss ├── _footer.scss ├── themes │ ├── _default.scss │ ├── _sweet-like-will.scss │ └── _data-dreams.scss ├── _post.scss ├── _type.scss ├── _base.scss └── _syntax-highlighting.scss ├── _layouts ├── page.html ├── default.html └── post.html ├── about.md ├── index.html ├── _config.yml ├── css └── main.scss ├── _includes ├── footer.html ├── head.html └── header.html ├── LICENSE ├── _posts ├── 2016-01-01-legaran-conference.markdown ├── 2016-02-01-distress-call.markdown ├── 2016-04-01-rendzevous-with-lal.markdown └── 2016-03-01-mission-to-koinonians.markdown ├── feed.xml ├── params.json └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | _site 2 | .sass-cache 3 | .DS_Store 4 | .jekyll-metadata -------------------------------------------------------------------------------- /assets/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mashlo/captains-log/HEAD/assets/preview.png -------------------------------------------------------------------------------- /_sass/_page.scss: -------------------------------------------------------------------------------- 1 | /* Page content */ 2 | 3 | .page-content { 4 | padding: $spacing-unit 0; 5 | } 6 | 7 | .page-heading { 8 | margin: 0 0 1em; 9 | text-transform: capitalize; 10 | } -------------------------------------------------------------------------------- /_layouts/page.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 |
5 | 6 |
7 |

{{ page.title }}

8 |
9 | 10 |
11 | {{ content }} 12 |
13 | 14 |
15 | -------------------------------------------------------------------------------- /_sass/_media.scss: -------------------------------------------------------------------------------- 1 | @media only screen and (max-width: $reflow-point) { 2 | html { 3 | font-size: $font-size-mobile; 4 | } 5 | body { 6 | padding: 0 2em; 7 | } 8 | .site-wrap { 9 | padding: 0 0 14em; 10 | } 11 | .footer-col { 12 | float: none; 13 | width: 100%; 14 | padding: 0; 15 | margin: 0 0 2em; 16 | text-align: left; 17 | } 18 | } -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {% include head.html %} 5 | 6 | 7 |
8 | {% include header.html %} 9 | 10 |
11 |
12 | {{ content }} 13 |
14 |
15 | 16 | {% include footer.html %} 17 |
18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /about.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | title: About 4 | permalink: /about/ 5 | --- 6 | 7 | This customized Jekyll theme is made by [Masha Safina](http://masha.space/) for personal blogging purposes. 8 | 9 | Theme is available for use at [Github](https://github.com/mashlo/captains-log) and has few color schemes options. 10 | 11 | Placeholder copy is generated with [Star Trek Ipsum](http://vlad-saling.github.io/star-trek-ipsum/). -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 |
6 | 16 |
17 | -------------------------------------------------------------------------------- /_sass/_reset.scss: -------------------------------------------------------------------------------- 1 | html, 2 | body, 3 | div, 4 | span, 5 | iframe, 6 | object, 7 | h1, 8 | h2, 9 | h3, 10 | h4, 11 | h5, 12 | h6, 13 | p, 14 | form, 15 | label { 16 | margin: 0; 17 | padding: 0; 18 | border: 0; 19 | outline: 0; 20 | } 21 | 22 | html, 23 | body { height: 100%; } 24 | 25 | /* Box sizing overrides */ 26 | 27 | header, 28 | div, 29 | section, 30 | aside, 31 | main, 32 | footer { 33 | box-sizing: border-box; 34 | } -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # Site settings 2 | title: Captains-log 3 | author: Masha Safina 4 | description: ":rocket: A responsive Jekyll theme based on my personal internet site" 5 | baseurl: "/captains-log" 6 | url: "https://mashlo.github.io" 7 | 8 | # Social Links 9 | email: safe@masha.space 10 | twitter_username: mashasafina 11 | github_username: mashlo 12 | 13 | # Build settings 14 | markdown: kramdown 15 | permalink: pretty 16 | -------------------------------------------------------------------------------- /_sass/_header.scss: -------------------------------------------------------------------------------- 1 | .site-header { 2 | position: relative; 3 | padding: 1em 0 4em; 4 | } 5 | 6 | .site-title { 7 | padding: 1px 0; 8 | color: $title-color; 9 | } 10 | 11 | /* Nav */ 12 | 13 | .site-nav { 14 | float: right; 15 | 16 | .menu-icon { 17 | display: none; 18 | } 19 | 20 | .page-link { 21 | display: inline; 22 | padding: 1px 0; 23 | margin-left: 1em; 24 | 25 | &:hover { 26 | color: $white-color; 27 | } 28 | } 29 | } -------------------------------------------------------------------------------- /css/main.scss: -------------------------------------------------------------------------------- 1 | --- 2 | # Import partials from `_sass` 3 | --- 4 | @charset "utf-8"; 5 | 6 | /*! 7 | * Captain’s log - A responsive Jekyll theme. 8 | * @author Masha Safina (http://masha.space/) 9 | * @link https://github.com/mashlo/captains-log 10 | */ 11 | 12 | // theme variables go first 13 | @import 'themes/default'; 14 | 15 | @import 'reset'; 16 | 17 | @import 'mixins'; 18 | @import 'type'; 19 | @import 'base'; 20 | 21 | @import 'header'; 22 | @import 'footer'; 23 | 24 | @import 'page'; 25 | @import 'post'; 26 | @import 'syntax-highlighting'; 27 | 28 | // media queries 29 | @import 'media'; 30 | -------------------------------------------------------------------------------- /_layouts/post.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 |
5 | 6 |
7 |

{{ page.title }}

8 |

{% if page.author %} • {% endif %}

9 |
10 | 11 |
12 | {{ content }} 13 |
14 | 15 |
16 | -------------------------------------------------------------------------------- /_sass/_mixins.scss: -------------------------------------------------------------------------------- 1 | @mixin keyframes($animation-name) { 2 | @-webkit-keyframes #{$animation-name} { @content; } 3 | @-moz-keyframes #{$animation-name} { @content; } 4 | @-ms-keyframes #{$animation-name} { @content; } 5 | @-o-keyframes #{$animation-name} { @content; } 6 | @keyframes #{$animation-name} { @content; } 7 | } 8 | 9 | @mixin animation($str) { 10 | -webkit-animation: #{$str}; 11 | -moz-animation: #{$str}; 12 | -ms-animation: #{$str}; 13 | -o-animation: #{$str}; 14 | animation: #{$str}; 15 | } 16 | 17 | @mixin transition($args...) { 18 | -webkit-transition: $args; 19 | -moz-transition: $args; 20 | -ms-transition: $args; 21 | -o-transition: $args; 22 | transition: $args; 23 | } 24 | -------------------------------------------------------------------------------- /_includes/footer.html: -------------------------------------------------------------------------------- 1 | 26 | -------------------------------------------------------------------------------- /_includes/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | {% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %} 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /_sass/_footer.scss: -------------------------------------------------------------------------------- 1 | /* Site footer */ 2 | 3 | .site-footer { 4 | position: absolute; 5 | height: auto; 6 | width: 100%; 7 | bottom: 0; 8 | left: 0; 9 | z-index: 2; 10 | 11 | .wrapper { 12 | padding: 2em 0 4em; 13 | border-top: 1px solid $border-color; 14 | } 15 | } 16 | 17 | .social-media-list { 18 | font-family: $font-family-base; 19 | list-style: none; 20 | margin-left: 0; 21 | 22 | a { 23 | display: inline; 24 | margin: 0 1em 0 0; 25 | box-shadow: 0 3px 0 0 $brand-color-sub; 26 | 27 | &:hover { 28 | box-shadow: none; 29 | } 30 | } 31 | } 32 | 33 | .footer-col-wrapper { 34 | color: $text-color-light; 35 | @extend %clearfix; 36 | } 37 | 38 | .footer-col { 39 | float: left; 40 | width: 50%; 41 | 42 | ul { 43 | margin: 0; 44 | padding: 0; 45 | } 46 | } 47 | 48 | .footer-col-1 { 49 | padding-right: 0.5em; 50 | } 51 | 52 | .footer-col-2 { 53 | text-align: right; 54 | padding-left: 0.5em; 55 | } -------------------------------------------------------------------------------- /_sass/themes/_default.scss: -------------------------------------------------------------------------------- 1 | // Typography 2 | $font-family-base: 'Open Sans', Helvetica, Arial, sans-serif; 3 | $font-family-sub: 'Droid Serif', serif; 4 | 5 | $font-size-base: 18px; 6 | $line-height-base: 1.5; 7 | 8 | $font-size-mobile: 14px; 9 | 10 | $font-weight-base-normal: 600; 11 | $font-weight-base-bold: 700; 12 | 13 | $font-weight-sub-normal: 400; 14 | $font-weight-sub-bold: 700; 15 | 16 | $font-size-small: 0.85rem; 17 | 18 | $spacing-unit: 1em; 19 | 20 | // Color Scheme 21 | $text-color: #383838; 22 | $text-color-light: #bbb; 23 | $title-color: #000; 24 | 25 | $background-color: #fff; 26 | 27 | $brand-color-base: #fec923; 28 | $brand-color-sub: #000; 29 | 30 | $white-color: #fff; 31 | 32 | $grey-color: lighten($text-color-light, 20%); 33 | $border-color: lighten($text-color-light, 20%); 34 | 35 | // Max width of the content area 36 | $content-width: 800px; 37 | 38 | // Breakpoints 39 | $reflow-point: 860px; -------------------------------------------------------------------------------- /_sass/themes/_sweet-like-will.scss: -------------------------------------------------------------------------------- 1 | // Typography 2 | $font-family-base: 'Open Sans', Helvetica, Arial, sans-serif; 3 | $font-family-sub: 'Droid Serif', serif; 4 | 5 | $font-size-base: 18px; 6 | $line-height-base: 1.5; 7 | 8 | $font-size-mobile: 14px; 9 | 10 | $font-weight-base-normal: 600; 11 | $font-weight-base-bold: 700; 12 | 13 | $font-weight-sub-normal: 400; 14 | $font-weight-sub-bold: 700; 15 | 16 | $font-size-small: 0.85rem; 17 | 18 | $spacing-unit: 1em; 19 | 20 | // Color Scheme 21 | $text-color: #fff; 22 | $text-color-light: rgba($text-color, 0.4); 23 | $title-color: #0dccd1; 24 | 25 | $background-color: #3b3056; 26 | 27 | $brand-color-base: #f76067; 28 | $brand-color-sub: #0dccd1; 29 | 30 | $white-color: #fff; 31 | 32 | $grey-color: rgba($text-color, 0.2); 33 | $border-color: rgba($text-color, 0.2); 34 | 35 | // Max width of the content area 36 | $content-width: 800px; 37 | 38 | // Breakpoints 39 | $reflow-point: 860px; 40 | -------------------------------------------------------------------------------- /_sass/themes/_data-dreams.scss: -------------------------------------------------------------------------------- 1 | // Typography 2 | $font-family-base: 'Open Sans', Helvetica, Arial, sans-serif; 3 | $font-family-sub: 'Droid Serif', serif; 4 | 5 | $font-size-base: 18px; 6 | $line-height-base: 1.5; 7 | 8 | $font-size-mobile: 14px; 9 | 10 | $font-weight-base-normal: 600; 11 | $font-weight-base-bold: 700; 12 | 13 | $font-weight-sub-normal: 400; 14 | $font-weight-sub-bold: 700; 15 | 16 | $font-size-small: 0.85rem; 17 | 18 | $spacing-unit: 1em; 19 | 20 | // Color Scheme 21 | $text-color: #fff; 22 | $text-color-light: #bbb; 23 | $title-color: #9933ff; 24 | 25 | $background-color: #000000; 26 | 27 | $brand-color-base: #05e283; 28 | $brand-color-sub: #9933ff; 29 | 30 | $white-color: #fff; 31 | 32 | $grey-color: lighten($text-color-light, 20%); 33 | $border-color: lighten($text-color-light, 20%); 34 | 35 | // Max width of the content area 36 | $content-width: 800px; 37 | 38 | // Breakpoints 39 | $reflow-point: 860px; 40 | 41 | -------------------------------------------------------------------------------- /_sass/_post.scss: -------------------------------------------------------------------------------- 1 | /* Posts */ 2 | 3 | .post-header { 4 | margin: 0 0 0.5em; 5 | } 6 | 7 | .post-title { 8 | color: $brand-color-sub; 9 | } 10 | 11 | .post-content { 12 | p, 13 | img, 14 | figure { 15 | margin-bottom: 1.5em; 16 | } 17 | 18 | p { 19 | pre, code { 20 | border-radius: 2px; 21 | font-size: 0.83rem; 22 | } 23 | } 24 | 25 | figure { 26 | margin-left: 0; 27 | margin-right: 0; 28 | } 29 | 30 | h1, 31 | h2, 32 | h3, 33 | h4, 34 | h5, 35 | h6 { 36 | padding-top: 1em; 37 | margin: 0 0 0.5em; 38 | } 39 | 40 | h3 { 41 | color: $text-color-light; 42 | font-weight: $font-weight-base-normal; 43 | } 44 | } 45 | 46 | .post-list { 47 | margin: 0 0 2em; 48 | padding: 0; 49 | list-style: none; 50 | 51 | > li { 52 | margin-bottom: 1.5em; 53 | } 54 | } 55 | 56 | .post-meta { 57 | display: block; 58 | margin: 5px 0 0; 59 | font-family: $font-family-base; 60 | font-size: $font-size-small; 61 | color: $text-color-light; 62 | } 63 | 64 | .post-link { 65 | display: inline; 66 | } -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 Masha Safina 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /_sass/_type.scss: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: $font-family-base; 3 | font-size: 1rem; 4 | line-height: 1.66; 5 | -webkit-font-smoothing: antialiased; 6 | } 7 | 8 | h1, 9 | h2, 10 | h3, 11 | h4, 12 | h5, 13 | nav, 14 | .site-header { 15 | font-family: $font-family-base; 16 | font-weight: $font-weight-base-bold; 17 | } 18 | 19 | .site-header { 20 | line-height: 3; 21 | } 22 | 23 | h1, h2, h3, h4, h5 { 24 | line-height: 1.1; 25 | } 26 | 27 | h1 { font-size: 2.33rem; } 28 | h2 { font-size: 1.44rem; } 29 | h3 { font-size: 1.44rem; } 30 | 31 | h4 { 32 | font-size: 1.25rem; 33 | font-weight: $font-weight-base-normal; 34 | } 35 | 36 | h5 { font-size: 1rem; } 37 | h6 { font-size: 1rem; } 38 | 39 | a { 40 | font-weight: $font-weight-base-bold; 41 | } 42 | 43 | ol, 44 | ul, 45 | p { 46 | font-family: $font-family-sub; 47 | font-size: 1rem; 48 | line-height: 1.66; 49 | } 50 | 51 | blockquote p { 52 | font-family: $font-family-base; 53 | font-weight: $font-weight-base-normal; 54 | } 55 | 56 | hr { 57 | width: 40px; 58 | height: 1px; 59 | border: none; 60 | margin: 3em auto 1.5em; 61 | background: $border-color; 62 | } -------------------------------------------------------------------------------- /_posts/2016-01-01-legaran-conference.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: "Legaran Conference" 4 | date: 2016-01-01 13:28:59 -0500 5 | --- 6 | # United Federation of Planets 7 | 8 | Sensors indicate no shuttle or other `_ships` in this sector. According to coordinates, we have travelled 7,000 light years and are located near the system J-25. 9 | 10 | ## Communications 11 | 12 | Tractor beam released, sir. Force field maintaining our hull integrity. 13 | 14 | 1. USS Enterprise - NCC-1701 - Commanded by: 15 | * Robert April (2245–2250) 16 | * Christopher Pike (2250–2265) 17 | * James T. Kirk (2265-2270, 2271–2285) 18 | * Willard Decker (2270-2271) 19 | 2. Vessel's self-destruction carried out while in orbit of the Genesis Planet, to prevent ship from falling into Klingon hands. 20 | 21 | ### Starbase Montgomery 22 | 23 | Probes have recorded unusual levels of geological activity in all five planetary systems. 24 | 25 | {% highlight ruby %} 26 | def print_hi(name) 27 | puts "Hi, #{name}" 28 | end 29 | print_hi('Tom') 30 | #=> prints 'Hi, Tom' to STDOUT. 31 | {% endhighlight %} 32 | 33 | This copy is generated with [Star Trek Ipsum][star-trek-ipsum]. 34 | 35 | [star-trek-ipsum]: http://vlad-saling.github.io/star-trek-ipsum/ 36 | -------------------------------------------------------------------------------- /_posts/2016-02-01-distress-call.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: "Distress Call at Galorndon Core" 4 | date: 2016-02-01 13:28:59 -0500 5 | --- 6 | # United Federation of Planets 7 | 8 | Sensors indicate no shuttle or other `_ships` in this sector. According to coordinates, we have travelled 7,000 light years and are located near the system J-25. 9 | 10 | ## Communications 11 | 12 | Tractor beam released, sir. Force field maintaining our hull integrity. 13 | 14 | 1. USS Enterprise - NCC-1701 - Commanded by: 15 | * Robert April (2245–2250) 16 | * Christopher Pike (2250–2265) 17 | * James T. Kirk (2265-2270, 2271–2285) 18 | * Willard Decker (2270-2271) 19 | 2. Vessel's self-destruction carried out while in orbit of the Genesis Planet, to prevent ship from falling into Klingon hands. 20 | 21 | ### Starbase Montgomery 22 | 23 | Probes have recorded unusual levels of geological activity in all five planetary systems. 24 | 25 | {% highlight ruby %} 26 | def print_hi(name) 27 | puts "Hi, #{name}" 28 | end 29 | print_hi('Tom') 30 | #=> prints 'Hi, Tom' to STDOUT. 31 | {% endhighlight %} 32 | 33 | This copy is generated with [Star Trek Ipsum][star-trek-ipsum]. 34 | 35 | [star-trek-ipsum]: http://vlad-saling.github.io/star-trek-ipsum/ 36 | -------------------------------------------------------------------------------- /_posts/2016-04-01-rendzevous-with-lal.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: "Rendzevous with Lal" 4 | date: 2016-04-01 13:28:59 -0500 5 | --- 6 | # United Federation of Planets 7 | 8 | Sensors indicate no shuttle or other `_ships` in this sector. According to coordinates, we have travelled 7,000 light years and are located near the system J-25. 9 | 10 | * * * 11 | 12 | ## Communications 13 | 14 | Tractor beam released, sir. Force field maintaining our hull integrity. 15 | 16 | 1. USS Enterprise - NCC-1701 - Commanded by: 17 | * Robert April (2245–2250) 18 | * Christopher Pike (2250–2265) 19 | * James T. Kirk (2265-2270, 2271–2285) 20 | * Willard Decker (2270-2271) 21 | 2. Vessel's self-destruction carried out while in orbit of the Genesis Planet, to prevent ship from falling into Klingon hands. 22 | 23 | ### Starbase Montgomery 24 | 25 | Probes have recorded unusual levels of geological activity in all five planetary systems. 26 | 27 | {% highlight ruby %} 28 | def print_hi(name) 29 | puts "Hi, #{name}" 30 | end 31 | print_hi('Tom') 32 | #=> prints 'Hi, Tom' to STDOUT. 33 | {% endhighlight %} 34 | 35 | This copy is generated with [Star Trek Ipsum][star-trek-ipsum]. 36 | 37 | [star-trek-ipsum]: http://vlad-saling.github.io/star-trek-ipsum/ 38 | -------------------------------------------------------------------------------- /_posts/2016-03-01-mission-to-koinonians.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: "Mission to Koinonians' Homeworld. Stardate 43198.7." 4 | date: 2016-03-01 13:28:59 -0500 5 | --- 6 | # United Federation of Planets 7 | 8 | Sensors indicate no shuttle or other `_ships` in this sector. According to coordinates, we have travelled 7,000 light years and are located near the system J-25. 9 | 10 | ## Communications 11 | 12 | Tractor beam released, sir. Force field maintaining our hull integrity. 13 | 14 | 1. USS Enterprise - NCC-1701 - Commanded by: 15 | * Robert April (2245–2250) 16 | * Christopher Pike (2250–2265) 17 | * James T. Kirk (2265-2270, 2271–2285) 18 | * Willard Decker (2270-2271) 19 | 2. Vessel's self-destruction carried out while in orbit of the Genesis Planet, to prevent ship from falling into Klingon hands. 20 | 21 | ### Starbase Montgomery 22 | 23 | Probes have recorded unusual levels of geological activity in all five planetary systems. 24 | 25 | {% highlight ruby %} 26 | def print_hi(name) 27 | puts "Hi, #{name}" 28 | end 29 | print_hi('Tom') 30 | #=> prints 'Hi, Tom' to STDOUT. 31 | {% endhighlight %} 32 | 33 | This copy is generated with [Star Trek Ipsum][star-trek-ipsum]. 34 | 35 | [star-trek-ipsum]: http://vlad-saling.github.io/star-trek-ipsum/ 36 | -------------------------------------------------------------------------------- /_includes/header.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | {{ site.title }} 4 | 5 | 24 |
25 |
26 | -------------------------------------------------------------------------------- /feed.xml: -------------------------------------------------------------------------------- 1 | --- 2 | layout: null 3 | --- 4 | 5 | 6 | 7 | {{ site.title | xml_escape }} 8 | {{ site.description | xml_escape }} 9 | {{ site.url }}{{ site.baseurl }}/ 10 | 11 | {{ site.time | date_to_rfc822 }} 12 | {{ site.time | date_to_rfc822 }} 13 | Jekyll v{{ jekyll.version }} 14 | {% for post in site.posts limit:10 %} 15 | 16 | {{ post.title | xml_escape }} 17 | {{ post.content | xml_escape }} 18 | {{ post.date | date_to_rfc822 }} 19 | {{ post.url | prepend: site.baseurl | prepend: site.url }} 20 | {{ post.url | prepend: site.baseurl | prepend: site.url }} 21 | {% for tag in post.tags %} 22 | {{ tag | xml_escape }} 23 | {% endfor %} 24 | {% for cat in post.categories %} 25 | {{ cat | xml_escape }} 26 | {% endfor %} 27 | 28 | {% endfor %} 29 | 30 | 31 | -------------------------------------------------------------------------------- /params.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Captain's log", 3 | "tagline": "🖖", 4 | "body": "### Welcome to GitHub Pages.\r\nThis automatic page generator is the easiest way to create beautiful pages for all of your projects. Author your page content here [using GitHub Flavored Markdown](https://guides.github.com/features/mastering-markdown/), select a template crafted by a designer, and publish. After your page is generated, you can check out the new `gh-pages` branch locally. If you’re using GitHub Desktop, simply sync your repository and you’ll see the new branch.\r\n\r\n### Designer Templates\r\nWe’ve crafted some handsome templates for you to use. Go ahead and click 'Continue to layouts' to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved.\r\n\r\n### Creating pages manually\r\nIf you prefer to not use the automatic generator, push a branch named `gh-pages` to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.\r\n\r\n### Authors and Contributors\r\nYou can @mention a GitHub username to generate a link to their profile. The resulting `` element will link to the contributor’s GitHub Profile. For example: In 2007, Chris Wanstrath (@defunkt), PJ Hyett (@pjhyett), and Tom Preston-Werner (@mojombo) founded GitHub.\r\n\r\n### Support or Contact\r\nHaving trouble with Pages? Check out our [documentation](https://help.github.com/pages) or [contact support](https://github.com/contact) and we’ll help you sort it out.\r\n", 5 | "note": "Don't delete this file! It's used internally to help with page regeneration." 6 | } -------------------------------------------------------------------------------- /_sass/_base.scss: -------------------------------------------------------------------------------- 1 | html { 2 | font-size: $font-size-base; 3 | } 4 | 5 | /* Basic styling */ 6 | 7 | body { 8 | color: $text-color; 9 | background-color: $background-color; 10 | } 11 | 12 | /* Selection styling */ 13 | 14 | ::selection { 15 | background: $brand-color-sub; 16 | color: $white-color; 17 | } 18 | ::-moz-selection { 19 | background: $brand-color-sub; 20 | color: $white-color; 21 | } 22 | 23 | /* Images */ 24 | 25 | object, 26 | iframe, 27 | img { 28 | display: block; 29 | max-width: 100%; 30 | vertical-align: middle; 31 | margin: 0 auto; 32 | } 33 | 34 | /* Figures */ 35 | 36 | figure > img { 37 | display: block; 38 | } 39 | 40 | figcaption { 41 | font-size: $font-size-small; 42 | } 43 | 44 | /* Lists */ 45 | 46 | ul, ol { 47 | margin-left: $spacing-unit; 48 | } 49 | 50 | li { 51 | > ul, 52 | > ol { 53 | margin-bottom: 0; 54 | } 55 | } 56 | 57 | /* Links */ 58 | 59 | a { 60 | color: $title-color; 61 | text-decoration: none; 62 | 63 | &:hover { 64 | background-color: $brand-color-base; 65 | color: $white-color; 66 | text-decoration: none; 67 | } 68 | 69 | &:focus { 70 | background-color: $brand-color-sub; 71 | } 72 | } 73 | 74 | p a { 75 | box-shadow: 0 1px 0 0 $brand-color-sub; 76 | 77 | &:hover { 78 | box-shadow: none; 79 | } 80 | } 81 | 82 | /* Blockquotes */ 83 | 84 | blockquote { 85 | color: $text-color; 86 | font-size: 1.44rem; 87 | font-weight: 400; 88 | border-left: 4px solid $brand-color-base; 89 | padding-left: 1.4em; 90 | margin: 2em 2em 2em 1em; 91 | 92 | p { 93 | font-size: inherit; 94 | font-weight: 400; 95 | padding: 0; 96 | color: $brand-color-base; 97 | } 98 | } 99 | 100 | /* Code formatting */ 101 | 102 | pre, 103 | code { 104 | font-size: 0.77rem; 105 | border-radius: 4px; 106 | background-color: #2d2d2d; 107 | color: #F8FBED; 108 | } 109 | 110 | code { 111 | padding: 1px 5px 2px; 112 | } 113 | 114 | pre { 115 | padding: 1.5em 2em 2.5em; 116 | overflow-x: auto; 117 | 118 | > code { 119 | border: 0; 120 | padding-right: 0; 121 | padding-left: 0; 122 | } 123 | } 124 | 125 | /* Site wrapper */ 126 | 127 | .site-wrap { 128 | position: relative; 129 | height: auto !important; 130 | height: 100%; 131 | min-height: 100%; 132 | padding: 0 0 9.5em; 133 | z-index: 1; 134 | } 135 | 136 | 137 | /* Wrapper */ 138 | 139 | .wrapper { 140 | max-width: $content-width; 141 | margin: 0 auto; 142 | @extend %clearfix; 143 | } 144 | 145 | /* Clearfix */ 146 | 147 | %clearfix { 148 | &:after { 149 | content: ""; 150 | display: table; 151 | clear: both; 152 | } 153 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Captain’s log 2 | 3 | [live demo](http://mashlo.github.io/captains-log/) 4 | 5 | Captain’s log is a minimalistic & responsive theme for [Jekyll](https://jekyllrb.com/). It has several color scheme options and is em/rem based, so it's ~~should be~~ easy to customize it to your own taste! 6 | 7 | ![screenshot](https://raw.githubusercontent.com/mashlo/captains-log/gh-pages/assets/preview.png) 8 | 9 | This theme is made by [Masha Safina](http://masha.space) for blogging porpoises. 10 | 11 | ## Get Started 12 | Fork repository first 👆 Instal jekyll, clone repo & start jekyll server. 13 | 14 | ``` 15 | $ gem install jekyll 16 | $ git clone git@github.com:mashlo/captains-log.git 17 | $ cd captains-log 18 | ``` 19 | 20 | ## Update `_config.yml` 21 | 22 | Don't forget to update `_config.yml` file located in the root of the theme (to not have my email and twitter linked) 23 | 24 | ``` 25 | # Site settings 26 | title: Captains-log 27 | author: Masha Safina 28 | description: ":rocket: A responsive Jekyll theme based on my personal internet site" 29 | baseurl: "" 30 | url: "https://your.site" 31 | 32 | # Social Links 33 | email: your_email@example.com 34 | twitter_username: username 35 | github_username: username 36 | 37 | # Build settings 38 | markdown: kramdown 39 | permalink: pretty 40 | ``` 41 | 42 | ### Run Jekyll 43 | 44 | ``` 45 | $ jekyll serve --watch 46 | ``` 47 | 48 | View your site localy at `localhost:4000` ✨ 49 | 50 | ## Style Customization 51 | 52 | The `_default.scss` located in the `_sass\themes` directory contains default variables for the base b/w color scheme. 53 | 54 | ``` 55 | _sass 56 | |-- themes 57 | |-- _default.scss 58 | |-- _data-dreams.scss 59 | |-- _sweet-like-will.scss 60 | 61 | css 62 | |-- main.scss 63 | ``` 64 | 65 | and is imported as partial in `main.scss` before everything else. 66 | 67 | ``` 68 | // theme variables go first 69 | @import 'themes/default'; 70 | 71 | @import 'reset'; 72 | @import 'base'; 73 | ... 74 | ``` 75 | 76 | To use one of the preset color schemes simply replace `_default.scss` partial with desired from `_sass\themes` directory: 77 | 78 | ``` 79 | // theme variables go first 80 | @import 'themes/sweet-like-will'; 81 | 82 | @import 'reset'; 83 | @import 'base'; 84 | ... 85 | ``` 86 | 87 | To customize it further tweak the following vars in `_sass\themes\_default.scss` (or create a separate file). 88 | 89 | ``` 90 | $font-size-base: 18px; // base body font size, the rest are REM based 91 | $line-height-base: 1.5; // base line height 92 | $font-size-mobile: 14px; // font size after break point 93 | 94 | $text-color: #fff; // main copy color 95 | $text-color-light: rgba($text-color, 0.4); // dates & footer copy 96 | $title-color: #0dccd1; // post title color on post page 97 | 98 | $background-color: #3b3056; // main background color 99 | 100 | $brand-color-base: #f76067; // main accent color 101 | $brand-color-sub: #0dccd1; // secondary accent color 102 | ``` 103 | 104 | Ta-da! 🎉 105 | 106 | -------------------------------------------------------------------------------- /_sass/_syntax-highlighting.scss: -------------------------------------------------------------------------------- 1 | /* Syntax highlighting styles */ 2 | 3 | .highlight { 4 | 5 | .highlighter-rouge & { 6 | background: #eef; 7 | } 8 | 9 | .c { color: #998; font-style: italic } // Comment 10 | .err { color: #a61717; background-color: #e3d2d2 } // Error 11 | .k { color: #a696ce; font-weight: bold } // Keyword 12 | .o { font-weight: bold } // Operator 13 | .cm { color: #998; font-style: italic } // Comment.Multiline 14 | .cp { color: #999; font-weight: bold } // Comment.Preproc 15 | .c1 { color: #998; font-style: italic } // Comment.Single 16 | .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special 17 | .gd { color: #000; background-color: #fdd } // Generic.Deleted 18 | .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific 19 | .ge { font-style: italic } // Generic.Emph 20 | .gr { color: #a00 } // Generic.Error 21 | .gh { color: #999 } // Generic.Heading 22 | .gi { color: #000; background-color: #dfd } // Generic.Inserted 23 | .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific 24 | .go { color: #888 } // Generic.Output 25 | .gp { color: #555 } // Generic.Prompt 26 | .gs { font-weight: bold } // Generic.Strong 27 | .gu { color: #aaa } // Generic.Subheading 28 | .gt { color: #a00 } // Generic.Traceback 29 | .kc { font-weight: bold } // Keyword.Constant 30 | .kd { font-weight: bold } // Keyword.Declaration 31 | .kp { font-weight: bold } // Keyword.Pseudo 32 | .kr { font-weight: bold } // Keyword.Reserved 33 | .kt { color: #458; font-weight: bold } // Keyword.Type 34 | .m { color: #099 } // Literal.Number 35 | .s { color: #72E29C } // Literal.String 36 | .na { color: #008080 } // Name.Attribute 37 | .nb { color: #F8FBED } // Name.Builtin 38 | .nc { color: #458; font-weight: bold } // Name.Class 39 | .no { color: #008080 } // Name.Constant 40 | .ni { color: #800080 } // Name.Entity 41 | .ne { color: #900; font-weight: bold } // Name.Exception 42 | .nf { color: #6498ce; font-weight: bold } // Name.Function 43 | .nn { color: #555 } // Name.Namespace 44 | .nt { color: #000080 } // Name.Tag 45 | .nv { color: #008080 } // Name.Variable 46 | .ow { font-weight: bold } // Operator.Word 47 | .w { color: #bbb } // Text.Whitespace 48 | .mf { color: #099 } // Literal.Number.Float 49 | .mh { color: #099 } // Literal.Number.Hex 50 | .mi { color: #099 } // Literal.Number.Integer 51 | .mo { color: #099 } // Literal.Number.Oct 52 | .sb { color: #72E29C } // Literal.String.Backtick 53 | .sc { color: #72E29C } // Literal.String.Char 54 | .sd { color: #72E29C } // Literal.String.Doc 55 | .s2 { color: #72E29C } // Literal.String.Double 56 | .se { color: #72E29C } // Literal.String.Escape 57 | .sh { color: #72E29C } // Literal.String.Heredoc 58 | .si { color: #72E29C } // Literal.String.Interpol 59 | .sx { color: #72E29C } // Literal.String.Other 60 | .sr { color: #009926 } // Literal.String.Regex 61 | .s1 { color: #72E29C } // Literal.String.Single 62 | .ss { color: #990073 } // Literal.String.Symbol 63 | .bp { color: #999 } // Name.Builtin.Pseudo 64 | .vc { color: #008080 } // Name.Variable.Class 65 | .vg { color: #008080 } // Name.Variable.Global 66 | .vi { color: #008080 } // Name.Variable.Instance 67 | .il { color: #099 } // Literal.Number.Integer.Long 68 | } 69 | --------------------------------------------------------------------------------