├── _sass ├── _custom.scss ├── _base.scss ├── _syntax-highlighting.scss └── _layout.scss ├── .gitignore ├── favicon.ico ├── img ├── author.jpg └── thunder-bar.svg ├── images ├── image-4.png ├── create-gh-pages-branch.JPG ├── delete-github-branch-2.png ├── delete-github-branch.png ├── thunder-jekyll-theme-2.jpg ├── thunder-jekyll-theme.jpg ├── thunder-responsive-jekyll-theme.jpg ├── webpagetest-jekyll-theme-thunder.jpg ├── webpagetest-jekyll-theme-amplify-example.jpg └── webpagetest-jekyll-theme-thunder-example.jpg ├── _includes ├── footer.html ├── color-bar.html ├── analytics.html ├── disqus.html ├── author.html ├── head.html ├── header.html └── main.scss ├── _layouts ├── page.html ├── default.html ├── post.html └── compress.html ├── README.md ├── about.md ├── index.html ├── LICENCE.md ├── _posts ├── 2016-05-12-welcome-to-jekyll.markdown ├── 2016-05-07-example.md └── 2016-05-07-documentation.md ├── feed.xml ├── _config.yml └── contact.md /_sass/_custom.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | _site 2 | .sass-cache 3 | .jekyll-metadata 4 | -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharu725/thunder/HEAD/favicon.ico -------------------------------------------------------------------------------- /img/author.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharu725/thunder/HEAD/img/author.jpg -------------------------------------------------------------------------------- /images/image-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharu725/thunder/HEAD/images/image-4.png -------------------------------------------------------------------------------- /images/create-gh-pages-branch.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharu725/thunder/HEAD/images/create-gh-pages-branch.JPG -------------------------------------------------------------------------------- /images/delete-github-branch-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharu725/thunder/HEAD/images/delete-github-branch-2.png -------------------------------------------------------------------------------- /images/delete-github-branch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharu725/thunder/HEAD/images/delete-github-branch.png -------------------------------------------------------------------------------- /images/thunder-jekyll-theme-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharu725/thunder/HEAD/images/thunder-jekyll-theme-2.jpg -------------------------------------------------------------------------------- /images/thunder-jekyll-theme.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharu725/thunder/HEAD/images/thunder-jekyll-theme.jpg -------------------------------------------------------------------------------- /images/thunder-responsive-jekyll-theme.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharu725/thunder/HEAD/images/thunder-responsive-jekyll-theme.jpg -------------------------------------------------------------------------------- /images/webpagetest-jekyll-theme-thunder.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharu725/thunder/HEAD/images/webpagetest-jekyll-theme-thunder.jpg -------------------------------------------------------------------------------- /_includes/footer.html: -------------------------------------------------------------------------------- 1 |
2 | {% include color-bar.html %} 3 | 4 | {% if site.analytics %}{% include analytics.html %}{% endif %} 5 | -------------------------------------------------------------------------------- /images/webpagetest-jekyll-theme-amplify-example.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharu725/thunder/HEAD/images/webpagetest-jekyll-theme-amplify-example.jpg -------------------------------------------------------------------------------- /images/webpagetest-jekyll-theme-thunder-example.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharu725/thunder/HEAD/images/webpagetest-jekyll-theme-thunder-example.jpg -------------------------------------------------------------------------------- /_layouts/page.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 |
5 | 6 |
7 |

{{ page.title }}

8 |
9 | 10 |
11 | {{ content }} 12 |
13 | 14 |
15 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Demo: [http://webjeda.com/thunder](http://webjeda.com/thunder) 2 | 3 | ## Installation 4 | * Fork the repository 5 | * Go to settings and set Github Pages source as master. 6 | * Your new site should be ready. 7 | 8 | For more themes visit - [https://jekyll-themes.com](https://jekyll-themes.com) -------------------------------------------------------------------------------- /_includes/color-bar.html: -------------------------------------------------------------------------------- 1 |
-------------------------------------------------------------------------------- /about.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | title: About 4 | permalink: /about/ 5 | --- 6 | 7 | 8 | Thunder is a minimal responsive Jekyll theme which uses very less ``html`` and ``css`` code. The page-load is within a second. This Jekyll Theme is suitable for simple blogs. 9 | 10 | 11 | More themes available here: [**Jekyll Themes**](http://blog.webjeda.com/jekyll-themes/) 12 | 13 | 14 | -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: compress 3 | --- 4 | 5 | 6 | 7 | 8 | 9 | {% include head.html %} 10 | 11 | 12 | 13 | {% include header.html %} 14 | 15 |
16 | 17 | {{ content }} 18 | 19 |
20 | {% include footer.html %} 21 | {% if site.analytics %}{% include analytics.html %}{% endif %} 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /_includes/analytics.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /_includes/disqus.html: -------------------------------------------------------------------------------- 1 |
2 | 10 | 11 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 |
6 | 7 |

Posts

8 | 9 | 20 | 21 | 22 |
23 | -------------------------------------------------------------------------------- /_includes/author.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 |

{{site.author-name}}

6 |

{{site.author-about}}

7 |
8 |
9 |
10 |
-------------------------------------------------------------------------------- /_includes/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | {% seo %} 7 | 8 | 9 | 10 | 16 | 17 | -------------------------------------------------------------------------------- /img/thunder-bar.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /_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 | {% include author.html %} 17 |
18 |
19 | {% if site.disqus-shortname %}{% include disqus.html %}{% endif %} -------------------------------------------------------------------------------- /_includes/header.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | 5 | 14 | 15 | {% include color-bar.html %} 16 |
17 | -------------------------------------------------------------------------------- /LICENCE.md: -------------------------------------------------------------------------------- 1 | # The MIT License (MIT) 2 | Copyright (c) 2016 webjeda 3 | 4 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: 5 | 6 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 7 | 8 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. -------------------------------------------------------------------------------- /_includes/main.scss: -------------------------------------------------------------------------------- 1 | // Our variables 2 | $base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 3 | $base-font-size: 16px; 4 | $base-font-weight: 400; 5 | $small-font-size: $base-font-size * 0.875; 6 | $base-line-height: 1.6; 7 | 8 | $spacing-unit: 30px; 9 | 10 | $text-color: #333; 11 | $background-color: #fdfdfd; 12 | $brand-color: {{site.color-1}}; 13 | $color-1: {{site.color-1}}; 14 | $color-2: {{site.color-2}}; 15 | 16 | $grey-color: #828282; 17 | $grey-color-light: lighten($grey-color, 40%); 18 | $grey-color-dark: darken($grey-color, 25%); 19 | 20 | // Width of the content area 21 | $content-width: 800px; 22 | 23 | $on-palm: 600px; 24 | $on-laptop: 800px; 25 | 26 | 27 | // Use media queries like this: 28 | // @include media-query($on-palm) { 29 | // .wrapper { 30 | // padding-right: $spacing-unit / 2; 31 | // padding-left: $spacing-unit / 2; 32 | // } 33 | // } 34 | @mixin media-query($device) { 35 | @media screen and (max-width: $device) { 36 | @content; 37 | } 38 | } 39 | 40 | 41 | 42 | // Import partials from `sass_dir` (defaults to `_sass`) 43 | @import 44 | "base", 45 | "layout", 46 | "syntax-highlighting", 47 | "custom" 48 | ; 49 | -------------------------------------------------------------------------------- /_posts/2016-05-12-welcome-to-jekyll.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: "Welcome to Jekyll!" 4 | date: 2016-05-12 08:35:38 +0530 5 | categories: jekyll update 6 | --- 7 | You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated. 8 | 9 | To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works. 10 | 11 | Jekyll also offers powerful support for code snippets: 12 | 13 | {% highlight ruby %} 14 | def print_hi(name) 15 | puts "Hi, #{name}" 16 | end 17 | print_hi('Tom') 18 | #=> prints 'Hi, Tom' to STDOUT. 19 | {% endhighlight %} 20 | 21 | Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk]. 22 | 23 | [jekyll-docs]: http://jekyllrb.com/docs/home 24 | [jekyll-gh]: https://github.com/jekyll/jekyll 25 | [jekyll-talk]: https://talk.jekyllrb.com/ 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 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # Welcome to Jekyll! 2 | # 3 | # This config file is meant for settings that affect your whole blog, values 4 | # which you are expected to set up once and rarely need to edit after that. 5 | # For technical reasons, this file is *NOT* reloaded automatically when you use 6 | # 'jekyll serve'. If you change this file, please restart the server process. 7 | 8 | # Site settings 9 | title: Webjeda Thunder 10 | email: your-email@domain.com 11 | description: > # this means to ignore newlines until "baseurl:" 12 | Thunder is a lightning fast responsive theme based on default Jekyll theme. It is minimal and free from JavaScript. It has a css file of size 5kb. 13 | url: "http://webjeda.com" # the base hostname & protocol for your site 14 | 15 | #baseurl: '/thunder' 16 | permalink: /:title/ 17 | 18 | analytics: UA-83979019-1 19 | disqus-shortname: webjeda-demo 20 | 21 | # Color schemes 22 | color-1: '#3B97D3' 23 | color-2: '#26B99A' 24 | 25 | # Author pictre 100x100 --> keep it inside img folder. 26 | author-image: 'author.jpg' 27 | author-name: 'John Doe' 28 | author-about: 'John Doe should be described in a very few words!' 29 | 30 | # Build settings 31 | markdown: kramdown 32 | 33 | sass: 34 | style: compressed 35 | 36 | 37 | 38 | 39 | #compress.html 40 | compress_html: 41 | clippings: [html,div, p, ul, td, h1, h2, h3, h4,link, meta, footer, nav, img, header, hr, br, head, style, li, ul, ol, time, main, script, title] 42 | comments: [""] 43 | endings: [all] 44 | ignore: 45 | envs: [local] 46 | blanklines: false 47 | profile: false 48 | startings: [] 49 | 50 | 51 | prose: 52 | rooturl: '' 53 | siteurl: 'http://prose.github.io/starter/' 54 | relativeLinks: 'http://prose.github.io/starter/links.jsonp' 55 | media: 'images' 56 | ignore: 57 | - index.md 58 | - _config.yml 59 | - /_layouts 60 | - /_includes 61 | 62 | gems: [jekyll-seo-tag] 63 | -------------------------------------------------------------------------------- /_posts/2016-05-07-example.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: Example Post 4 | --- 5 | 6 | ![sample post]({{site.baseurl}}/images/image-4.png) 7 | 8 | 9 | # Header 1 10 | 11 | ## Header 2 12 | 13 | ### Header 3 14 | 15 | #### Header 4 16 | 17 | ##### Header 5 18 | 19 | ###### Header 6 20 | 21 | 22 | 23 | ## Paragraphs 24 | 25 | These are sample paragraphs showing *italics*, **bold** and ``code`` text style. Here is an unordered list 26 | 27 | * Item 1 28 | * Item 2 29 | * Item 3 30 | 31 | and an ordered list 32 | 33 | 1. Item 1 34 | 2. Item 2 35 | 3. Item 3 36 | 37 | >A blockquote would look like this. 38 | 39 | > another one 40 | > 41 | > with multiple lines 42 | 43 | 44 | 45 | 46 | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 47 | 48 | **Code:** Let's keep it to its length and let it not take the whole width. 49 | {% highlight html %} 50 | 51 |
52 | 57 |
58 | 59 | 60 | {% endhighlight %} 61 | 62 | Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit. 63 | 64 | This is a simple markdown table 65 | 66 | | Tables | Are | Cool | 67 | | ------------- |:-------------:| -----:| 68 | | col 3 is | right-aligned | $1600 | 69 | | col 2 is | centered | $12 | 70 | | zebra stripes | are neat | $1 | 71 | 72 | 73 | 74 | Use below code to show **Table of Contents** on a page 75 | 76 | {% highlight css %} 77 | * Do not remove this line (it will not be displayed) 78 | {:toc} 79 | {% endhighlight %} -------------------------------------------------------------------------------- /_sass/_base.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Reset some basic elements 3 | */ 4 | body, h1, h2, h3, h4, h5, h6, 5 | p, blockquote, pre, hr, 6 | dl, dd, ol, ul, figure { 7 | margin: 0; 8 | padding: 0; 9 | } 10 | 11 | 12 | 13 | /** 14 | * Basic styling 15 | */ 16 | body { 17 | font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family; 18 | color: $text-color; 19 | background-color: transparent; 20 | text-rendering: optimizeLegibility; 21 | text-shadow: 0 0 1px #ccc; 22 | } 23 | 24 | 25 | 26 | /** 27 | * Set `margin-bottom` to maintain vertical rhythm 28 | */ 29 | h1, h2, h3, h4, h5, h6, 30 | p, blockquote, pre, 31 | ul, ol, dl, figure, 32 | %vertical-rhythm { 33 | margin-bottom: $spacing-unit / 2; 34 | } 35 | 36 | 37 | 38 | /** 39 | * Images 40 | */ 41 | img { 42 | max-width: 100%; 43 | vertical-align: middle; 44 | } 45 | 46 | 47 | 48 | /** 49 | * Figures 50 | */ 51 | figure > img { 52 | display: block; 53 | } 54 | 55 | 56 | 57 | 58 | /** 59 | * Lists 60 | */ 61 | ul, ol { 62 | margin-left: $spacing-unit; 63 | } 64 | 65 | li { 66 | > ul, 67 | > ol { 68 | margin-bottom: 0; 69 | } 70 | } 71 | 72 | 73 | 74 | /** 75 | * Headings 76 | */ 77 | h1, h2, h3, h4, h5, h6 { 78 | font-weight: bold; 79 | } 80 | 81 | 82 | 83 | /** 84 | * Links 85 | */ 86 | a { 87 | color: $brand-color; 88 | text-decoration: none; 89 | 90 | 91 | &:hover { 92 | color: $color-2; 93 | text-decoration: none; 94 | } 95 | } 96 | 97 | 98 | 99 | /** 100 | * Blockquotes 101 | */ 102 | blockquote { 103 | color: $text-color; 104 | border-left: 4px solid $brand-color; 105 | padding-left: $spacing-unit / 2; 106 | font-size: 16px; 107 | letter-spacing: -1px; 108 | font-style: italic; 109 | 110 | > :last-child { 111 | margin-bottom: 0; 112 | } 113 | } 114 | 115 | 116 | 117 | /** 118 | * Code formatting 119 | */ 120 | pre, 121 | code { 122 | font-size: 15px; 123 | border: 1px solid $brand-color; 124 | border-radius: 3px; 125 | background-color: transparent; 126 | } 127 | 128 | code { 129 | padding: 1px 5px; 130 | 131 | } 132 | 133 | pre { 134 | padding: 8px 12px; 135 | overflow-x: auto; 136 | > code { 137 | border: 0; 138 | padding-right: 0; 139 | padding-left: 0; 140 | } 141 | } 142 | 143 | 144 | 145 | -------------------------------------------------------------------------------- /contact.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | title: Contact 4 | permalink: /contact/ 5 | --- 6 | 7 | 8 |
9 | 24 | 25 | 26 | 27 |
28 | 29 | This form is setup using [SimpleForm](https://getsimpleform.com){: target="_blank" rel="nofollow"}. You can get your own API token or use other forms deleting this whole form. But remember, php forms will not work on Jekyll. 30 | 31 | 32 | The styles for the form is included in this page. I haven't included it in the main age because it has at least 25 lines of css and it is used only on this page. So including it in main css file doesn't make sense. 33 | 34 | 35 | -------------------------------------------------------------------------------- /_sass/_syntax-highlighting.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Syntax highlighting styles 3 | */ 4 | .highlight { 5 | background: #fff; 6 | @extend %vertical-rhythm; 7 | 8 | .highlighter-rouge & { 9 | background: #eef; 10 | } 11 | 12 | .c { color: #998; font-style: italic } // Comment 13 | .err { color: #a61717; } // Error 14 | .k { font-weight: bold } // Keyword 15 | .o { font-weight: bold } // Operator 16 | .cm { color: #998; font-style: italic } // Comment.Multiline 17 | .cp { color: #999; font-weight: bold } // Comment.Preproc 18 | .c1 { color: #998; font-style: italic } // Comment.Single 19 | .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special 20 | .gd { color: #000;} // Generic.Deleted 21 | .gd .x { color: #000;} // Generic.Deleted.Specific 22 | .ge { font-style: italic } // Generic.Emph 23 | .gr { color: #a00 } // Generic.Error 24 | .gh { color: #999 } // Generic.Heading 25 | .gi { color: #000; } // Generic.Inserted 26 | .gi .x { color: #000; } // Generic.Inserted.Specific 27 | .go { color: #888 } // Generic.Output 28 | .gp { color: #555 } // Generic.Prompt 29 | .gs { font-weight: bold } // Generic.Strong 30 | .gu { color: #aaa } // Generic.Subheading 31 | .gt { color: #a00 } // Generic.Traceback 32 | .kc { font-weight: bold } // Keyword.Constant 33 | .kd { font-weight: bold } // Keyword.Declaration 34 | .kp { font-weight: bold } // Keyword.Pseudo 35 | .kr { font-weight: bold } // Keyword.Reserved 36 | .kt { color: #458; font-weight: bold } // Keyword.Type 37 | .m { color: #099 } // Literal.Number 38 | .s { color: #d14 } // Literal.String 39 | .na { color: #008080 } // Name.Attribute 40 | .nb { color: #0086B3 } // Name.Builtin 41 | .nc { color: #458; font-weight: bold } // Name.Class 42 | .no { color: #008080 } // Name.Constant 43 | .ni { color: #800080 } // Name.Entity 44 | .ne { color: #900; font-weight: bold } // Name.Exception 45 | .nf { color: #900; font-weight: bold } // Name.Function 46 | .nn { color: #555 } // Name.Namespace 47 | .nt { color: #000080 } // Name.Tag 48 | .nv { color: #008080 } // Name.Variable 49 | .ow { font-weight: bold } // Operator.Word 50 | .w { color: #bbb } // Text.Whitespace 51 | .mf { color: #099 } // Literal.Number.Float 52 | .mh { color: #099 } // Literal.Number.Hex 53 | .mi { color: #099 } // Literal.Number.Integer 54 | .mo { color: #099 } // Literal.Number.Oct 55 | .sb { color: #d14 } // Literal.String.Backtick 56 | .sc { color: #d14 } // Literal.String.Char 57 | .sd { color: #d14 } // Literal.String.Doc 58 | .s2 { color: #d14 } // Literal.String.Double 59 | .se { color: #d14 } // Literal.String.Escape 60 | .sh { color: #d14 } // Literal.String.Heredoc 61 | .si { color: #d14 } // Literal.String.Interpol 62 | .sx { color: #d14 } // Literal.String.Other 63 | .sr { color: #009926 } // Literal.String.Regex 64 | .s1 { color: #d14 } // Literal.String.Single 65 | .ss { color: #990073 } // Literal.String.Symbol 66 | .bp { color: #999 } // Name.Builtin.Pseudo 67 | .vc { color: #008080 } // Name.Variable.Class 68 | .vg { color: #008080 } // Name.Variable.Global 69 | .vi { color: #008080 } // Name.Variable.Instance 70 | .il { color: #099 } // Literal.Number.Integer.Long 71 | } 72 | -------------------------------------------------------------------------------- /_layouts/compress.html: -------------------------------------------------------------------------------- 1 | --- 2 | # Jekyll layout that compresses HTML 3 | # v3.0.1 4 | # http://jch.penibelst.de/ 5 | # © 2014–2015 Anatol Broder 6 | # MIT License 7 | --- 8 | 9 | {% capture _LINE_FEED %} 10 | {% endcapture %}{% 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 %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _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 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% assign _lastchar = _pres.last | split: "" | last %}{% assign _outerloop = forloop %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if forloop.last and _lastchar == _LINE_FEED %}{% unless _outerloop.last %}{{ _LINE_FEED }}{% endunless %}{% continue %}{% endif %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "" %}{% endif %}{% unless _pre_before contains "" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% 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_startings %}
startings {{ _profile_startings }}{% endif %}{% if _profile_comments %}
comments {{ _profile_comments }}{% endif %}{% if _profile_collapse %}
collapse {{ _profile_collapse }}{% endif %}{% if _profile_clippings %}
clippings {{ _profile_clippings }}{% endif %}
{% endif %}{% endif %} 11 | -------------------------------------------------------------------------------- /_posts/2016-05-07-documentation.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: Documentation 4 | --- 5 | 6 | * Do not remove this line (it will not be displayed) 7 | {:toc} 8 | 9 | # Features 10 | 11 | ## Customizable theme 12 | The theme can be customized just by changing few variables in **_config.yml** file. 13 | 14 | ## Inline CSS 15 | Since the style used in this theme is very less, I'm inlining it. This will save a request and hence speeds up website loading. 16 | 17 | ## Light-weight 18 | Since the theme is based on default Jekyll theme, it is very light-weight. No JavaScript except analytics is used! 19 | ![jekyll theme thunder speed test]({{site.baseurl}}/images/webpagetest-jekyll-theme-thunder.jpg) 20 | 21 | ## Prose editing ready 22 | You can edit or add blog posts easily using [Prose](http://prose.io). 23 | 24 | ## Pre-installed Disqus comments 25 | Disqus is already installed. All you have to do is to sign up with Disqus, get the **disqus-shortname** and update it in the **_config.yml** file. 26 | 27 | An example page loads completely in 1.1s! 28 | 29 | In a comparision, it loads faster than an amp page made using Jekyll - [amplify](https://cdn.ampproject.org/c/s/ageitgey.github.io/amplify/2016/03/08/example-post.html){: rel="nofollow"}. 30 | 31 | [Amplify page](https://cdn.ampproject.org/c/s/ageitgey.github.io/amplify/2016/03/08/example-post.html){: rel="nofollow"} loading speed 32 | ![Amp page loading speed]({{site.baseurl}}/images/webpagetest-jekyll-theme-amplify-example.jpg) 33 | 34 | 35 | [Thunder page](http://webjeda.com/thunder/example/) loading speed 36 | ![Thunder page loading speed]({{site.baseurl}}/images/webpagetest-jekyll-theme-thunder-example.jpg) 37 | 38 | Though the contents of the page are different, they are comparable because both pages have one image and thunder example has code, blockquote, table ordered list, unordered list and all headers. That I think is a fair comparision. 39 | 40 | 41 | 42 | 43 | # Installation 44 | Fork the ``master`` branch and delete ``gh-pages`` branch in it. This is important because ``gh-pages`` branch is used here only to host the blog. You should be using the master branch as the source and create a fresh ``gh-pages`` branch. 45 | 46 | ## How to delete old **gh-pages** branch? 47 | After forking the repository, click on **branches**. 48 | 49 | 50 | ![delete gh-pages branch]({{site.baseurl}}/images/delete-github-branch.png) 51 | 52 | Delete ``gh-pages`` branch. 53 | ![delete gh-pages branch]({{site.baseurl}}/images/delete-github-branch-2.png) 54 | 55 | You have to create a new ``gh-pages`` branch using the master branch. Go back to the forked repository and create ``gh-pages`` branch. 56 | 57 | ![create gh-pages branch]({{site.baseurl}}/images/create-gh-pages-branch.JPG){: style="border: 1px solid #eee" } 58 | 59 | Now, go to settings and check the **Github Pages** section. You should see a URL where the blog is hosted. 60 | 61 | This process will host the theme as a **Project Page**. You can also download the files for local development. 62 | 63 | Default theme will look like this 64 | 65 | ![webjeda thunder jekyll theme]({{site.baseurl}}/images/thunder-jekyll-theme.jpg) 66 | 67 | This theme is responsive. 68 | 69 | ![webjeda thunder jekyll responsive theme]({{site.baseurl}}/images/thunder-responsive-jekyll-theme.jpg) 70 | {: style="text-align:center" } 71 | 72 | # Customization 73 | 74 | ## Theme 75 | The theme provides a nice header that can be customized by changing colors in the **_config.yml** file. 76 | 77 | {% highlight yaml %} 78 | 79 | #color scheme 80 | color-1: '#E64C3C' 81 | color-2: '#F0C419' 82 | 83 | {% endhighlight %} 84 | 85 | ![webjeda sidebar theme]({{site.baseurl}}/images/thunder-jekyll-theme-2.jpg) 86 | 87 | Remember, while developing locally, every change you make in **_config.yml** is applied only if you restart ``jekyll serve`` process. 88 | 89 | ## Font 90 | The default font is Helvetica. Text shadow is used to give it a little deapth. 91 | 92 | ## Logo 93 | The **webjeda thunder** logo is an SVG file. This can be removed and text can be used as the logo. Make these changes in the **header** file. But I suggest to use an SVG or an image. 94 | 95 | # Development 96 | Make changes to the **master** branch and create a pull request. Do not use **gh-pages** branch as it is used to host the theme. 97 | 98 | # License 99 | MIT License 100 | 101 | # Changelog 102 | 
103 | version 1.0 - Color-bar is now css. SEO improvements. Added an author section.  
104 |   
105 | version 0.9 - Minimal design, small and compressed css, built in disqus comments, compressed html, superfast loading UI.
106 |
-------------------------------------------------------------------------------- /_sass/_layout.scss: -------------------------------------------------------------------------------- 1 | * { 2 | transition-duration: 0.2s; 3 | } 4 | 5 | body{ 6 | max-width: 70%; 7 | margin: 0 auto; 8 | 9 | @include media-query($on-palm){ 10 | max-width: 90%; 11 | } 12 | } 13 | 14 | .site-header { 15 | 16 | margin-top: 2em; 17 | // Positioning context for the mobile navigation icon 18 | position: relative; 19 | @include media-query($on-palm){ 20 | margin-top: 0.625em; 21 | } 22 | 23 | 24 | } 25 | 26 | 27 | .site-nav { 28 | line-height: 56px; 29 | display: inline-block; 30 | 31 | } 32 | 33 | /** 34 | * Page content 35 | */ 36 | .page-content { 37 | margin: 0 auto; 38 | max-width: 65%; 39 | padding: $spacing-unit 0; 40 | 41 | @include media-query($on-palm){ 42 | max-width: 100%; 43 | } 44 | } 45 | 46 | 47 | .post-list { 48 | margin-left: 0; 49 | list-style: none; 50 | 51 | > li { 52 | margin-bottom: $spacing-unit; 53 | } 54 | } 55 | 56 | .post-meta { 57 | font-size: $small-font-size; 58 | color: $grey-color; 59 | 60 | } 61 | 62 | .post-list .post-meta { 63 | float: right; 64 | } 65 | 66 | .post-link { 67 | display: block; 68 | font-size: 24px; 69 | } 70 | 71 | 72 | 73 | /** 74 | * Posts 75 | */ 76 | .post-header { 77 | margin-bottom: $spacing-unit; 78 | } 79 | 80 | .post-title { 81 | font-size: 42px; 82 | letter-spacing: -1px; 83 | line-height: 1; 84 | 85 | @include media-query($on-laptop) { 86 | font-size: 36px; 87 | } 88 | } 89 | 90 | .post-content { 91 | margin-bottom: $spacing-unit; 92 | h1 { 93 | font-size: 42px; 94 | @include media-query($on-laptop) { 95 | font-size: 36px; 96 | } 97 | } 98 | 99 | h2 { 100 | font-size: 32px; 101 | 102 | @include media-query($on-laptop) { 103 | font-size: 28px; 104 | } 105 | } 106 | 107 | h3 { 108 | font-size: 26px; 109 | 110 | @include media-query($on-laptop) { 111 | font-size: 22px; 112 | } 113 | } 114 | 115 | h4 { 116 | font-size: 20px; 117 | 118 | @include media-query($on-laptop) { 119 | font-size: 18px; 120 | } 121 | } 122 | } 123 | 124 | 125 | 126 | #logo { 127 | fill: $color-1; 128 | 129 | &:hover{ 130 | fill: $color-2; 131 | } 132 | } 133 | 134 | .page-link { 135 | margin-left: 1em; 136 | } 137 | 138 | .thunder{ 139 | max-width: 100% 140 | } 141 | 142 | //table 143 | table { 144 | margin: 15px 0; 145 | border-collapse: collapse; 146 | width: 100%; 147 | padding: 0; } 148 | table tr { 149 | border-top: 1px solid $grey-color; 150 | background-color: white; 151 | margin: 0; 152 | padding: 0; } 153 | table tr:nth-child(2n) { 154 | background-color: #f8f8f8; } 155 | table tr th { 156 | font-weight: bold; 157 | border: 1px solid $grey-color; 158 | text-align: left; 159 | margin: 0; 160 | padding: 6px 13px; } 161 | table tr td { 162 | border: 1px solid $grey-color; 163 | text-align: left; 164 | margin: 0; 165 | padding: 6px 13px; } 166 | table tr th :first-child, table tr td :first-child { 167 | margin: 0; } 168 | table tr th :last-child, table tr td :last-child { 169 | margin: 0; } 170 | 171 | 172 | // Adding 'Contents' headline to the TOC 173 | #markdown-toc::before { 174 | content: "Contents"; 175 | font-weight: bold; 176 | } 177 | 178 | 179 | // Using numbers instead of bullets for listing 180 | #markdown-toc ul { 181 | list-style: decimal; 182 | } 183 | 184 | #markdown-toc { 185 | border: 1px solid $color-1; 186 | padding: 1.5em; 187 | list-style: decimal; 188 | display: inline-block; 189 | } 190 | 191 | 192 | 193 | .color-bars{ 194 | margin: 0 -1em 0 -1em; 195 | } 196 | 197 | .cor { 198 | width: 25%; 199 | height: 4px; 200 | display: inline-block; 201 | vertical-align: bottom; 202 | 203 | } 204 | .colr-1{ 205 | background-color: #3498db; 206 | } 207 | .colr-2{ 208 | background-color: #f1c40f; 209 | } 210 | .colr-3{ 211 | background-color: #2ecc71; 212 | } 213 | .colr-4{ 214 | background-color: #e74c3c; 215 | } 216 | .colr-5{ 217 | background-color: #9b59b6; 218 | } 219 | .colr-6{ 220 | background-color: #1abc9c; 221 | } 222 | .colr-7{ 223 | background-color: #e67e22; 224 | } 225 | .colr-8{ 226 | background-color: #34495e; 227 | } 228 | 229 | .author { 230 | border:none; 231 | box-shadow: 0 0 5px #a8a9ab; 232 | padding: 1em 1em 0 1em; 233 | } 234 | 235 | .author-body { 236 | } 237 | 238 | .author-image { 239 | background-repeat: no-repeat; 240 | background-size: contain; 241 | height: 50px; 242 | width: 50px; 243 | border-radius: 50%; 244 | display: inline-block; 245 | 246 | } 247 | 248 | .author-about { 249 | margin-left: 1em; 250 | display: inline-block; 251 | @include media-query($on-palm) { 252 | margin-left: 0em; 253 | display: block; 254 | } 255 | 256 | } 257 | .author-about p, .author-about h4 { 258 | margin: 0; 259 | padding:0; 260 | } 261 | 262 | .cor-head { 263 | width: 12.5%; 264 | height: 5px; 265 | display: inline-block; 266 | } 267 | --------------------------------------------------------------------------------