├── _posts ├── .gitkeep ├── 2016-01-23-indigo-jekyll-theme.markdown ├── 2016-02-24-markdown-common-elements.markdown └── 2015-02-24-markdown-extra-components.markdown ├── robots.txt ├── index.html ├── .gitignore ├── assets ├── images │ ├── error.gif │ ├── james.jpg │ ├── markdown.jpg │ ├── profile.jpg │ ├── favicon │ │ ├── favicon.ico │ │ ├── favicon-128.png │ │ ├── mstile-70x70.png │ │ ├── favicon-16x16.png │ │ ├── favicon-196x196.png │ │ ├── favicon-32x32.png │ │ ├── favicon-96x96.png │ │ ├── mstile-144x144.png │ │ ├── mstile-150x150.png │ │ ├── mstile-310x150.png │ │ ├── mstile-310x310.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 │ │ └── code.txt │ └── jekyll-logo-light-solid.png └── screen-shot.png ├── _sass ├── components │ ├── disqus.sass │ ├── related.sass │ ├── spoiler.sass │ ├── social-links.sass │ ├── header.sass │ ├── side-by-side.sass │ ├── nav.sass │ ├── share.sass │ ├── others.sass │ ├── footer.sass │ └── author.sass ├── pages │ ├── page.sass │ ├── post.sass │ ├── home-blog-projects.sass │ └── tags.sass └── base │ ├── helpers.sass │ ├── variables-dark.sass │ ├── variables.sass │ ├── syntax-dark.sass │ ├── syntax.sass │ ├── general.sass │ └── normalize.scss ├── .editorconfig ├── _layouts ├── page.html ├── post.html ├── compress.html └── default.html ├── docker-compose.yml ├── Gemfile ├── _includes ├── read-time.html ├── blog-post.html ├── analytics-google.html ├── footer.html ├── style.scss ├── style-dark.scss ├── disqus.html ├── header.html ├── related.html ├── nav.html ├── author.html ├── favicon.html └── social-links.html ├── 404.html ├── blog.html ├── projects.html ├── FAQ.md ├── tags.html ├── about.md ├── README.md ├── CONTRIBUTION.md └── _config.yml /_posts/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | Disallow: 3 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | title: Home 4 | --- 5 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | _site 3 | .sass-cache 4 | Gemfile.lock 5 | .bundle 6 | vendor/ 7 | -------------------------------------------------------------------------------- /assets/images/error.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/error.gif -------------------------------------------------------------------------------- /assets/images/james.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/james.jpg -------------------------------------------------------------------------------- /assets/screen-shot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/screen-shot.png -------------------------------------------------------------------------------- /assets/images/markdown.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/markdown.jpg -------------------------------------------------------------------------------- /assets/images/profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/profile.jpg -------------------------------------------------------------------------------- /_sass/components/disqus.sass: -------------------------------------------------------------------------------- 1 | .disqus 2 | margin: 0 auto 3 | max-width: 100% 4 | padding: 40px 0 5 | -------------------------------------------------------------------------------- /_sass/components/related.sass: -------------------------------------------------------------------------------- 1 | .related 2 | margin: 10rem 0 0rem 3 | 4 | a 5 | font-weight: $thin-font 6 | -------------------------------------------------------------------------------- /assets/images/favicon/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/favicon/favicon.ico -------------------------------------------------------------------------------- /assets/images/favicon/favicon-128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/favicon/favicon-128.png -------------------------------------------------------------------------------- /assets/images/favicon/mstile-70x70.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/favicon/mstile-70x70.png -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | end_of_line = lf 5 | insert_final_newline = true 6 | charset = utf-8 7 | indent_size = 4 8 | -------------------------------------------------------------------------------- /assets/images/favicon/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/favicon/favicon-16x16.png -------------------------------------------------------------------------------- /assets/images/favicon/favicon-196x196.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/favicon/favicon-196x196.png -------------------------------------------------------------------------------- /assets/images/favicon/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/favicon/favicon-32x32.png -------------------------------------------------------------------------------- /assets/images/favicon/favicon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/favicon/favicon-96x96.png -------------------------------------------------------------------------------- /assets/images/favicon/mstile-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/favicon/mstile-144x144.png -------------------------------------------------------------------------------- /assets/images/favicon/mstile-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/favicon/mstile-150x150.png -------------------------------------------------------------------------------- /assets/images/favicon/mstile-310x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/favicon/mstile-310x150.png -------------------------------------------------------------------------------- /assets/images/favicon/mstile-310x310.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/favicon/mstile-310x310.png -------------------------------------------------------------------------------- /assets/images/jekyll-logo-light-solid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/jekyll-logo-light-solid.png -------------------------------------------------------------------------------- /_layouts/page.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | {% include header.html %} 5 | 6 | {{content}} 7 | 8 | {% include footer.html %} 9 | -------------------------------------------------------------------------------- /assets/images/favicon/apple-touch-icon-57x57.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/favicon/apple-touch-icon-57x57.png -------------------------------------------------------------------------------- /assets/images/favicon/apple-touch-icon-60x60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/favicon/apple-touch-icon-60x60.png -------------------------------------------------------------------------------- /assets/images/favicon/apple-touch-icon-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/favicon/apple-touch-icon-72x72.png -------------------------------------------------------------------------------- /assets/images/favicon/apple-touch-icon-76x76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/favicon/apple-touch-icon-76x76.png -------------------------------------------------------------------------------- /assets/images/favicon/apple-touch-icon-114x114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/favicon/apple-touch-icon-114x114.png -------------------------------------------------------------------------------- /assets/images/favicon/apple-touch-icon-120x120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/favicon/apple-touch-icon-120x120.png -------------------------------------------------------------------------------- /assets/images/favicon/apple-touch-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/favicon/apple-touch-icon-144x144.png -------------------------------------------------------------------------------- /assets/images/favicon/apple-touch-icon-152x152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergiokopplin/indigo/HEAD/assets/images/favicon/apple-touch-icon-152x152.png -------------------------------------------------------------------------------- /docker-compose.yml: -------------------------------------------------------------------------------- 1 | # no version needed since 2020 2 | 3 | services: 4 | jekyll: 5 | image: bretfisher/jekyll-serve 6 | volumes: 7 | - .:/site 8 | ports: 9 | - '4000:4000' 10 | -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | 3 | group :jekyll_plugins do 4 | gem 'github-pages' 5 | gem 'jekyll-feed' 6 | gem 'jekyll-gist' 7 | gem 'jekyll-seo-tag' 8 | gem 'jemoji' 9 | end 10 | 11 | gem "webrick" 12 | -------------------------------------------------------------------------------- /_sass/pages/page.sass: -------------------------------------------------------------------------------- 1 | .page 2 | margin-top: 125px 3 | 4 | > h1 5 | text-align: center 6 | margin-bottom: 6rem 7 | 8 | .about 9 | img 10 | width: 50% 11 | margin: 0 auto 12 | display: block 13 | -------------------------------------------------------------------------------- /_includes/read-time.html: -------------------------------------------------------------------------------- 1 | 2 | {% assign words = content | number_of_words %} 3 | 4 | {% if words < 360 %} 5 | 1 min 6 | {% else %} 7 | {{ words | divided_by:180 }} mins 8 | {% endif %} 9 | 10 | -------------------------------------------------------------------------------- /_includes/blog-post.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 |

{{ post.title }}

5 | 6 |
7 | -------------------------------------------------------------------------------- /404.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | permalink: /404.html 4 | --- 5 | 6 |
7 |

Uh oh!

8 |
9 | {{ site.title }} 10 |
11 |
12 |
13 | Take me home! 14 |
15 | -------------------------------------------------------------------------------- /_sass/components/spoiler.sass: -------------------------------------------------------------------------------- 1 | .spoiler 2 | position: relative 3 | 4 | &:before 5 | content: '' 6 | background-color: #fafae0 7 | position: absolute 8 | top: 0 9 | bottom: 0 10 | left: 0 11 | right: 0 12 | z-index: 50 13 | 14 | &:hover:before 15 | display: none 16 | -------------------------------------------------------------------------------- /_includes/analytics-google.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 10 | -------------------------------------------------------------------------------- /_sass/components/social-links.sass: -------------------------------------------------------------------------------- 1 | .social-links 2 | > .link 3 | margin: 0 4 | text-decoration: none 5 | position: relative 6 | display: inline-block 7 | height: 35px 8 | width: 35px 9 | color: $zeta 10 | 11 | &:hover 12 | > svg 13 | color: $delta 14 | 15 | > svg 16 | transition: all ease-in-out .2s 17 | -------------------------------------------------------------------------------- /blog.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | title: Blog 4 | --- 5 |
6 | {% if site.posts.size == 0 %} 7 |

Nothing published yet!

8 | {% else %} 9 | {% for post in site.posts %} 10 | {% if post.category == 'blog' %} 11 | {% if post.hidden != true %} 12 | {% include blog-post.html %} 13 | {% endif %} 14 | {% endif %} 15 | {% endfor %} 16 | {% endif %} 17 |
18 | -------------------------------------------------------------------------------- /_sass/base/helpers.sass: -------------------------------------------------------------------------------- 1 | /* 2 | * general helpers 3 | */ 4 | 5 | .text-center 6 | text-align: center 7 | 8 | .clearfix:before, 9 | .clearfix:after 10 | content: "" 11 | display: table 12 | 13 | .clearfix:after 14 | clear: both 15 | 16 | /* 17 | * animations 18 | */ 19 | 20 | .animated 21 | animation: fade-in-down 0.6s 22 | animation-delay: 0.3s 23 | animation-fill-mode: both 24 | 25 | @keyframes fade-in-down 26 | 0% 27 | opacity: 0 28 | transform: translateY(-10px) 29 | 30 | 100% 31 | opacity: 1 32 | transform: translateY(0) 33 | -------------------------------------------------------------------------------- /_includes/footer.html: -------------------------------------------------------------------------------- 1 | 14 | -------------------------------------------------------------------------------- /_sass/base/variables-dark.sass: -------------------------------------------------------------------------------- 1 | $fontSans: "Helvetica Neue", Helvetica, Arial, sans-serif 2 | $fontMonospace: "Consolas", Liberation Mono, Menlo, Courier, monospace 3 | 4 | $alpha: #aaa 5 | $beta: #ededed 6 | $gama: #999 7 | $delta: #9300ff 8 | $epsilon: #222 9 | $omega: #000 10 | $zeta: #fff 11 | $kappa: #1E2D24 12 | 13 | $thin-font: 400 14 | 15 | $mobile: "only screen and (max-width: 400px)" 16 | $tablet: "only screen and (min-width: 400px) and (max-width: 1050px)" 17 | $above: "only screen and (min-width: 780px)" 18 | $below: "only screen and (max-width: 780px)" 19 | -------------------------------------------------------------------------------- /_sass/base/variables.sass: -------------------------------------------------------------------------------- 1 | $fontSans: "Helvetica Neue", Helvetica, Arial, sans-serif 2 | $fontMonospace: "Consolas", Liberation Mono, Menlo, Courier, monospace 3 | 4 | $alpha: #666 5 | $beta: #222 6 | $gama: #575757 7 | $delta: #4b0082 8 | $epsilon: #ededed 9 | $omega: #fff 10 | $zeta: #000 11 | $kappa: #27f36a26 12 | 13 | $thin-font: 300 14 | 15 | $mobile: "only screen and (max-width: 400px)" 16 | $tablet: "only screen and (min-width: 400px) and (max-width: 1050px)" 17 | $above: "only screen and (min-width: 780px)" 18 | $below: "only screen and (max-width: 780px)" 19 | -------------------------------------------------------------------------------- /_includes/style.scss: -------------------------------------------------------------------------------- 1 | 2 | @import "base/variables"; 3 | @import "base/normalize"; 4 | @import "base/syntax"; 5 | @import "base/general"; 6 | @import "base/helpers"; 7 | 8 | @import "pages/home-blog-projects"; 9 | @import "pages/page"; 10 | @import "pages/post"; 11 | @import "pages/tags"; 12 | 13 | @import "components/author"; 14 | @import "components/disqus"; 15 | @import "components/footer"; 16 | @import "components/header"; 17 | @import "components/nav"; 18 | @import "components/others"; 19 | @import "components/related"; 20 | @import "components/share"; 21 | @import "components/side-by-side"; 22 | @import "components/social-links"; 23 | @import "components/spoiler"; 24 | -------------------------------------------------------------------------------- /_includes/style-dark.scss: -------------------------------------------------------------------------------- 1 | 2 | @import "base/variables-dark"; 3 | @import "base/normalize"; 4 | @import "base/syntax-dark"; 5 | @import "base/general"; 6 | @import "base/helpers"; 7 | 8 | @import "pages/home-blog-projects"; 9 | @import "pages/page"; 10 | @import "pages/post"; 11 | @import "pages/tags"; 12 | 13 | @import "components/author"; 14 | @import "components/disqus"; 15 | @import "components/footer"; 16 | @import "components/header"; 17 | @import "components/nav"; 18 | @import "components/others"; 19 | @import "components/related"; 20 | @import "components/share"; 21 | @import "components/side-by-side"; 22 | @import "components/social-links"; 23 | @import "components/spoiler"; 24 | -------------------------------------------------------------------------------- /projects.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | title: Projects 4 | --- 5 |
6 | {% for post in site.posts %} 7 | {% if post.projects %} 8 | {% if post.hidden != true %} 9 |
10 | 11 | 12 |

{{ post.title }}

13 | 14 |
15 | {% endif %} 16 | {% endif %} 17 | {% endfor %} 18 |
19 | -------------------------------------------------------------------------------- /FAQ.md: -------------------------------------------------------------------------------- 1 | # FAQ: 2 | 3 | - Article: How to Install Jekyll - by [Arti Annaswamy](https://github.com/aannasw). [Part 1](https://artiannaswamy.com/build-a-github-blog-part-1) and [Part 2](https://artiannaswamy.com/build-a-github-blog-part-2) 4 | - [How to build and run a Jekyll site in a Docker container](https://mehmandarov.com/disposable-docker-containers/) 5 | - [Emojis in the projects list?](https://github.com/sergiokopplin/indigo/issues/72) 6 | - [Nokogiri dependencie problems?](https://github.com/sergiokopplin/indigo/issues/81) 7 | - [Syncing a Fork](https://help.github.com/articles/syncing-a-fork/) 8 | - [Tests with Travis CI - Tutorial](https://www.raywenderlich.com/109418/travis-ci-tutorial) 9 | - [Why Sass?](https://github.com/sergiokopplin/indigo/issues/117) 10 | - [Jekyll Example](https://github.com/barryclark/jekyll-now) - how to clone, run and edit jekyll configs 11 | -------------------------------------------------------------------------------- /_sass/components/header.sass: -------------------------------------------------------------------------------- 1 | .header-home 2 | display: block 3 | margin: 0 auto 4 | text-align: center 5 | position: relative 6 | z-index: 99 7 | 8 | > .link > .selfie 9 | width: 125px 10 | height: 125px 11 | margin-bottom: 25px 12 | border-radius: 100% 13 | transition: all .2s 14 | opacity: 1 15 | 16 | &:hover 17 | box-shadow: 0 0px 4px 0 rgba(0,0,0,0.18), 0 0px 12px 0 rgba(0,0,0,0.15) 18 | opacity: .8 19 | 20 | > .title 21 | font-size: 4rem 22 | margin: 0 0 13px 23 | 24 | > .description 25 | font-size: 1.85rem 26 | font-weight: $thin-font 27 | font-style: normal 28 | color: $gama 29 | width: 70% 30 | margin: 0 auto 30px 31 | 32 | // if you put some links in your bio. ;) 33 | a 34 | font-weight: 200 35 | -------------------------------------------------------------------------------- /_sass/components/side-by-side.sass: -------------------------------------------------------------------------------- 1 | .side-by-side 2 | @media #{$above} 3 | width: 130% 4 | margin: 6rem 0 6rem -15% 5 | 6 | @media #{$below} 7 | width: 100% 8 | margin: 4rem 0 9 | 10 | > .toleft, 11 | > .toright 12 | display: inline-block 13 | width: 47.5% 14 | 15 | @media #{$below} 16 | img 17 | text-align: center 18 | display: block 19 | margin: 0 auto 20 | 21 | > .toleft 22 | @media #{$above} 23 | margin-right: 2% 24 | 25 | @media #{$below} 26 | width: 100% 27 | margin: 0 0 4rem 0 28 | 29 | > .toright 30 | @media #{$above} 31 | margin-left: 2% 32 | vertical-align: top 33 | 34 | @media #{$below} 35 | width: 100% 36 | margin: 0 0 4rem 0 37 | 38 | > .toleft > p, 39 | > .toright > p 40 | margin: 0 0 4rem 0 41 | 42 | @media #{$below} 43 | margin: 0 44 | -------------------------------------------------------------------------------- /_sass/components/nav.sass: -------------------------------------------------------------------------------- 1 | .nav, 2 | .nav-home 3 | > .list 4 | list-style: none 5 | margin: 0 6 | padding: 0 13px 0 7 | 8 | > .item 9 | display: inline-block 10 | 11 | > .item > .link 12 | display: inline-block 13 | font-weight: $thin-font 14 | font-size: 1.4rem 15 | padding: 20px 10px 16 | text-decoration: none 17 | 18 | .nav 19 | position: absolute 20 | right: 0 21 | top: 0 22 | 23 | > .list 24 | padding: 0 13px 0 25 | 26 | > .item > .link 27 | font-size: 1.4rem 28 | padding: 20px 10px 29 | 30 | .nav-home 31 | margin-top: 40px 32 | text-align: center 33 | 34 | > .list 35 | padding: 0 36 | 37 | > .item > .link 38 | font-size: 2rem 39 | padding: 7px 15px 40 | margin: 0 41 | border-radius: 4% 42 | transition: all .4s ease-in-out 43 | width: 70px 44 | 45 | &:hover 46 | color: $alpha 47 | -------------------------------------------------------------------------------- /_includes/disqus.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 17 | 18 | comments powered by Disqus 19 |
20 | -------------------------------------------------------------------------------- /_includes/header.html: -------------------------------------------------------------------------------- 1 | {% if page.title == "Home" 2 | or page.title == "Blog" 3 | or page.title == "Projects" 4 | or page.title == "Tags" 5 | %}{% assign showHeader = true %}{% endif %} 6 | 7 | {% if showHeader == true %} 8 |
9 | {% if site.about %} 10 | 11 | {{ site.title }} 12 | 13 | {% else %} 14 | 15 | {{ site.title }} 16 | 17 | {% endif %} 18 | 19 |

{{ site.title }}

20 |

{{ site.bio }}

21 | 22 | {% include social-links.html %} 23 |
24 | {% endif %} 25 | 26 | {% include nav.html %} 27 | -------------------------------------------------------------------------------- /_includes/related.html: -------------------------------------------------------------------------------- 1 |
2 | {% assign hasSimilar = '' %} 3 | {% for post in site.posts %} 4 | {% assign postHasSimilar = false %} 5 | {% for tag in post.tags %} 6 | {% for thisTag in page.tags %} 7 | {% if postHasSimilar == false and hasSimilar.size < 5 and post != page and tag == thisTag %} 8 | {% if hasSimilar.size == 0 %} 9 |

Related Posts

10 | 27 | {% endif %} 28 |
29 | -------------------------------------------------------------------------------- /_posts/2016-01-23-indigo-jekyll-theme.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | title: ":ramen: Indigo, minimalist jekyll theme" 3 | layout: post 4 | date: 2016-01-23 22:10 5 | tag: jekyll 6 | image: https://sergiokopplin.github.io/indigo/assets/images/jekyll-logo-light-solid.png 7 | headerImage: true 8 | projects: true 9 | hidden: true 10 | description: "This is a simple and minimalist template for Jekyll for those who likes to eat noodles." 11 | category: project 12 | author: johndoe 13 | externalLink: false 14 | --- 15 | 16 | ![Screenshot](https://raw.githubusercontent.com/sergiokopplin/indigo/gh-pages/assets/screen-shot.png) 17 | 18 | Example of project - Indigo Minimalist Jekyll Template - [Demo](https://sergiokopplin.github.io/indigo/). This is a simple and minimalist template for Jekyll for those who likes to eat noodles. 19 | 20 | --- 21 | 22 | What has inside? 23 | 24 | - Gulp 25 | - BrowserSync 26 | - Stylus 27 | - SVG 28 | - No JS 29 | - [98/100](https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fsergiokopplin.github.io%2Findigo%2F) 30 | 31 | --- 32 | 33 | [Check it out](https://sergiokopplin.github.io/indigo/) here. 34 | If you need some help, just [tell me](https://github.com/sergiokopplin/indigo/issues). 35 | -------------------------------------------------------------------------------- /_sass/components/share.sass: -------------------------------------------------------------------------------- 1 | .share 2 | float: right 3 | width: 40% 4 | display: inline 5 | text-align: right 6 | position: relative 7 | 8 | @media #{$mobile} 9 | width: 100% 10 | display: block 11 | top: 0 12 | text-align: left 13 | float: none 14 | margin-top: 5px 15 | 16 | @media #{$tablet} 17 | width: 100% 18 | display: block 19 | top: 0 20 | text-align: left 21 | float: none 22 | margin-top: 5px 23 | 24 | > .twitter, 25 | > .facebook, 26 | > .linkedin, 27 | display: inline 28 | vertical-align: middle 29 | font-size: 13px 30 | font-weight: 700 31 | color: #fff 32 | padding: 6px 10px 33 | border-radius: 3px 34 | margin-left: 5px 35 | text-decoration: none 36 | 37 | @media #{$mobile} 38 | margin: 0 5px 10px 0 39 | 40 | @media #{$tablet} 41 | margin: 0 5px 10px 0 42 | 43 | > .twitter 44 | background: #4fafed 45 | 46 | > .facebook 47 | background: #4361b3 48 | 49 | > .linkedin 50 | background: #0077b5 51 | 52 | svg 53 | fill: $omega 54 | position: relative 55 | top: 0 56 | margin: 0 57 | margin-right: 4px 58 | display: inherit 59 | -------------------------------------------------------------------------------- /_sass/components/others.sass: -------------------------------------------------------------------------------- 1 | .evidence 2 | background-image: linear-gradient(to bottom, $kappa, $kappa) 3 | color: $beta 4 | 5 | .star 6 | > .url > .title 7 | width: auto !important 8 | display: inline 9 | background-image: linear-gradient($kappa, $kappa) 10 | 11 | .twitter-tweet 12 | margin: 10px auto 13 | 14 | .icon 15 | display: inline-block 16 | width: 17px 17 | height: 17px 18 | fill: $zeta 19 | text-align: center 20 | color: $gama 21 | margin: 7px auto 22 | 23 | .caption 24 | position: relative 25 | top: 1rem 26 | left: 0 27 | right: 0 28 | margin: 0 auto 29 | width: 100% 30 | text-align: center 31 | font-size: 1.3rem 32 | font-weight: $thin-font 33 | 34 | .bigger-image 35 | min-width: 130% 36 | margin: 5rem 0 5rem -15% 37 | 38 | @media #{$mobile} 39 | min-width: 114% 40 | margin: 2rem 0 2rem -7% 41 | 42 | @media #{$tablet} 43 | min-width: 114% 44 | margin: 2rem 0 2rem -7% 45 | 46 | .breaker 47 | height: 1px 48 | margin: 6rem auto 49 | width: 100% 50 | 51 | &:before 52 | content: "• • •" 53 | width: 100% 54 | text-align: center 55 | display: block 56 | color: $gama 57 | letter-spacing: 4px 58 | position: relative 59 | top: -8px 60 | 61 | .lost-container 62 | text-align: center 63 | -------------------------------------------------------------------------------- /_includes/nav.html: -------------------------------------------------------------------------------- 1 | 40 | -------------------------------------------------------------------------------- /_sass/pages/post.sass: -------------------------------------------------------------------------------- 1 | .post 2 | margin-top: 125px 3 | 4 | > .title 5 | text-align: center 6 | margin-bottom: 3rem 7 | 8 | > .date, 9 | > .post-tags 10 | color: $gama 11 | font-weight: $thin-font 12 | font-size: 1.4rem 13 | text-transform: uppercase 14 | text-align: center 15 | display: block 16 | margin-bottom: 6rem 17 | letter-spacing: 1px 18 | -webkit-font-smoothing: antialiased 19 | text-rendering: optimizeLegibility 20 | 21 | > .date 22 | margin-bottom: 2rem 23 | 24 | > .post-tags > .item 25 | padding: 2px 8px 26 | border-radius: 3px 27 | font-size: 1.1rem 28 | background: $epsilon 29 | color: $alpha 30 | letter-spacing: 1px 31 | margin: 3px 1px 32 | text-decoration: none 33 | display: inline-block 34 | 35 | // general style 36 | > h2, 37 | > h3, 38 | > h4 39 | margin-top: 40px 40 | 41 | a 42 | text-decoration: none 43 | 44 | > .title-image 45 | max-height: 120px 46 | display: block 47 | margin: 0 auto 48 | 49 | > .blog-navigation 50 | font-size: 1.4rem 51 | display: block 52 | width: auto 53 | overflow: hidden 54 | a 55 | display: block 56 | width: 50% 57 | float: left 58 | margin: 1em 0 59 | .next 60 | text-align: right 61 | -------------------------------------------------------------------------------- /_sass/components/footer.sass: -------------------------------------------------------------------------------- 1 | .footer-main 2 | border-top: 1px solid $epsilon 3 | padding: 40px 0 4 | margin: 40px 0 0 5 | font-size: 1.3rem 6 | color: $gama 7 | font-weight: $thin-font 8 | text-align: center 9 | position: relative 10 | 11 | &:before 12 | display: block 13 | content: " " 14 | width: 7px 15 | height: 7px 16 | border: $epsilon 1px solid 17 | position: absolute 18 | top: -5px 19 | left: 50% 20 | margin-left: -5px 21 | background: $omega 22 | box-shadow: $omega 0 0 0 5px 23 | border-radius: 3px 24 | 25 | > .copyright 26 | padding-left: 10px 27 | 28 | > .link 29 | display: inline 30 | vertical-align: middle 31 | 32 | > .icon 33 | width: 15px !important 34 | fill: $gama !important 35 | transition: ease-in-out all .3s 36 | position: relative 37 | display: inherit 38 | top: -2px 39 | margin: 0 40 | left: 2px 41 | 42 | &:hover 43 | fill: $delta !important 44 | 45 | > .extra 46 | color: $gama 47 | margin-top: 0 48 | font-weight: $thin-font 49 | 50 | > .link 51 | color: $beta 52 | text-decoration: none 53 | border-bottom: 1px solid transparent 54 | transition: ease-in-out all .3s 55 | padding-bottom: 1px 56 | font-weight: 300 57 | 58 | &:hover 59 | border-color: $gama 60 | -------------------------------------------------------------------------------- /_layouts/post.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | --- 4 | 5 | {% if page.image and page.headerImage %} 6 | {{ page.title }} 7 | {% endif %} 8 | 9 |

{{ page.title }}

10 | 11 | 12 | 13 | {% if site.read-time %} - {% include read-time.html %}{% endif %} 14 | 15 | 16 | {% if site.show-tags %} 17 |
18 | {% for tag in page.tags %} 19 | {{ tag }} 20 | {% endfor %} 21 |
22 | {% endif %} 23 | 24 | {{content}} 25 | 26 | {% if site.post-advance-links contains page.category %} 27 |
28 | {% if page.previous.hidden == false and page.previous.url %} 29 | 30 | {% else %} 31 | 32 | {% endif %} 33 | {% if page.next.hidden == false and page.next.url %} 34 | 35 | {% endif %} 36 |
37 | {% endif %} 38 | 39 | {% if site.related %} 40 | {% include related.html %} 41 | {% endif %} 42 | 43 | {% if site.show-author %} 44 | {% include author.html %} 45 | {% endif %} 46 | 47 | {% if site.disqus.categories contains page.category %} 48 | {% include disqus.html %} 49 | {% endif %} 50 | -------------------------------------------------------------------------------- /tags.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | title: Tags 4 | --- 5 |
6 |

Tags

7 | 8 | {% assign tags_list = site.tags %} 9 | 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 | 20 | {% assign tags_list = nil %} 21 |
22 | 23 |
24 | 25 |
26 | {% for tag in site.tags %} 27 |

#{{ tag[0] }}

28 | 29 | 46 | 47 |
48 | {% endfor %} 49 |
50 | -------------------------------------------------------------------------------- /assets/images/favicon/code.txt: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /_sass/components/author.sass: -------------------------------------------------------------------------------- 1 | .author 2 | padding: 3rem 0 3 | border-bottom: 1px solid $epsilon 4 | border-top: 1px solid $epsilon 5 | max-width: 100% 6 | margin: 4rem auto 0 7 | 8 | > .toleft > .selfie 9 | width: 90% 10 | border-radius: 100% 11 | 12 | > .toright > .name, 13 | > .toright > .bio 14 | width: 60% 15 | display: inline-block 16 | 17 | > .toright > .name 18 | font-size: 1.5rem 19 | font-family: $fontSans 20 | font-weight: 500 21 | margin: 6px 0 0 22 | 23 | @media #{$mobile} 24 | width: 100% 25 | display: block 26 | 27 | @media #{$tablet} 28 | width: 100% 29 | display: block 30 | 31 | > .toright > .bio 32 | font-family: $fontSans 33 | font-weight: $thin-font 34 | color: $gama 35 | font-size: 1.3rem 36 | text-align: justify 37 | line-height: 1.5 38 | margin: 0 39 | 40 | @media #{$mobile} 41 | width: 100% 42 | display: block 43 | 44 | @media #{$tablet} 45 | width: 100% 46 | display: block 47 | 48 | > .toleft 49 | width: 10% 50 | display: inline-block 51 | 52 | @media #{$mobile} 53 | width: 20% 54 | 55 | @media #{$tablet} 56 | width: 20% 57 | 58 | > .toright 59 | width: 89% 60 | display: inline-block 61 | vertical-align: top 62 | 63 | @media #{$mobile} 64 | width: 78% 65 | 66 | @media #{$tablet} 67 | width: 78% 68 | 69 | .no-disqus 70 | border-bottom: none 71 | padding-bottom: 0 72 | -------------------------------------------------------------------------------- /_sass/pages/home-blog-projects.sass: -------------------------------------------------------------------------------- 1 | .home, 2 | .blog, 3 | .projects 4 | margin-top: 125px 5 | 6 | > .list 7 | border-top: 1px solid $epsilon 8 | margin-top: 30px 9 | padding-top: 40px 10 | position: relative 11 | 12 | &:before 13 | display: block 14 | content: " " 15 | width: 7px 16 | height: 7px 17 | border: $epsilon 1px solid 18 | position: absolute 19 | top: -5px 20 | left: 50% 21 | margin-left: -5px 22 | background: $omega 23 | box-shadow: $omega 0 0 0 5px 24 | border-radius: 3px 25 | 26 | .home > .list, 27 | .blog > .list, 28 | .projects > .list 29 | > .item 30 | display: block 31 | width: 95% 32 | margin: 0 auto 33 | 34 | > .item > .url 35 | width: 100% 36 | display: block 37 | padding: 20px 0 38 | text-decoration: none 39 | 40 | > .item > .url > .title 41 | margin: 0 42 | width: 75% 43 | font-weight: 500 44 | transition: all ease-in-out .2s 45 | 46 | > .item:hover > .url > .title 47 | color: $delta 48 | 49 | // maybe we can't nest html5 elements 50 | // can you help me? 51 | aside 52 | position: relative 53 | top: 2px 54 | margin: 0 55 | width: 25% 56 | float: right 57 | font-weight: 300 58 | color: $gama 59 | text-align: right 60 | transition: all ease-in-out .2s 61 | 62 | .item:hover .url aside 63 | color: $alpha 64 | 65 | .blog > .list > .item > .url, 66 | .projects > .list > .item > .url 67 | > .title 68 | display: inline 69 | 70 | > .emoji 71 | display: inline 72 | position: relative 73 | top: -4px 74 | margin-right: 10px 75 | -------------------------------------------------------------------------------- /about.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: About 3 | layout: page 4 | --- 5 | ![Profile Image]({% if site.external-image %}{{ site.picture }}{% else %}{{ site.url }}/{{ site.picture }}{% endif %}) 6 | 7 |

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

13 | 14 |

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

20 | 21 |

Skills

22 | 23 | 38 | 39 |

Projects

40 | 41 | 46 | -------------------------------------------------------------------------------- /_includes/author.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | {{ site.authors[page.author].name }} 8 |
9 | 10 |
11 |

{{ site.authors[page.author].name }}

12 |

{{ site.authors[page.author].bio }}

13 | 14 | 39 |
40 |
41 | -------------------------------------------------------------------------------- /_sass/base/syntax-dark.sass: -------------------------------------------------------------------------------- 1 | .highlight 2 | .hll 3 | background-color: #272822 4 | .c 5 | color: #75715e 6 | .err 7 | color: #960050 8 | background-color: #1e0010 9 | .k 10 | color: #66d9ef 11 | .l 12 | color: #ae81ff 13 | .n 14 | color: #f8f8f2 15 | .o 16 | color: #f92672 17 | .p 18 | color: #f8f8f2 19 | .cm 20 | color: #75715e 21 | .cp 22 | color: #75715e 23 | .c1 24 | color: #75715e 25 | .cs 26 | color: #75715e 27 | .ge 28 | font-style: italic 29 | .gs 30 | font-weight: bold 31 | .kc 32 | color: #66d9ef 33 | .kd 34 | color: #66d9ef 35 | .kn 36 | color: #f92672 37 | .kp 38 | color: #66d9ef 39 | .kr 40 | color: #66d9ef 41 | .kt 42 | color: #66d9ef 43 | .ld 44 | color: #e6db74 45 | .m 46 | color: #ae81ff 47 | .s 48 | color: #e6db74 49 | .na 50 | color: #a6e22e 51 | .nb 52 | color: #f8f8f2 53 | .nc 54 | color: #a6e22e 55 | .no 56 | color: #66d9ef 57 | .nd 58 | color: #a6e22e 59 | .ni 60 | color: #f8f8f2 61 | .ne 62 | color: #a6e22e 63 | .nf 64 | color: #a6e22e 65 | .nl 66 | color: #f8f8f2 67 | .nn 68 | color: #f8f8f2 69 | .nx 70 | color: #a6e22e 71 | .py 72 | color: #f8f8f2 73 | .nt 74 | color: #f92672 75 | .nv 76 | color: #f8f8f2 77 | .ow 78 | color: #f92672 79 | .w 80 | color: #f8f8f2 81 | .mf 82 | color: #ae81ff 83 | .mh 84 | color: #ae81ff 85 | .mi 86 | color: #ae81ff 87 | .mo 88 | color: #ae81ff 89 | .sb 90 | color: #e6db74 91 | .sc 92 | color: #e6db74 93 | .sd 94 | color: #e6db74 95 | .s2 96 | color: #e6db74 97 | .se 98 | color: #ae81ff 99 | .sh 100 | color: #e6db74 101 | .si 102 | color: #e6db74 103 | .sx 104 | color: #e6db74 105 | .sr 106 | color: #e6db74 107 | .s1 108 | color: #e6db74 109 | .ss 110 | color: #e6db74 111 | .bp 112 | color: #f8f8f2 113 | .vc 114 | color: #f8f8f2 115 | .vg 116 | color: #f8f8f2 117 | .vi 118 | color: #f8f8f2 119 | .il 120 | color: #ae81ff 121 | .gu 122 | color: #75715e 123 | .gd 124 | color: #f92672 125 | .gi 126 | color: #a6e22e 127 | -------------------------------------------------------------------------------- /_includes/favicon.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /_sass/pages/tags.sass: -------------------------------------------------------------------------------- 1 | .tags 2 | margin-top: 125px 3 | 4 | > .list 5 | border-top: 1px solid $epsilon 6 | margin-top: 30px 7 | padding-top: 40px 8 | position: relative 9 | 10 | &:before 11 | display: block 12 | content: " " 13 | width: 7px 14 | height: 7px 15 | border: $epsilon 1px solid 16 | position: absolute 17 | top: -5px 18 | left: 50% 19 | margin-left: -5px 20 | background: $omega 21 | box-shadow: $omega 0 0 0 5px 22 | border-radius: 3px 23 | 24 | .tags > .list 25 | > .item 26 | font-weight: 300 27 | text-transform: uppercase 28 | text-align: center 29 | -webkit-font-smoothing: antialiased 30 | text-rendering: optimizeLegibility 31 | padding: 3px 9px 32 | border-radius: 3px 33 | font-size: 1.3rem 34 | background: $epsilon 35 | color: $alpha 36 | letter-spacing: 1px 37 | margin: 0 0.5rem 1rem 38 | text-decoration: none 39 | display: inline-block 40 | 41 | .tag-list > .list 42 | padding: 0 43 | 44 | > .item 45 | display: block 46 | width: 80% 47 | margin: 0 10% 48 | 49 | > .item > .url 50 | width: 100% 51 | height: 100% 52 | display: block 53 | padding: 20px 0 54 | text-decoration: none 55 | 56 | > .item > .url > .title 57 | margin: 0 58 | width: 75% 59 | font-weight: 400 60 | transition: all ease-in-out .2s 61 | font-size: 1.6rem 62 | 63 | > .item:hover > .url > .title 64 | color: $delta 65 | 66 | // maybe we can't nest html5 elements 67 | // can you help me? 68 | aside 69 | position: relative 70 | top: 2px 71 | margin: 0 72 | width: 25% 73 | float: right 74 | font-weight: 300 75 | color: $gama 76 | text-align: right 77 | transition: all ease-in-out .2s 78 | font-size: 1.6rem 79 | 80 | .item:hover .url aside 81 | color: $alpha 82 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 |

Indigo Minimalist Jekyll Template - Demo

3 |

4 | 5 |

This is a simple and minimalist template for Jekyll for those who likes to eat noodles.

6 | 7 | *** 8 | 9 |

10 | What has inside 11 | | 12 | Setup 13 | | 14 | Settings 15 | | 16 | How to 17 |

18 | 19 |

20 | Light and Dark themes. 21 |

22 | 23 |

24 | 25 |

26 | 27 | ## What has inside 28 | 29 | - [Jekyll](https://jekyllrb.com/), [Sass](https://sass-lang.com/) ~[RSCSS](https://rscss.io/)~ and [SVG](https://www.w3.org/Graphics/SVG/); 30 | - Page Speed: [99~Desktop](https://pagespeed.web.dev/analysis/https-sergiokopplin-github-io-indigo/41axptm3as?utm_source=psi&utm_medium=redirect&form_factor=desktop); 31 | 32 | ## Setup 33 | 34 | 0. :star: to the project. :metal: 35 | 1. Fork the project [Indigo](https://github.com/sergiokopplin/indigo/fork) 36 | 2. Edit `_config.yml` with your data 37 | 3. Write some posts :bowtie: 38 | 39 | To run locally do the following: 40 | 41 | 1. Install [Jekyll](https://jekyllrb.com) and [Bundler](https://bundler.io/). 42 | 2. Clone the forked repo on your machine 43 | 3. Enter the cloned folder via terminal and run: 44 | ```sh 45 | bundle install 46 | bundle exec jekyll serve 47 | ``` 48 | 4. Open it in your browser: [http://localhost:4000](http://localhost:4000) 49 | 50 | Or run with [docker](https://github.com/BretFisher/jekyll-serve). 51 | 52 | ## Settings 53 | 54 | You can customize your site on `_config.yml` file. 55 | 56 | ## How To? 57 | 58 | Check the [FAQ](./FAQ.md). 59 | 60 | --- 61 | ## License 62 | 63 | [MIT](https://kopplin.mit-license.org/) License © Sérgio Kopplin 64 | 65 | --- 66 | 67 | [![Star History Chart](https://api.star-history.com/svg?repos=sergiokopplin/indigo&type=Date)](https://star-history.com/#sergiokopplin/indigo&Date) 68 | -------------------------------------------------------------------------------- /_includes/social-links.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | {% if site.facebook %} 5 | 6 | 7 | 8 | {% endif %} 9 | 10 | {% if site.twitter %} 11 | 12 | 13 | 14 | {% endif %} 15 | 16 | {% if site.instagram %} 17 | 18 | 19 | 20 | {% endif %} 21 | 22 | {% if site.linkedin %} 23 | 24 | 25 | 26 | {% endif %} 27 | 28 | {% if site.github %} 29 | 30 | 31 | 32 | {% endif %} 33 | 34 | {% if site.email %} 35 | 36 | 37 | 38 | {% endif %} 39 |
40 | -------------------------------------------------------------------------------- /_sass/base/syntax.sass: -------------------------------------------------------------------------------- 1 | .highlight 2 | .c 3 | color: #999988 4 | font-style: italic 5 | .err 6 | color: #a61717 7 | background-color: #e3d2d2 8 | .k 9 | font-weight: bold 10 | .o 11 | font-weight: bold 12 | .cm 13 | color: #999988 14 | font-style: italic 15 | .cp 16 | color: #999999 17 | font-weight: bold 18 | .c1 19 | color: #999988 20 | font-style: italic 21 | .cs 22 | color: #999999 23 | font-weight: bold 24 | font-style: italic 25 | .gd 26 | color: #000000 27 | background-color: #ffdddd 28 | .gd .x 29 | color: #000000 30 | background-color: #ffaaaa 31 | .ge 32 | font-style: italic 33 | .gr 34 | color: #aa0000 35 | .gh 36 | color: #999999 37 | .gi 38 | color: #000000 39 | background-color: #ddffdd 40 | .gi .x 41 | color: #000000 42 | background-color: #aaffaa 43 | .go 44 | color: #888888 45 | .gp 46 | color: #555555 47 | .gs 48 | font-weight: bold 49 | .gu 50 | color: #800080 51 | font-weight: bold 52 | .gt 53 | color: #aa0000 54 | .kc 55 | font-weight: bold 56 | .kd 57 | font-weight: bold 58 | .kn 59 | font-weight: bold 60 | .kp 61 | font-weight: bold 62 | .kr 63 | font-weight: bold 64 | .kt 65 | color: #445588 66 | font-weight: bold 67 | .m 68 | color: #009999 69 | .s 70 | color: #dd1144 71 | .n 72 | color: #333333 73 | .na 74 | color: teal 75 | .nb 76 | color: #0086b3 77 | .nc 78 | color: #445588 79 | font-weight: bold 80 | .no 81 | color: teal 82 | .ni 83 | color: purple 84 | .ne 85 | color: #990000 86 | font-weight: bold 87 | .nf 88 | color: #990000 89 | font-weight: bold 90 | .nn 91 | color: #555555 92 | .nt 93 | color: navy 94 | .nv 95 | color: teal 96 | .ow 97 | font-weight: bold 98 | .w 99 | color: #bbbbbb 100 | .mf 101 | color: #009999 102 | .mh 103 | color: #009999 104 | .mi 105 | color: #009999 106 | .mo 107 | color: #009999 108 | .sb 109 | color: #dd1144 110 | .sc 111 | color: #dd1144 112 | .sd 113 | color: #dd1144 114 | .s2 115 | color: #dd1144 116 | .se 117 | color: #dd1144 118 | .sh 119 | color: #dd1144 120 | .si 121 | color: #dd1144 122 | .sx 123 | color: #dd1144 124 | .sr 125 | color: #009926 126 | .s1 127 | color: #dd1144 128 | .ss 129 | color: #990073 130 | .bp 131 | color: #999999 132 | .vc 133 | color: teal 134 | .vg 135 | color: teal 136 | .vi 137 | color: teal 138 | .il 139 | color: #009999 140 | .gc 141 | color: #999 142 | background-color: #EAF2F5 143 | -------------------------------------------------------------------------------- /CONTRIBUTION.md: -------------------------------------------------------------------------------- 1 | # Contributing to the Project 2 | Thank you for considering contributing to this project! We appreciate your interest and help in making this project better. Please take a moment to review the following guidelines to ensure a smooth contribution process. 3 | 4 | ## Getting Started 5 | Before you start contributing, please check the [README](https://github.com/sergiokopplin/indigo#setup) for instructions on setting up the project. 6 | 7 | ## Contribution Guidelines 8 | To contribute to this project, please follow these steps: 9 | 10 | ### 1. Fork the Repository 11 | Click the "Fork" button at the top right of the repository to create a copy of this project in your own GitHub account. This will allow you to work on your changes without affecting the original repository. 12 | 13 | ### 2. Clone Your Fork 14 | Use Git to clone your fork of the repository to your local machine. Replace `[your-username]` with your actual GitHub username. 15 | 16 | ```bash 17 | git clone https://github.com/[your-username]/indigo.git 18 | ``` 19 | ### 3. Create a New Branch 20 | Before making changes, create a new branch for your work. Naming your branch descriptively will help others understand its purpose. 21 | ```bash 22 | git checkout -b my-feature-branch 23 | ``` 24 | ### 4. Make Changes 25 | Make your changes or improvements to the project. Ensure your code follows the project's coding guidelines. 26 | 27 | ### 5. Commit Your Changes 28 | After making your changes, commit them with a clear and concise message explaining the purpose of the commit. 29 | ```bash 30 | git commit -m "Add new feature" # Use a descriptive commit message 31 | ``` 32 | ### 6. Push to Your Fork 33 | Push your changes to your forked repository on GitHub. This will update your branch with your latest commits. 34 | ```bash 35 | git push origin my-feature-branch 36 | ``` 37 | ### 7. Create a Pull Request 38 | Once you have pushed your changes to your fork, go to the original repository and click the "New Pull Request" button. Follow the instructions to create a pull request. 39 | 40 | ### 8. Wait for Review 41 | A project maintainer will review your pull request. Please be patient during the review process, and be prepared to make additional changes if requested. 42 | 43 | ### 9. Continuous Improvement 44 | Your contributions are valuable! By participating in this project, you help improve it for everyone. Thank you for your support and collaboration! 45 | If you encounter any issues or have questions, feel free to raise them by following the [Raise an issue](https://github.com/sergiokopplin/indigo/issues) process mentioned in the Contribution Guidelines. 46 | -------------------------------------------------------------------------------- /_sass/base/general.sass: -------------------------------------------------------------------------------- 1 | body, html 2 | font-size: 62.5% 3 | 4 | body 5 | font: 16px $fontSans 6 | color: $alpha 7 | background: $omega 8 | 9 | h1, h2, h3, h4 10 | font-family: $fontSans 11 | color: $beta 12 | -webkit-font-smoothing: antialiased 13 | text-rendering: optimizeLegibility 14 | 15 | h1 16 | font-size: 3rem 17 | letter-spacing: -1px 18 | color: $beta 19 | font-weight: 700 20 | 21 | h2 22 | font-size: 2.2rem 23 | 24 | h3 25 | font-size: 2rem 26 | 27 | h4 28 | font-size: 1.6rem 29 | 30 | a 31 | color: $delta 32 | text-decoration: underline 33 | font-weight: $thin-font 34 | 35 | p 36 | line-height: 1.7 37 | color: $alpha 38 | font-weight: 300 39 | margin-bottom: 20px 40 | letter-spacing: 0.4px 41 | 42 | @media #{$mobile} 43 | letter-spacing: 0.2px 44 | 45 | strong 46 | font-weight: 400 47 | color: $zeta 48 | 49 | ul, 50 | ol 51 | li 52 | line-height: 2.4rem 53 | font-weight: 300 54 | color: $alpha 55 | 56 | img, 57 | pre, 58 | iframe 59 | max-width: 100% 60 | 61 | img, 62 | pre 63 | border-radius: 4px 64 | 65 | figcaption 66 | position: relative 67 | top: -20px 68 | left: 0 69 | right: 0 70 | margin: 0 auto 71 | width: 100% 72 | text-align: center 73 | font-size: 1.3rem 74 | color: $gama 75 | font-weight: 300 76 | 77 | @media #{$mobile} 78 | font-size: 1.2rem 79 | 80 | blockquote 81 | padding-left: 15px 82 | border-left: 3px solid #eee 83 | 84 | hr 85 | border: none 86 | height: 1px 87 | margin: 40px auto 88 | background: #eee 89 | width: 100% 90 | 91 | figure.highlight 92 | width: 100% 93 | margin: 0 94 | 95 | code 96 | padding: 2px 3px 97 | font-family: $fontMonospace 98 | font-size: 12px 99 | vertical-align: middle 100 | background: #eee 101 | border-radius: 2px 102 | 103 | pre > code, 104 | tt 105 | padding: 1px 0 106 | font-family: $fontMonospace 107 | font-size: 12px 108 | line-height: 20px 109 | background: $omega 110 | border-radius: 2px 111 | 112 | pre 113 | box-sizing: border-box 114 | margin: 0 0 1.75em 0 115 | width: 100% 116 | padding: 5px 10px 117 | font-family: $fontMonospace 118 | font-size: 1.2rem 119 | line-height: 2rem 120 | overflow: auto 121 | background: $omega 122 | border: 1px solid $epsilon 123 | border-radius: 2px 124 | 125 | .wrapper-normal, 126 | .wrapper-large 127 | height: 100% 128 | width: 96% 129 | margin: 0 auto 130 | 131 | @media #{$mobile} 132 | width: 88% 133 | 134 | @media #{$tablet} 135 | width: 88% 136 | 137 | .wrapper-normal 138 | max-width: 560px 139 | 140 | .wrapper-large 141 | max-width: 810px 142 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # main text of home 2 | title: John Doe 3 | bio: A Person who travels the world eating noodles 4 | 5 | # twitter summary info 6 | description: A blog about technology and stuff related 7 | 8 | # if it's an external image, update below for true 9 | # better with square images 10 | external-image: false 11 | picture: assets/images/profile.jpg 12 | 13 | # your site color theme, true for dark theme, 14 | # false to light theme, auto to switch with system. 15 | dark-theme: auto 16 | 17 | # If you want to include your resume, set to true 18 | # and specify source (external or local). 19 | resume: true 20 | resume-external: true 21 | resume-url: https://google.com/?q=my+resume 22 | 23 | url: https://sergiokopplin.github.io/indigo 24 | # your url: https://USERNAME.github.io 25 | 26 | permalink: /:title/ 27 | 28 | # To enable google analytics, supply your token below 29 | # analytics-google: 'UA-MYANALYTICS' 30 | 31 | # if you don't want comments in your posts, leave categories empty 32 | disqus: 33 | shortname: github # enter this from your disqus account 34 | categories: [blog, project] # only show disqus for posts that have these categories 35 | 36 | # if you don't have any of social below, comment the line 37 | facebook: myfacebook 38 | twitter: mytwitter 39 | instagram: myinstagram 40 | linkedin: mylinkedin 41 | github: mygithub 42 | email: myemail@gmail.com 43 | 44 | authors: 45 | johndoe: 46 | name: John Doe 47 | bio: A Man who travels the world eating noodles 48 | external-image: false 49 | picture: assets/images/profile.jpg 50 | twitter: johndoe 51 | jamesfoster: 52 | name: James Foster 53 | bio: A Man who develops software with coffee 54 | external-image: false 55 | picture: assets/images/james.jpg 56 | twitter: jamesfoster 57 | 58 | # do you want a larger site? change the option below 59 | # options: [normal, large] | default: normal 60 | # normal = 560px / large = 810px 61 | width: normal 62 | 63 | # if you don't need projects, comment the *projects* configs below 64 | projects: true 65 | 66 | # if you don't need "about" or "blog", comment them out below 67 | about: true 68 | blog: true 69 | 70 | # do you want to show the "read time" of the posts? 71 | read-time: true 72 | 73 | # do you want to show the "tags" inside the posts? 74 | show-tags: true 75 | 76 | # related posts inside a post? 77 | related: true 78 | 79 | # Display links for next and previous posts for the specified categories 80 | post-advance-links: [blog] 81 | 82 | # show author block at the end of a post ? 83 | show-author: true 84 | 85 | # do you want some animations? 86 | animation: true 87 | 88 | # add default values to specific pages or layouts 89 | defaults: 90 | - scope: 91 | path: "" # an empty string here means all files in the project 92 | layout: "post" 93 | values: 94 | # setting all post to not hidden by default, 95 | # can be overridden in the front matter for a specific post 96 | hidden: false 97 | 98 | plugins: 99 | - jekyll-seo-tag 100 | - jekyll-gist 101 | - jekyll-feed 102 | - jemoji 103 | 104 | compress_html: 105 | ignore: 106 | envs: 107 | - development 108 | - stage 109 | 110 | exclude: 111 | [ 112 | "README.md", 113 | "Gemfile", 114 | "Gemfile.lock", 115 | "FAQ.md", 116 | "vendor", 117 | ] 118 | -------------------------------------------------------------------------------- /_layouts/compress.html: -------------------------------------------------------------------------------- 1 | --- 2 | # Jekyll layout that compresses HTML 3 | # v3.1.0 4 | # https://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 or site.compress_html.ignore.envs == "all" %}{{ 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 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 %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% 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-02-24-markdown-common-elements.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Markdown Common Elements" 3 | layout: post 4 | date: 2016-02-24 22:44 5 | image: /assets/images/markdown.jpg 6 | headerImage: false 7 | tag: 8 | - markdown 9 | - elements 10 | star: true 11 | category: blog 12 | author: johndoe 13 | description: Markdown summary with different options 14 | --- 15 | 16 | ## Basic formatting 17 | 18 | This note **demonstrates** some of what [Markdown][1] is *capable of doing*. 19 | 20 | And that's how to do it. 21 | 22 | {% highlight html %} 23 | This note **demonstrates** some of what [Markdown][some/link] is *capable of doing*. 24 | {% endhighlight %} 25 | 26 | --- 27 | 28 | ## Headings 29 | 30 | There are six levels of headings. They correspond with the six levels of HTML headings. You've probably noticed them already in the page. Each level down uses one more hash character. But we are using just 4 of them. 31 | 32 | # Headings can be small 33 | 34 | ## Headings can be small 35 | 36 | ### Headings can be small 37 | 38 | #### Headings can be small 39 | 40 | {% highlight raw %} 41 | # Heading 42 | ## Heading 43 | ### Heading 44 | #### Heading 45 | {% endhighlight %} 46 | 47 | --- 48 | 49 | ## Lists 50 | 51 | ### Ordered list 52 | 53 | 1. Item 1 54 | 2. A second item 55 | 3. Number 3 56 | 57 | {% highlight raw %} 58 | 1. Item 1 59 | 2. A second item 60 | 3. Number 3 61 | {% endhighlight %} 62 | 63 | ### Unordered list 64 | 65 | * An item 66 | * Another item 67 | * Yet another item 68 | * And there's more... 69 | 70 | {% highlight raw %} 71 | * An item 72 | * Another item 73 | * Yet another item 74 | * And there's more... 75 | {% endhighlight %} 76 | 77 | --- 78 | 79 | ## Paragraph modifiers 80 | 81 | ### Quote 82 | 83 | > Here is a quote. What this is should be self explanatory. Quotes are automatically indented when they are used. 84 | 85 | {% highlight raw %} 86 | > Here is a quote. What this is should be self explanatory. 87 | {% endhighlight raw %} 88 | 89 | --- 90 | 91 | ## URLs 92 | 93 | URLs can be made in a handful of ways: 94 | 95 | * A named link to [Mark It Down][3]. 96 | * Another named link to [Mark It Down](https://google.com/) 97 | * Sometimes you just want a URL like . 98 | 99 | {% highlight raw %} 100 | * A named link to [MarkItDown][3]. 101 | * Another named link to [MarkItDown](https://google.com/) 102 | * Sometimes you just want a URL like . 103 | {% endhighlight %} 104 | 105 | --- 106 | 107 | ## Horizontal rule 108 | 109 | A horizontal rule is a line that goes across the middle of the page. 110 | It's sometimes handy for breaking things up. 111 | 112 | {% highlight raw %} 113 | --- 114 | {% endhighlight %} 115 | 116 | --- 117 | 118 | ## Images 119 | 120 | Markdown can also contain images. I'll need to add something here sometime. 121 | 122 | {% highlight raw %} 123 | ![Markdowm Image][/image/url] 124 | {% endhighlight %} 125 | 126 | ![Markdowm Image][5] 127 | 128 | *Figure Caption*? 129 | 130 | {% highlight raw %} 131 | ![Markdowm Image][/image/url] 132 |
Photo by John Doe
133 | {% endhighlight %} 134 | 135 | ![Markdowm Image][5] 136 |
Photo by John Doe
137 | 138 | *Bigger Images*? 139 | 140 | {% highlight raw %} 141 | ![Markdowm Image][/image/url]{: class="bigger-image" } 142 | {% endhighlight %} 143 | 144 | ![Markdowm Image][5]{: class="bigger-image" } 145 | 146 | --- 147 | 148 | ## Code 149 | 150 | A HTML Example: 151 | 152 | {% highlight html %} 153 | 154 | 155 | 156 | 157 | Document 158 | 159 | 160 |

Just a test

161 | 162 | 163 | {% endhighlight %} 164 | 165 | A CSS Example: 166 | 167 | {% highlight css %} 168 | pre { 169 | padding: 10px; 170 | font-size: .8em; 171 | white-space: pre; 172 | } 173 | 174 | pre, table { 175 | width: 100%; 176 | } 177 | 178 | code, pre, tt { 179 | font-family: Monaco, Consolas, Inconsolata, monospace, sans-serif; 180 | background: rgba(0,0,0,.05); 181 | } 182 | {% endhighlight %} 183 | 184 | A JS Example: 185 | 186 | {% highlight js %} 187 | // Sticky Header 188 | $(window).scroll(function() { 189 | 190 | if ($(window).scrollTop() > 900 && !$("body").hasClass('show-menu')) { 191 | $('#hamburguer__open').fadeOut('fast'); 192 | } else if (!$("body").hasClass('show-menu')) { 193 | $('#hamburguer__open').fadeIn('fast'); 194 | } 195 | 196 | }); 197 | {% endhighlight %} 198 | 199 | [1]: https://daringfireball.net/projects/markdown/ 200 | [2]: https://www.fileformat.info/info/unicode/char/2163/index.htm 201 | [3]: https://daringfireball.net/projects/markdown/basics 202 | [4]: https://daringfireball.net/projects/markdown/syntax 203 | [5]: https://kune.fr/wp-content/uploads/2013/10/ghost-blog.jpg 204 | -------------------------------------------------------------------------------- /_sass/base/normalize.scss: -------------------------------------------------------------------------------- 1 | /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 2 | 3 | /* Document 4 | ========================================================================== */ 5 | 6 | /** 7 | * 1. Correct the line height in all browsers. 8 | * 2. Prevent adjustments of font size after orientation changes in iOS. 9 | */ 10 | 11 | html { 12 | line-height: 1.15; /* 1 */ 13 | -webkit-text-size-adjust: 100%; /* 2 */ 14 | } 15 | 16 | /* Sections 17 | ========================================================================== */ 18 | 19 | /** 20 | * Remove the margin in all browsers. 21 | */ 22 | 23 | body { 24 | margin: 0; 25 | } 26 | 27 | /** 28 | * Render the `main` element consistently in IE. 29 | */ 30 | 31 | main { 32 | display: block; 33 | } 34 | 35 | /** 36 | * Correct the font size and margin on `h1` elements within `section` and 37 | * `article` contexts in Chrome, Firefox, and Safari. 38 | */ 39 | 40 | h1 { 41 | font-size: 2em; 42 | margin: 0.67em 0; 43 | } 44 | 45 | /* Grouping content 46 | ========================================================================== */ 47 | 48 | /** 49 | * 1. Add the correct box sizing in Firefox. 50 | * 2. Show the overflow in Edge and IE. 51 | */ 52 | 53 | hr { 54 | box-sizing: content-box; /* 1 */ 55 | height: 0; /* 1 */ 56 | overflow: visible; /* 2 */ 57 | } 58 | 59 | /** 60 | * 1. Correct the inheritance and scaling of font size in all browsers. 61 | * 2. Correct the odd `em` font sizing in all browsers. 62 | */ 63 | 64 | pre { 65 | font-family: monospace, monospace; /* 1 */ 66 | font-size: 1em; /* 2 */ 67 | } 68 | 69 | /* Text-level semantics 70 | ========================================================================== */ 71 | 72 | /** 73 | * Remove the gray background on active links in IE 10. 74 | */ 75 | 76 | a { 77 | background-color: transparent; 78 | } 79 | 80 | /** 81 | * 1. Remove the bottom border in Chrome 57- 82 | * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 83 | */ 84 | 85 | abbr[title] { 86 | border-bottom: none; /* 1 */ 87 | text-decoration: underline; /* 2 */ 88 | text-decoration: underline dotted; /* 2 */ 89 | } 90 | 91 | /** 92 | * Add the correct font weight in Chrome, Edge, and Safari. 93 | */ 94 | 95 | b, 96 | strong { 97 | font-weight: bolder; 98 | } 99 | 100 | /** 101 | * 1. Correct the inheritance and scaling of font size in all browsers. 102 | * 2. Correct the odd `em` font sizing in all browsers. 103 | */ 104 | 105 | code, 106 | kbd, 107 | samp { 108 | font-family: monospace, monospace; /* 1 */ 109 | font-size: 1em; /* 2 */ 110 | } 111 | 112 | /** 113 | * Add the correct font size in all browsers. 114 | */ 115 | 116 | small { 117 | font-size: 80%; 118 | } 119 | 120 | /** 121 | * Prevent `sub` and `sup` elements from affecting the line height in 122 | * all browsers. 123 | */ 124 | 125 | sub, 126 | sup { 127 | font-size: 75%; 128 | line-height: 0; 129 | position: relative; 130 | vertical-align: baseline; 131 | } 132 | 133 | sub { 134 | bottom: -0.25em; 135 | } 136 | 137 | sup { 138 | top: -0.5em; 139 | } 140 | 141 | /* Embedded content 142 | ========================================================================== */ 143 | 144 | /** 145 | * Remove the border on images inside links in IE 10. 146 | */ 147 | 148 | img { 149 | border-style: none; 150 | } 151 | 152 | /* Forms 153 | ========================================================================== */ 154 | 155 | /** 156 | * 1. Change the font styles in all browsers. 157 | * 2. Remove the margin in Firefox and Safari. 158 | */ 159 | 160 | button, 161 | input, 162 | optgroup, 163 | select, 164 | textarea { 165 | font-family: inherit; /* 1 */ 166 | font-size: 100%; /* 1 */ 167 | line-height: 1.15; /* 1 */ 168 | margin: 0; /* 2 */ 169 | } 170 | 171 | /** 172 | * Show the overflow in IE. 173 | * 1. Show the overflow in Edge. 174 | */ 175 | 176 | button, 177 | input { /* 1 */ 178 | overflow: visible; 179 | } 180 | 181 | /** 182 | * Remove the inheritance of text transform in Edge, Firefox, and IE. 183 | * 1. Remove the inheritance of text transform in Firefox. 184 | */ 185 | 186 | button, 187 | select { /* 1 */ 188 | text-transform: none; 189 | } 190 | 191 | /** 192 | * Correct the inability to style clickable types in iOS and Safari. 193 | */ 194 | 195 | button, 196 | [type="button"], 197 | [type="reset"], 198 | [type="submit"] { 199 | -webkit-appearance: button; 200 | } 201 | 202 | /** 203 | * Remove the inner border and padding in Firefox. 204 | */ 205 | 206 | button::-moz-focus-inner, 207 | [type="button"]::-moz-focus-inner, 208 | [type="reset"]::-moz-focus-inner, 209 | [type="submit"]::-moz-focus-inner { 210 | border-style: none; 211 | padding: 0; 212 | } 213 | 214 | /** 215 | * Restore the focus styles unset by the previous rule. 216 | */ 217 | 218 | button:-moz-focusring, 219 | [type="button"]:-moz-focusring, 220 | [type="reset"]:-moz-focusring, 221 | [type="submit"]:-moz-focusring { 222 | outline: 1px dotted ButtonText; 223 | } 224 | 225 | /** 226 | * Correct the padding in Firefox. 227 | */ 228 | 229 | fieldset { 230 | padding: 0.35em 0.75em 0.625em; 231 | } 232 | 233 | /** 234 | * 1. Correct the text wrapping in Edge and IE. 235 | * 2. Correct the color inheritance from `fieldset` elements in IE. 236 | * 3. Remove the padding so developers are not caught out when they zero out 237 | * `fieldset` elements in all browsers. 238 | */ 239 | 240 | legend { 241 | box-sizing: border-box; /* 1 */ 242 | color: inherit; /* 2 */ 243 | display: table; /* 1 */ 244 | max-width: 100%; /* 1 */ 245 | padding: 0; /* 3 */ 246 | white-space: normal; /* 1 */ 247 | } 248 | 249 | /** 250 | * Add the correct vertical alignment in Chrome, Firefox, and Opera. 251 | */ 252 | 253 | progress { 254 | vertical-align: baseline; 255 | } 256 | 257 | /** 258 | * Remove the default vertical scrollbar in IE 10+. 259 | */ 260 | 261 | textarea { 262 | overflow: auto; 263 | } 264 | 265 | /** 266 | * 1. Add the correct box sizing in IE 10. 267 | * 2. Remove the padding in IE 10. 268 | */ 269 | 270 | [type="checkbox"], 271 | [type="radio"] { 272 | box-sizing: border-box; /* 1 */ 273 | padding: 0; /* 2 */ 274 | } 275 | 276 | /** 277 | * Correct the cursor style of increment and decrement buttons in Chrome. 278 | */ 279 | 280 | [type="number"]::-webkit-inner-spin-button, 281 | [type="number"]::-webkit-outer-spin-button { 282 | height: auto; 283 | } 284 | 285 | /** 286 | * 1. Correct the odd appearance in Chrome and Safari. 287 | * 2. Correct the outline style in Safari. 288 | */ 289 | 290 | [type="search"] { 291 | -webkit-appearance: textfield; /* 1 */ 292 | outline-offset: -2px; /* 2 */ 293 | } 294 | 295 | /** 296 | * Remove the inner padding in Chrome and Safari on macOS. 297 | */ 298 | 299 | [type="search"]::-webkit-search-decoration { 300 | -webkit-appearance: none; 301 | } 302 | 303 | /** 304 | * 1. Correct the inability to style clickable types in iOS and Safari. 305 | * 2. Change font properties to `inherit` in Safari. 306 | */ 307 | 308 | ::-webkit-file-upload-button { 309 | -webkit-appearance: button; /* 1 */ 310 | font: inherit; /* 2 */ 311 | } 312 | 313 | /* Interactive 314 | ========================================================================== */ 315 | 316 | /* 317 | * Add the correct display in Edge, IE 10+, and Firefox. 318 | */ 319 | 320 | details { 321 | display: block; 322 | } 323 | 324 | /* 325 | * Add the correct display in all browsers. 326 | */ 327 | 328 | summary { 329 | display: list-item; 330 | } 331 | 332 | /* Misc 333 | ========================================================================== */ 334 | 335 | /** 336 | * Add the correct display in IE 10+. 337 | */ 338 | 339 | template { 340 | display: none; 341 | } 342 | 343 | /** 344 | * Add the correct display in IE 10. 345 | */ 346 | 347 | [hidden] { 348 | display: none; 349 | } 350 | -------------------------------------------------------------------------------- /_posts/2015-02-24-markdown-extra-components.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Markdown Extra Components" 3 | layout: post 4 | date: 2016-02-24 22:48 5 | image: /assets/images/markdown.jpg 6 | headerImage: false 7 | tag: 8 | - markdown 9 | - components 10 | - extra 11 | category: blog 12 | author: jamesfoster 13 | description: Markdown summary with different options 14 | --- 15 | 16 | ## Summary: 17 | 18 | You can pick as item to see how to apply in markdown. 19 | 20 | #### Especial Elements 21 | - [Evidence](#evidence) 22 | - [Side-by-Side](#side-by-side) 23 | - [Star](#star) 24 | - [Especial Breaker](#especial-breaker) 25 | - [Spoiler](#spoiler) 26 | 27 | #### External Elements 28 | - [Gist](#gist) 29 | - [Codepen](#codepen) 30 | - [Slideshare](#slideshare) 31 | - [Videos](#videos) 32 | 33 | --- 34 | 35 | ## Evidence 36 | 37 | You can try the evidence! 38 | 39 | Paragraphs can be written like so. A paragraph is the basic block of Markdown. A paragraph is what text will turn into when there is no reason it should become anything else. 40 | 41 | {% highlight html %} 42 | Paragraphs can be written like so. A paragraph is the basic block of Markdown. A paragraph is what text will turn into when there is no reason it should become anything else. 43 | {% endhighlight %} 44 | 45 | --- 46 | 47 | ## Side-by-side 48 | 49 | Like the [Medium](https://medium.com/) component. 50 | 51 | **Image** on the left and **Text** on the right: 52 | 53 | {% highlight html %} 54 |
55 |
56 | Alt Text 57 |
Photo by John Doe
58 |
59 | 60 |
61 |

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

62 |
63 |
64 | {% endhighlight %} 65 | 66 |
67 |
68 | Alt Text 69 |
Photo by John Doe
70 |
71 | 72 |
73 |

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

74 |
75 |
76 | 77 | **Text** on the left and **Image** on the right: 78 | 79 | {% highlight html %} 80 |
81 |
82 |

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

83 |
84 | 85 |
86 | Alt Text 87 |
Photo by John Doe
88 |
89 |
90 | {% endhighlight %} 91 | 92 |
93 |
94 |

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

95 |
96 | 97 |
98 | Alt Text 99 |
Photo by John Doe
100 |
101 |
102 | 103 | --- 104 | 105 | ## Star 106 | 107 | You can give evidence to a post. Just add the tag to the markdown file. 108 | 109 | {% highlight raw %} 110 | star: true 111 | {% endhighlight %} 112 | 113 | --- 114 | 115 | ## Especial Breaker 116 | 117 | You can add a especial *hr* to your text. 118 | 119 | {% highlight html %} 120 |
121 | {% endhighlight %} 122 | 123 |
124 | 125 | --- 126 | 127 | ## Spoiler 128 | 129 | You can add an especial hidden content that appears on hover. 130 | 131 | {% highlight html %} 132 |

your content

133 | {% endhighlight %} 134 | 135 |

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

136 | 137 | --- 138 | 139 | ## Gist 140 | 141 | You can add Gists from github. 142 | 143 | {% highlight raw %} 144 | { % gist sergiokopplin/91ff4220480727b47224245ee2e9c291 % } 145 | {% endhighlight %} 146 | 147 | {% gist sergiokopplin/91ff4220480727b47224245ee2e9c291 %} 148 | 149 | --- 150 | 151 | ## Codepen 152 | 153 | You can add Pens from Codepen. 154 | 155 | {% highlight html %} 156 |

157 | See the Pen Crappy Recreation of the Book Cover of *The Flame Alphabet* by Chris Coyier (@chriscoyier) on CodePen. 158 |

159 | 160 | {% endhighlight %} 161 | 162 |

See the Pen Crappy Recreation of the Book Cover of *The Flame Alphabet* by Chris Coyier (@chriscoyier) on CodePen.

163 | 164 | 165 | --- 166 | 167 | ## Slideshare 168 | 169 | Add your presentations here! 170 | 171 | {% highlight html %} 172 | 173 | {% endhighlight %} 174 | 175 | 176 | 177 | --- 178 | 179 | ## Videos 180 | 181 | Do you want some videos? Youtube, Vimeo or Vevo? Copy the embed code and paste on your post! 182 | 183 | **Example** 184 | 185 | {% highlight html %} 186 | 187 | {% endhighlight %} 188 | 189 | 190 | 191 | [1]: https://daringfireball.net/projects/markdown/ 192 | [2]: https://www.fileformat.info/info/unicode/char/2163/index.htm 193 | [3]: https://www.markitdown.net/ 194 | [4]: https://daringfireball.net/projects/markdown/basics 195 | [5]: https://daringfireball.net/projects/markdown/syntax 196 | [6]: https://kune.fr/wp-content/uploads/2013/10/ghost-blog.jpg 197 | -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: compress 3 | --- 4 | 5 | 6 | 7 | 8 | {% if site.analytics-google %} 9 | {% include analytics-google.html %} 10 | {% endif %} 11 | 12 | 13 | 14 | 15 | 16 | {% seo %} 17 | 18 | {% include favicon.html %} 19 | 20 | 21 | 22 | 23 | 40 | 41 | 42 | 43 |
44 | {% if page.layout == "post" %} 45 |
46 | {% else %} 47 | {% if showHeader != true %} 48 |
49 | {% else %} 50 |
51 | {% endif %} 52 | {% endif %} 53 | 54 | {{ content }} 55 |
56 |
57 |
58 |
59 | 60 | 61 | --------------------------------------------------------------------------------