├── CNAME ├── robots.txt ├── .gitignore ├── screenshot.png ├── src ├── img │ ├── blog-image.png │ ├── blog-author.jpg │ └── icons │ │ ├── favicon.ico │ │ ├── largetile.png │ │ ├── smalltile.png │ │ ├── widetile.png │ │ ├── mediumtile.png │ │ ├── favicon-16x16.png │ │ ├── favicon-32x32.png │ │ ├── favicon-64x64.png │ │ ├── apple-touch-icon.png │ │ ├── apple-touch-icon-114x114.png │ │ ├── apple-touch-icon-120x120.png │ │ ├── apple-touch-icon-144x144.png │ │ ├── apple-touch-icon-152x152.png │ │ ├── apple-touch-icon-57x57.png │ │ ├── apple-touch-icon-60x60.png │ │ ├── apple-touch-icon-72x72.png │ │ └── apple-touch-icon-76x76.png ├── styl │ ├── _variables.styl │ ├── _animations.styl │ ├── _footer.styl │ ├── _elements.styl │ ├── _typo.styl │ ├── _icons.styl │ ├── main.styl │ ├── _home.styl │ ├── _author.styl │ ├── _header.styl │ ├── _menu.styl │ ├── _hightlight.styl │ ├── _post.styl │ └── _search.styl └── js │ ├── zmain.js │ ├── simpleJekyllSearch.js │ ├── scroll.js │ └── azepto.js ├── assets ├── img │ ├── blog-author.jpg │ ├── blog-image.png │ └── icons │ │ ├── favicon.ico │ │ ├── widetile.png │ │ ├── 32_favicon.png │ │ ├── 64_favicon.png │ │ ├── largetile.png │ │ ├── mediumtile.png │ │ ├── smalltile.png │ │ ├── favicon-16x16.ico │ │ ├── favicon-16x16.png │ │ ├── favicon-32x32.png │ │ ├── favicon-64x64.png │ │ ├── apple-touch-icon.png │ │ ├── apple-touch-icon-57x57.png │ │ ├── apple-touch-icon-60x60.png │ │ ├── apple-touch-icon-72x72.png │ │ ├── apple-touch-icon-76x76.png │ │ ├── apple-touch-icon-114x114.png │ │ ├── apple-touch-icon-120x120.png │ │ ├── apple-touch-icon-144x144.png │ │ └── apple-touch-icon-152x152.png ├── css │ └── main.css └── js │ └── main.js ├── _includes ├── footer.html ├── header-post.html ├── author.html ├── comments.html ├── menu-search.html ├── share.html ├── header-default.html ├── head.html └── svg-icons.html ├── _layouts ├── page.html ├── default.html ├── minimal.html ├── post.html └── compress.html ├── sitemap.xml ├── search.json ├── package.json ├── series.html ├── _posts ├── 2015-08-04-welcome-to-jekyll.md └── 2015-08-03-how-to-use.md ├── LICENSE ├── _config.yml ├── tags.html ├── feed.xml ├── index.html ├── about.html ├── gulpfile.js ├── Readme.md └── initpost.sh /CNAME: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /robots.txt: -------------------------------------------------------------------------------- 1 | # robotstxt.org/ 2 | 3 | User-agent: * -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | _site 2 | .sass-cache 3 | node_modules 4 | _drafts -------------------------------------------------------------------------------- /screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/screenshot.png -------------------------------------------------------------------------------- /src/img/blog-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/src/img/blog-image.png -------------------------------------------------------------------------------- /src/img/blog-author.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/src/img/blog-author.jpg -------------------------------------------------------------------------------- /assets/img/blog-author.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/blog-author.jpg -------------------------------------------------------------------------------- /assets/img/blog-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/blog-image.png -------------------------------------------------------------------------------- /src/img/icons/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/src/img/icons/favicon.ico -------------------------------------------------------------------------------- /src/img/icons/largetile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/src/img/icons/largetile.png -------------------------------------------------------------------------------- /src/img/icons/smalltile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/src/img/icons/smalltile.png -------------------------------------------------------------------------------- /src/img/icons/widetile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/src/img/icons/widetile.png -------------------------------------------------------------------------------- /assets/img/icons/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/favicon.ico -------------------------------------------------------------------------------- /assets/img/icons/widetile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/widetile.png -------------------------------------------------------------------------------- /src/img/icons/mediumtile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/src/img/icons/mediumtile.png -------------------------------------------------------------------------------- /assets/img/icons/32_favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/32_favicon.png -------------------------------------------------------------------------------- /assets/img/icons/64_favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/64_favicon.png -------------------------------------------------------------------------------- /assets/img/icons/largetile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/largetile.png -------------------------------------------------------------------------------- /assets/img/icons/mediumtile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/mediumtile.png -------------------------------------------------------------------------------- /assets/img/icons/smalltile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/smalltile.png -------------------------------------------------------------------------------- /src/img/icons/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/src/img/icons/favicon-16x16.png -------------------------------------------------------------------------------- /src/img/icons/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/src/img/icons/favicon-32x32.png -------------------------------------------------------------------------------- /src/img/icons/favicon-64x64.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/src/img/icons/favicon-64x64.png -------------------------------------------------------------------------------- /assets/img/icons/favicon-16x16.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/favicon-16x16.ico -------------------------------------------------------------------------------- /assets/img/icons/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/favicon-16x16.png -------------------------------------------------------------------------------- /assets/img/icons/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/favicon-32x32.png -------------------------------------------------------------------------------- /assets/img/icons/favicon-64x64.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/favicon-64x64.png -------------------------------------------------------------------------------- /src/img/icons/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/src/img/icons/apple-touch-icon.png -------------------------------------------------------------------------------- /assets/img/icons/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/apple-touch-icon.png -------------------------------------------------------------------------------- /src/img/icons/apple-touch-icon-114x114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/src/img/icons/apple-touch-icon-114x114.png -------------------------------------------------------------------------------- /src/img/icons/apple-touch-icon-120x120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/src/img/icons/apple-touch-icon-120x120.png -------------------------------------------------------------------------------- /src/img/icons/apple-touch-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/src/img/icons/apple-touch-icon-144x144.png -------------------------------------------------------------------------------- /src/img/icons/apple-touch-icon-152x152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/src/img/icons/apple-touch-icon-152x152.png -------------------------------------------------------------------------------- /src/img/icons/apple-touch-icon-57x57.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/src/img/icons/apple-touch-icon-57x57.png -------------------------------------------------------------------------------- /src/img/icons/apple-touch-icon-60x60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/src/img/icons/apple-touch-icon-60x60.png -------------------------------------------------------------------------------- /src/img/icons/apple-touch-icon-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/src/img/icons/apple-touch-icon-72x72.png -------------------------------------------------------------------------------- /src/img/icons/apple-touch-icon-76x76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/src/img/icons/apple-touch-icon-76x76.png -------------------------------------------------------------------------------- /assets/img/icons/apple-touch-icon-57x57.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/apple-touch-icon-57x57.png -------------------------------------------------------------------------------- /assets/img/icons/apple-touch-icon-60x60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/apple-touch-icon-60x60.png -------------------------------------------------------------------------------- /assets/img/icons/apple-touch-icon-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/apple-touch-icon-72x72.png -------------------------------------------------------------------------------- /assets/img/icons/apple-touch-icon-76x76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/apple-touch-icon-76x76.png -------------------------------------------------------------------------------- /assets/img/icons/apple-touch-icon-114x114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/apple-touch-icon-114x114.png -------------------------------------------------------------------------------- /assets/img/icons/apple-touch-icon-120x120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/apple-touch-icon-120x120.png -------------------------------------------------------------------------------- /assets/img/icons/apple-touch-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/apple-touch-icon-144x144.png -------------------------------------------------------------------------------- /assets/img/icons/apple-touch-icon-152x152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdk/will-jekyll-template/gh-pages/assets/img/icons/apple-touch-icon-152x152.png -------------------------------------------------------------------------------- /src/styl/_variables.styl: -------------------------------------------------------------------------------- 1 | // COLORS 2 | main = #0562DC 3 | hover = darken(main, 50%) 4 | sec = #FFFFFF 5 | lightGray = #F2F2F2 6 | texts = #333333 7 | colorcode = #3085F4 8 | // Resolution 9 | cut = 37.5rem -------------------------------------------------------------------------------- /src/styl/_animations.styl: -------------------------------------------------------------------------------- 1 | @keyframes pulse 2 | from 3 | opacity .4 4 | top 0 5 | 50% 6 | opacity 1 7 | top -10px 8 | to 9 | opacity .4 10 | top 0 -------------------------------------------------------------------------------- /_includes/footer.html: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /_layouts/page.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 |
5 | 6 |
7 |

{{ page.title }}

8 |
9 | 10 |
11 | {{ content }} 12 |
13 | 14 |
15 | -------------------------------------------------------------------------------- /sitemap.xml: -------------------------------------------------------------------------------- 1 | --- 2 | layout: null 3 | --- 4 | 5 | 6 | {% for post in site.posts %} 7 | 8 | {{ post.url | prepend: site.baseurl | prepend: site.url }} 9 | 10 | {% endfor %} 11 | -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: compress 3 | --- 4 | 5 | 6 | 7 | {% include head.html %} 8 | 9 | {% include svg-icons.html %} 10 | {% include header-default.html %} 11 |
12 | {{ content }} 13 |
14 | {% include footer.html %} 15 | 16 | 17 | -------------------------------------------------------------------------------- /search.json: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | [ 4 | {% for post in site.posts %} 5 | { 6 | "title" : "{{ post.title | escape }}", 7 | "category" : "{{ post.categories }}", 8 | "tags" : "{{ post.tags | array_to_sentence_string }}", 9 | "url" : "{{ site.baseurl }}{{ post.url }}", 10 | "date" : "{{ post.date | date_to_string}}" 11 | } {% unless forloop.last %},{% endunless %} 12 | {% endfor %} 13 | ] -------------------------------------------------------------------------------- /src/styl/_footer.styl: -------------------------------------------------------------------------------- 1 | .comments 2 | center(rem(800px)) 3 | padding 0 rem(20px) 4 | h3 5 | margin 0 0 rem(30px) 6 | font-size rem(30px) 7 | 8 | footer 9 | background main 10 | padding rem(25px) 0 11 | margin-top 100px 12 | p,a 13 | text-decoration none 14 | mainFont(300) 15 | color sec 16 | text-align center 17 | margin 0 18 | a:hover 19 | color #990000 -------------------------------------------------------------------------------- /src/styl/_elements.styl: -------------------------------------------------------------------------------- 1 | .tags 2 | margin-top rem(30px) 3 | a 4 | font-size rem(14px) 5 | color main 6 | display inline-block 7 | border 1px solid main 8 | border-radius rem(5px) 9 | padding rem(4px) rem(10px) 10 | margin-right rem(2px) 11 | margin-bottom rem(8px) 12 | text-decoration none 13 | &:hover 14 | color hover 15 | border 1px solid hover 16 | 17 | .img-rounded 18 | border-radius 50% -------------------------------------------------------------------------------- /_layouts/minimal.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: compress 3 | --- 4 | 5 | 6 | 7 | {% include head.html %} 8 | 9 | {% include svg-icons.html %} 10 | {% include header-post.html %} 11 |
12 | 13 |
14 | {{ content }} 15 |
16 | 17 | {% include footer.html %} 18 |
19 | 20 | 21 | -------------------------------------------------------------------------------- /_includes/header-post.html: -------------------------------------------------------------------------------- 1 | 12 | -------------------------------------------------------------------------------- /_includes/author.html: -------------------------------------------------------------------------------- 1 | 12 | -------------------------------------------------------------------------------- /_layouts/post.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {% include head.html %} 4 | 5 | {% include svg-icons.html %} 6 | {% include header-post.html %} 7 |
8 | 9 |
10 | {{ content }} 11 |
12 | 13 | {% include share.html %} 14 | {% include author.html %} 15 | {% include comments.html %} 16 | {% include footer.html %} 17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /src/styl/_typo.styl: -------------------------------------------------------------------------------- 1 | a 2 | -webkit-tap-highlight-color: rgba(0,0,0,0); 3 | 4 | @font-face { 5 | font-family: 'Open Sans'; 6 | font-style: normal; 7 | font-weight: 300; 8 | src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2) format('woff2'); 9 | } 10 | 11 | @font-face { 12 | font-family: 'Open Sans'; 13 | font-style: normal; 14 | font-weight: 800; 15 | src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://fonts.gstatic.com/s/opensans/v10/EInbV5DfGHOiMmvb1Xr-hiYtBUPDK3WL7KRKS_3q7OE.woff2) format('woff2'); 16 | } 17 | 18 | mainFont(weight = 800) 19 | font-family 'Open Sans', sans-serif 20 | font-weight weight 21 | font-style normal 22 | 23 | h1,h2,h3,h4 24 | mainFont() -------------------------------------------------------------------------------- /src/styl/_icons.styl: -------------------------------------------------------------------------------- 1 | size(width = 30, height = 30) 2 | width width px 3 | height height px 4 | 5 | .icons-home 6 | text-align center 7 | a 8 | display inline-block 9 | padding rem(15px) 10 | margin rem(2px) 11 | border-radius 50% 12 | border rem(2px) solid sec 13 | line-height 0 14 | transition all .7s 15 | .icon 16 | fill sec 17 | size(18,18) 18 | +above(cut) 19 | size() 20 | &:hover 21 | background sec 22 | .icon 23 | fill main 24 | 25 | .down 26 | position absolute 27 | bottom 50px 28 | width 100% 29 | display block 30 | text-align center 31 | .icon 32 | align(both) 33 | size(100,100) 34 | fill sec 35 | animation pulse 1.3s infinite -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "willjekylltemplate", 3 | "version": "1.0.0", 4 | "description": "My jekyll blog template.", 5 | "main": "gulpfile.js", 6 | "scripts": { 7 | "test": "test" 8 | }, 9 | "keywords": [ 10 | "frontend", 11 | "blog", 12 | "css", 13 | "stylus", 14 | "gulp", 15 | "jekyll", 16 | "js" 17 | ], 18 | "author": "Willian Justen de Vasconcellos", 19 | "license": "MIT", 20 | "devDependencies": { 21 | "autoprefixer-stylus": "^0.4.0", 22 | "browser-sync": "^1.9.0", 23 | "grunt": "^0.4.5", 24 | "gulp": "^3.8.10", 25 | "gulp-concat": "^2.4.3", 26 | "gulp-imagemin": "^2.1.0", 27 | "gulp-plumber": "^0.6.6", 28 | "gulp-stylus": "^1.3.7", 29 | "gulp-uglify": "^1.0.2" 30 | }, 31 | "dependencies": { 32 | "jeet": "^6.1.4", 33 | "kouto-swiss": "^0.11.14", 34 | "rupture": "^0.6.1" 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /series.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: minimal 3 | title: "Series" 4 | permalink: /series/index.html 5 | image: '/assets/img/series.png' 6 | description: "Take a look at my series about lorem ipsum..." 7 | --- 8 | 9 | {% for tag in site.categories %} 10 | {{ tag[0] | capitalize }} 11 | 23 | {% endfor %} 24 | -------------------------------------------------------------------------------- /src/styl/main.styl: -------------------------------------------------------------------------------- 1 | /* Syntax Quick Reference for Jeet 2 | -------------------------- 3 | column(ratios = 1, offset = 0, cycle = 0, uncycle = 0, gutter = jeet.gutter) 4 | span(ratio = 1, offset = 0) 5 | shift(ratios = 0, col_or_span = column, gutter = jeet.gutter) 6 | unshift() 7 | edit() 8 | center(max_width = 1410px, pad = 0) 9 | stack(pad = 0, align = false) 10 | unstack() 11 | align(direction = both) 12 | cf() 13 | 14 | For more info see: 15 | Kouto Swiss Doc: http://kouto-swiss.io/ 16 | Jeet Doc: http://jeet.gs 17 | 18 | And of course, look in node_modules for axis-css and jeet 19 | */ 20 | 21 | @import "kouto-swiss" 22 | @import "jeet" 23 | normalize() 24 | @import "_variables" 25 | @import "_typo" 26 | @import "_animations" 27 | @import "_icons" 28 | @import "_menu" 29 | @import "_search" 30 | @import "_elements" 31 | @import "_header" 32 | @import "_home" 33 | @import "_post" 34 | @import "_hightlight" 35 | @import "_author" 36 | @import "_footer" -------------------------------------------------------------------------------- /_posts/2015-08-04-welcome-to-jekyll.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: "Welcome to Jekyll" 4 | date: 2015-08-04 03:21:35 5 | image: '/assets/img/' 6 | description: 'Put your description here.' 7 | tags: 8 | - jekyll 9 | - web 10 | categories: 11 | - Jekyll is awesome 12 | twitter_text: 'Put your twitter description here.' 13 | --- 14 | 15 | You'll find this post in your `_posts` directory - edit this post and re-build (or run with the `-w` switch) to see your changes! 16 | To add new posts, simply add a file in the `_posts` directory that follows the convention: YYYY-MM-DD-name-of-post.ext. 17 | 18 | Jekyll also offers powerful support for code snippets: 19 | 20 | {% highlight ruby %} 21 | def print_hi(name) 22 | puts "Hi, #{name}" 23 | end 24 | print_hi('Tom') 25 | #=> prints 'Hi, Tom' to STDOUT. 26 | {% endhighlight %} 27 | 28 | Check out the [Jekyll docs][jekyll] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll's GitHub repo][jekyll-gh]. 29 | 30 | [jekyll-gh]: https://github.com/mojombo/jekyll 31 | [jekyll]: http://jekyllrb.com -------------------------------------------------------------------------------- /_includes/comments.html: -------------------------------------------------------------------------------- 1 |
2 |

Comments

3 |
4 |
5 | 27 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2016 Willian Justen 4 | http://willianjusten.com.br 5 | 6 | Permission is hereby granted, free of charge, to any person obtaining a copy 7 | of this software and associated documentation files (the "Software"), to deal 8 | in the Software without restriction, including without limitation the rights 9 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 10 | copies of the Software, and to permit persons to whom the Software is 11 | furnished to do so, subject to the following conditions: 12 | 13 | The above copyright notice and this permission notice shall be included in 14 | all copies or substantial portions of the Software. 15 | 16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 17 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 18 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 19 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 20 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 21 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 22 | THE SOFTWARE. -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # Site settings 2 | title: A blog about lorem ipsum dolor sit amet 3 | description: A blog about lorem ipsum dolor sit amet 4 | baseurl: "/will-jekyll-template" # the subpath of your site, e.g. /blog 5 | url: "https://willianjusten.com.br" # the base hostname & protocol for your site e.g. http://willianjusten.com.br 6 | 7 | # User settings 8 | username: Lorem Ipsum 9 | user_description: Anon Developer at Lorem Ipsum Dolor 10 | user_title: Anon Developer 11 | email: anon@anon.com 12 | twitter_username: lorem_ipsum 13 | github_username: lorem_ipsum 14 | gplus_username: lorem_ipsum 15 | disqus_username: lorem_ipsum 16 | 17 | # Build settings 18 | markdown: kramdown 19 | highlighter: rouge 20 | permalink: /:title/ 21 | 22 | 23 | # html minify 24 | compress_html: 25 | clippings: all 26 | comments: all 27 | endings: [] 28 | profile: false 29 | 30 | # Links to include in menu navigation 31 | # For external links add external: true 32 | links: 33 | - title: Home 34 | url: / 35 | - title: Series 36 | url: /series 37 | - title: Tags 38 | url: /tags 39 | - title: About Me 40 | url: /about 41 | 42 | # exclude my node related stuff 43 | exclude: ['package.json', 'src', 'node_modules'] 44 | -------------------------------------------------------------------------------- /_includes/menu-search.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 | 5 |
    6 |
    7 |
    8 | 9 |
    10 | 11 | 12 | 13 | 14 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /_includes/share.html: -------------------------------------------------------------------------------- 1 |
    2 |

    Share

    3 | 5 | 6 | 7 | 9 | 10 | 11 | 13 | 14 | 15 |
    -------------------------------------------------------------------------------- /src/js/zmain.js: -------------------------------------------------------------------------------- 1 | (function( $, window, undefined ) { 2 | // Menu 3 | $("a#slide").click(function(){ 4 | $("#sidebar,a#slide,#fade").addClass("slide"); 5 | $("#open").hide(); 6 | $("#search").hide(); 7 | $("#close").show(); 8 | }); 9 | 10 | $("#fade").click(function(){ 11 | $("#sidebar,a#slide,#fade").removeClass("slide"); 12 | $("#open").show(); 13 | $("#search").show(); 14 | $("#close").hide(); 15 | }); 16 | 17 | // Search 18 | var bs = { 19 | close: $(".icon-remove-sign"), 20 | searchform: $(".search-form"), 21 | canvas: $("body"), 22 | dothis: $('.dosearch') 23 | }; 24 | 25 | bs.dothis.on('click', function() { 26 | $('.search-wrapper').toggleClass('active'); 27 | bs.searchform.toggleClass('active'); 28 | bs.searchform.find('input').focus(); 29 | bs.canvas.toggleClass('search-overlay'); 30 | $('.search-field').simpleJekyllSearch(); 31 | }); 32 | 33 | bs.close.on('click', function() { 34 | $('.search-wrapper').toggleClass('active'); 35 | bs.searchform.toggleClass('active'); 36 | bs.canvas.removeClass('search-overlay'); 37 | }); 38 | 39 | // Scroll 40 | smoothScroll.init({ 41 | updateURL: false 42 | }) 43 | })( Zepto, window ); -------------------------------------------------------------------------------- /src/styl/_home.styl: -------------------------------------------------------------------------------- 1 | .post-item 2 | text-align left 3 | padding rem(40px) 0 4 | border-bottom 3px solid lightGray 5 | center(rem(1000px)) 6 | +below(rem(1000px)) 7 | padding-left rem(20px) 8 | padding-right rem(20px) 9 | .datetime 10 | col(1/6) 11 | text-align center 12 | text-decoration none 13 | +below(cut) 14 | stack() 15 | .day 16 | mainFont(800) 17 | color main 18 | font-size rem(80px) 19 | line-height 1.6 20 | +below(cut) 21 | stack() 22 | .month-year 23 | color black 24 | font-size rem(18px) 25 | .content 26 | col(5/6) 27 | +below(cut) 28 | stack() 29 | a 30 | text-decoration none 31 | .date 32 | color main 33 | .post-title 34 | color black 35 | font-size rem(32px) 36 | +below(cut) 37 | text-align center 38 | .description 39 | color texts 40 | mainFont(300) 41 | font-size rem(20px) 42 | a 43 | color main 44 | text-decoration underline -------------------------------------------------------------------------------- /src/styl/_author.styl: -------------------------------------------------------------------------------- 1 | .author 2 | background lightGray 3 | display table 4 | width 100% 5 | padding rem(40px) 0 6 | margin rem(40px) 0 7 | +above(cut) 8 | padding rem(50px) 0 9 | .details 10 | margin auto 11 | max-width rem(800px) 12 | padding 0 rem(20px) 13 | +below(cut) 14 | text-align center 15 | img 16 | border-radius 50% 17 | display block 18 | margin auto 19 | +above(cut) 20 | float left 21 | margin-right 3.125rem 22 | .def 23 | color gray 24 | font-size 1.125rem 25 | mainFont(300) 26 | margin rem(10px) 27 | +above(cut) 28 | margin 0 29 | padding-top rem(25px) 30 | .name 31 | margin 0 32 | a 33 | mainFont() 34 | text-decoration none 35 | color black 36 | font-size rem(30px) 37 | &:hover 38 | color main 39 | +above(cut) 40 | font-size rem(45px) 41 | .desc 42 | mainFont(300) 43 | margin rem(10px) 44 | font-size rem(16px) 45 | +above(cut) 46 | font-size rem(20px) 47 | .email 48 | text-decoration none 49 | color main 50 | 51 | -------------------------------------------------------------------------------- /src/styl/_header.styl: -------------------------------------------------------------------------------- 1 | html, 2 | body 3 | height 100% 4 | 5 | 6 | $bg 7 | background main 8 | height 100% 9 | .content 10 | width 95% 11 | align(both) 12 | text-align center 13 | 14 | // Header home 15 | .header-site 16 | @extends $bg 17 | h1,h2 18 | color: sec 19 | text-align center 20 | .site-title 21 | font-size rem(60px) 22 | line-height 1 23 | margin-top -80px 24 | display block 25 | +above(cut) 26 | margin-bottom 0 27 | font-size rem(100px) 28 | .site-description 29 | font-size rem(20px) 30 | display block 31 | margin rem(30px) 0 32 | +above(cut) 33 | font-size rem(40px) 34 | 35 | // Header Post 36 | .header-post 37 | @extends $bg 38 | .content 39 | +above(cut) 40 | center(1000px) 41 | .subheader 42 | display table 43 | padding 20px 44 | a 45 | border 2px solid sec 46 | border-radius 20px 47 | padding 0 10px 48 | +above(cut) 49 | padding 0 10px 50 | 51 | .date 52 | mainFont(300) 53 | font-size rem(16px) 54 | h1 55 | text-transform uppercase 56 | font-size rem(30px) 57 | margin 0 0 30px 58 | +above(cut) 59 | font-size rem(60px) 60 | .subtitle 61 | mainFont(300) 62 | font-size rem(20px) 63 | h1,.subtitle, .date 64 | color sec 65 | text-align center 66 | p 67 | color sec 68 | text-decoration none 69 | mainFont(300) 70 | font-size rem(18px) -------------------------------------------------------------------------------- /tags.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: minimal 3 | title: "#Tags" 4 | permalink: /tags/index.html 5 | description: "Take a look at my beautiful tags." 6 | --- 7 | 8 |
    9 | {% assign tags_list = site.tags %} 10 | {% if tags_list.first[0] == null %} 11 | {% for tag in tags_list %} 12 | {{ tag }} 13 | {% endfor %} 14 | {% else %} 15 | {% for tag in tags_list %} 16 | {{ tag[0] }} 17 | {% endfor %} 18 | {% endif %} 19 | {% assign tags_list = nil %} 20 |
    21 | 22 | {% for tag in site.tags %} 23 | {{ tag[0] }} 24 | 36 | {% endfor %} -------------------------------------------------------------------------------- /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 | strip_html | truncatewords:100 }} 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 | -------------------------------------------------------------------------------- /_includes/header-default.html: -------------------------------------------------------------------------------- 1 | 18 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 |
    6 | {% for post in site.posts %} 7 | 33 | {% endfor %} 34 |
    35 | -------------------------------------------------------------------------------- /about.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: minimal 3 | title: "About me" 4 | permalink: /about/index.html 5 | description: "Some description about Lorem Ipsum..." 6 | --- 7 | 8 | Willian Justen 9 | 10 |

    About Me

    11 | 12 |

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 13 | tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 14 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 15 | consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 16 | cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 17 | proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    18 | 19 | 20 |

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 21 | tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 22 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 23 | consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 24 | cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 25 | proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    26 | 27 | 28 |

    Skills

    29 | 30 | 46 | 47 |

    Projetos

    48 | 49 | -------------------------------------------------------------------------------- /src/styl/_menu.styl: -------------------------------------------------------------------------------- 1 | *, *:before, *:after 2 | -moz-box-sizing border-box 3 | -webkit-box-sizing border-box 4 | box-sizing border-box 5 | 6 | body 7 | left 0 8 | right 0 9 | margin auto 10 | 11 | a, aside, .overlay, body 12 | transition all .25s ease 13 | a.slideButton, .dosearch 14 | position absolute 15 | display block 16 | width 40px 17 | height 40px 18 | top 10px 19 | z-index 31 20 | .slideButton 21 | left 10px 22 | .dosearch 23 | right 10px 24 | background darken(main,10%) 25 | border-radius rem(3px) 26 | padding rem(2px) rem(3px) 27 | .icon-menu 28 | cursor pointer 29 | padding rem(5px) 30 | border-radius rem(3px) 31 | background darken(main,10%) 32 | width rem(40px) 33 | height rem(40px) 34 | fill sec 35 | .icon-search 36 | width rem(35px) 37 | height rem(35px) 38 | 39 | .overlay 40 | cursor pointer 41 | 42 | #close 43 | display none 44 | 45 | aside 46 | position fixed 47 | height 100% 48 | width rem(240px) 49 | padding rem(40px) 0 0 50 | top 0 51 | left rem(-240px) 52 | background #3F3F3F 53 | z-index 20 54 | box-shadow inset -10px -1px 15px -9px rgba(0,0,0,0.5) 55 | h2 56 | text-align center 57 | margin 0 0 rem(10px) 58 | mainFont(800) 59 | font-size rem(20px) 60 | color sec 61 | nav 62 | ul 63 | padding 0 64 | li 65 | margin 0 66 | list-style-type none 67 | a 68 | width 100% 69 | display block 70 | padding rem(20px) 71 | text-decoration none 72 | mainFont(300) 73 | color #b3b3b1 74 | border-top 1px solid darken(lightGray,50%) 75 | &:hover 76 | color #191918 77 | background sec 78 | .feed 79 | border-bottom 1px solid darken(lightGray,50%) 80 | &.slide 81 | left 0 82 | 83 | 84 | a.slideButton.slide 85 | left rem(250px) 86 | pointer-events none 87 | 88 | .overlay 89 | position fixed 90 | width 100% 91 | height 100% 92 | top 0 93 | left 0 94 | pointer-events none 95 | background transparent 96 | z-index 30 97 | &.slide 98 | pointer-events auto 99 | left 240px 100 | background rgba(0,0,0,.6) -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | var gulp = require('gulp'), 2 | plumber = require('gulp-plumber'), 3 | browserSync = require('browser-sync'), 4 | stylus = require('gulp-stylus'), 5 | uglify = require('gulp-uglify'), 6 | concat = require('gulp-concat'), 7 | jeet = require('jeet'), 8 | rupture = require('rupture'), 9 | koutoSwiss = require('kouto-swiss'), 10 | prefixer = require('autoprefixer-stylus'), 11 | imagemin = require('gulp-imagemin'), 12 | cp = require('child_process'); 13 | 14 | var messages = { 15 | jekyllBuild: 'Running: $ jekyll build' 16 | }; 17 | 18 | var jekyllCommand = (/^win/.test(process.platform)) ? 'jekyll.bat' : 'jekyll'; 19 | 20 | /** 21 | * Build the Jekyll Site 22 | */ 23 | gulp.task('jekyll-build', function (done) { 24 | browserSync.notify(messages.jekyllBuild); 25 | return cp.spawn(jekyllCommand, ['build'], {stdio: 'inherit'}) 26 | .on('close', done); 27 | }); 28 | 29 | /** 30 | * Rebuild Jekyll & do page reload 31 | */ 32 | gulp.task('jekyll-rebuild', ['jekyll-build'], function () { 33 | browserSync.reload(); 34 | }); 35 | 36 | /** 37 | * Wait for jekyll-build, then launch the Server 38 | */ 39 | gulp.task('browser-sync', ['jekyll-build'], function() { 40 | browserSync({ 41 | server: { 42 | baseDir: '_site' 43 | } 44 | }); 45 | }); 46 | 47 | /** 48 | * Stylus task 49 | */ 50 | gulp.task('stylus', function(){ 51 | gulp.src('src/styl/main.styl') 52 | .pipe(plumber()) 53 | .pipe(stylus({ 54 | use:[koutoSwiss(), prefixer(), jeet(),rupture()], 55 | compress: true 56 | })) 57 | .pipe(gulp.dest('_site/assets/css/')) 58 | .pipe(browserSync.reload({stream:true})) 59 | .pipe(gulp.dest('assets/css')) 60 | }); 61 | 62 | /** 63 | * Javascript Task 64 | */ 65 | gulp.task('js', function(){ 66 | return gulp.src('src/js/**/*.js') 67 | .pipe(plumber()) 68 | .pipe(concat('main.js')) 69 | .pipe(uglify()) 70 | .pipe(gulp.dest('assets/js/')) 71 | }); 72 | 73 | /** 74 | * Imagemin Task 75 | */ 76 | gulp.task('imagemin', function() { 77 | return gulp.src('src/img/**/*.{jpg,png,gif}') 78 | .pipe(plumber()) 79 | .pipe(imagemin({ optimizationLevel: 3, progressive: true, interlaced: true })) 80 | .pipe(gulp.dest('assets/img/')); 81 | }); 82 | 83 | /** 84 | * Watch stylus files for changes & recompile 85 | * Watch html/md files, run jekyll & reload BrowserSync 86 | */ 87 | gulp.task('watch', function () { 88 | gulp.watch('src/styl/**/*.styl', ['stylus']); 89 | gulp.watch('src/js/**/*.js', ['js']); 90 | gulp.watch('src/img/**/*.{jpg,png,gif}', ['imagemin']); 91 | gulp.watch(['*.html', '_includes/*.html', '_layouts/*.html', '_posts/*'], ['jekyll-rebuild']); 92 | }); 93 | 94 | /** 95 | * Default task, running just `gulp` will compile the sass, 96 | * compile the jekyll site, launch BrowserSync & watch files. 97 | */ 98 | gulp.task('default', ['js', 'stylus', 'browser-sync', 'watch']); 99 | -------------------------------------------------------------------------------- /src/styl/_hightlight.styl: -------------------------------------------------------------------------------- 1 | pre 2 | background #222 3 | width 100% 4 | padding rem(20px) 0 5 | color sec 6 | margin rem(30px) 0 7 | font-size rem(14px) 8 | +above(cut) 9 | font-size rem(16px) 10 | padding rem(40px) 0 11 | margin rem(50px) 0 12 | code 13 | center(rem(800)) 14 | padding 0 rem(20px) 15 | +below(cut) 16 | overflow-x: scroll; 17 | span 18 | line-height 1.5rem 19 | font-family 'Monaco','Consolas','Menlo',monospace 20 | 21 | .highlight 22 | margin 0 23 | +above(cut) 24 | word-wrap break-word 25 | .hll 26 | background-color #333 27 | .c, // Comment 28 | .cm, // Comment.Multiline 29 | .cp, // Comment.Preproc 30 | .c1, // Comment.Single 31 | .cs // Comment.Special 32 | color #75715e 33 | 34 | // Error 35 | .err 36 | color #960050 37 | background-color #1e0010 38 | 39 | .k, // Keyword 40 | .kc, // Keyword.Constant 41 | .kd, // Keyword.Declaration 42 | .kp, // Keyword.Pseudo 43 | .kr, // Keyword.Reserved 44 | .kt, // Keyword.Type 45 | .no // Name.Constant 46 | color #66d9ef 47 | 48 | .l, // Literal 49 | .mf, // Literal.Number.Float 50 | .mh, // Literal.Number.Hex 51 | .mi, // Literal.Number.Integer 52 | .mo, // Literal.Number.Oct 53 | .se, // Literal.String.Escape 54 | .il // Literal.Number.Integer.Long 55 | color #ae81ff 56 | 57 | .o, // Operator 58 | .p // Punctuation 59 | color #f7f7f2 60 | 61 | .m, // Literal.Number 62 | .n, // Name 63 | .nb, // Name.Builtin 64 | .ni, // Name.Entity 65 | .nl, // Name.Label 66 | .nn, // Name.Namespace 67 | .py, // Name.Property 68 | .nv, // Name.Variable 69 | .w, // Text.Whitespace 70 | .bp, // Name.Builtin.Pseudo 71 | .vc, // Name.Variable.Class 72 | .vg, // Name.Variable.Global 73 | .vi // Name.Variable.Instance 74 | color #a4d043 75 | 76 | .kn, // Keyword.Namespace 77 | .nt, // Name.Tag 78 | .ow // Operator.Word 79 | color #f92672 80 | 81 | .ge // Generic.Emph 82 | font-style italic 83 | 84 | .gs // Generic.Strong 85 | font-weight bold 86 | 87 | .ld, // Literal.Date 88 | .s, // Literal.String 89 | .sb, // Literal.String.Backtick 90 | .sc, // Literal.String.Char 91 | .sd, // Literal.String.Doc 92 | .s2, // Literal.String.Double 93 | .sh, // Literal.String.Heredoc 94 | .si, // Literal.String.Interpol 95 | .sx, // Literal.String.Other 96 | .sr, // Literal.String.Regex 97 | .s1, // Literal.String.Single 98 | .ss // Literal.String.Symbol 99 | color #e6db74 100 | 101 | .na, // Name.Attribute 102 | .nc, // Name.Class 103 | .nd, // Name.Decorator 104 | .ne, // Name.Exception 105 | .nf, // Name.Function 106 | .nx // Name.Other 107 | color #a6e22e -------------------------------------------------------------------------------- /_layouts/compress.html: -------------------------------------------------------------------------------- 1 | --- 2 | # Jekyll layout that compresses HTML 3 | # v1.4.0 4 | # http://jch.penibelst.de/ 5 | # © 2014–2015 Anatol Broder 6 | # MIT License 7 | --- 8 | {% if site.compress_html.ignore.envs contains jekyll.environment %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% assign _pre_befores = _content | split: "" %}{% case _pres.size %}{% when 2 %}{% capture _content %}{{ _content }}{{ _pres.last | split: " " | join: " " }}{% endcapture %}{% when 1 %}{% capture _content %}{{ _content }}{{ _pres.last | split: " " | join: " " }}{% endcapture %}{% endcase %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% assign _comment_befores = _content | split: _comments.first %}{% for _comment_before in _comment_befores %}{% assign _comment_content = _comment_before | split: _comments.last | first %}{% if _comment_content %}{% capture _comment %}{{ _comments.first }}{{ _comment_content }}{{ _comments.last }}{% endcapture %}{% assign _content = _content | remove: _comment %}{% endif %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " ;; ;" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %}
    Step Bytes
    raw {{ content | size }}{% if _profile_endings %}
    endings {{ _profile_endings }}{% endif %}{% if _profile_collapse %}
    collapse {{ _profile_collapse }}{% endif %}{% if _profile_comments %}
    comments {{ _profile_comments }}{% endif %}{% if _profile_clippings %}
    clippings {{ _profile_clippings }}{% endif %}
    {% endif %}{% endif %} -------------------------------------------------------------------------------- /src/styl/_post.styl: -------------------------------------------------------------------------------- 1 | .post-content 2 | padding rem(40px) 0 3 | img 4 | max-width 100% 5 | margin rem(30px) auto 6 | display block 7 | p, h1, h2, h3, h4,ul,ol, .tags, iframe 8 | center(rem(800px)) 9 | padding 0 rem(20px) 10 | margin 0 auto rem(30px) 11 | mainFont(300) 12 | font-size rem(18px) 13 | line-height 2 14 | letter-spacing 0.01rem 15 | +above(cut) 16 | font-size rem(20px) 17 | p,li 18 | color texts 19 | code 20 | color colorcode 21 | a 22 | mainFont(300) 23 | color main 24 | text-decoration none 25 | border-bottom 2px solid main 26 | iframe 27 | margin-top rem(30px) 28 | width 100% 29 | #twitter-widget-0 30 | margin auto !important 31 | h1,h2,h3,h4,h5 32 | mainFont(800) 33 | h1 34 | font-size rem(30px) 35 | line-height 1.4 36 | +above(cut) 37 | font-size rem(45px) 38 | h2 39 | font-size rem(22px) 40 | line-height 1.4 41 | +above(cut) 42 | font-size rem(35px) 43 | h3 44 | font-size rem(18px) 45 | line-height 1.4 46 | +above(cut) 47 | font-size rem(25px) 48 | ul,ol 49 | padding-left rem(40px) 50 | ul.post-list 51 | padding 0 52 | +below(cut) 53 | padding 0 rem(20px) 54 | blockquote 55 | center(rem(730px)) 56 | border-left rem(5px) solid main 57 | padding 0 rem(30px) 58 | margin rem(50px) auto 59 | +below(cut) 60 | width 70% 61 | p 62 | color rgba(0,0,0,0.6) 63 | margin 0 64 | +below(cut) 65 | font-size rem(18px) 66 | line-height 1.5 67 | padding 0 68 | hr 69 | center(rem(760px)) 70 | border 1px solid lightGray 71 | margin 50px auto 72 | 73 | .share 74 | center(800px) 75 | text-align center 76 | border-top 1px solid lightGray 77 | padding-top rem(20px) 78 | svg 79 | margin rem(15px) 80 | size(35,35) 81 | a 82 | text-decoration none 83 | &:hover svg 84 | fill main 85 | 86 | 87 | table 88 | margin rem(50px) auto 89 | +below(cut) 90 | display none 91 | th, td 92 | border rem(2px) solid #ccc 93 | padding rem(5px) 94 | 95 | .tag-title 96 | mainFont(300) 97 | font-size rem(36px) 98 | margin-top rem(60px) 99 | center(rem(800px)) 100 | +below(cut) 101 | font-size rem(28px) 102 | margin-top rem(20px) 103 | padding 0 rem(20px) 104 | 105 | .post-list 106 | list-style none 107 | margin rem(25px) auto 108 | +below(cut) 109 | padding 0 rem(20px) 110 | a 111 | display block 112 | border-bottom 1px solid darken(lightGray,10%) 113 | padding rem(10px) 0 114 | text-decoration none 115 | transition all .5s 116 | &:hover 117 | color hover 118 | border-bottom 1px solid hover 119 | .entry-date 120 | float right 121 | +below(cut) 122 | display none 123 | -------------------------------------------------------------------------------- /src/js/simpleJekyllSearch.js: -------------------------------------------------------------------------------- 1 | (function($) { 2 | $.fn.simpleJekyllSearch = function(options) { 3 | var settings = $.extend({ 4 | jsonFile : '/search.json', 5 | jsonFormat : 'title,category,desc,url,date,shortdate', 6 | template : '
  • ', 7 | searchResults : '.search-results', 8 | searchResultsTitle : '

    Search Results:

    ', 9 | limit : '5', 10 | noResults : '

    Oh snap!
    Nothing found! :(

    ' 11 | }, options); 12 | 13 | var properties = settings.jsonFormat.split(','); 14 | 15 | var jsonData = [], 16 | origThis = this, 17 | searchResults = $(settings.searchResults); 18 | 19 | if(settings.jsonFile.length && searchResults.length){ 20 | $.ajax({ 21 | type: "GET", 22 | url: settings.jsonFile, 23 | dataType: 'json', 24 | success: function(data, textStatus, jqXHR) { 25 | jsonData = data; 26 | registerEvent(); 27 | }, 28 | error: function(x,y,z) { 29 | console.log("***ERROR in simpleJekyllSearch.js***"); 30 | console.log(x); 31 | console.log(y); 32 | console.log(z); 33 | // x.responseText should have what's wrong 34 | } 35 | }); 36 | } 37 | 38 | 39 | function registerEvent(){ 40 | origThis.keyup(function(e){ 41 | if($(this).val().length){ 42 | writeMatches( performSearch($(this).val()) ); 43 | }else{ 44 | clearSearchResults(); 45 | } 46 | }); 47 | } 48 | 49 | function performSearch(str){ 50 | var matches = []; 51 | 52 | $.each(jsonData,function(i,entry){ 53 | for(var i=0;i