├── archive.md ├── contact.md ├── index.html ├── _layouts ├── page.html ├── default.html ├── archive.html ├── categories.html ├── contact.html ├── post.html └── home.html ├── utterances.json ├── .gitattributes ├── assets ├── favicon.ico ├── img │ ├── logo.jpg │ ├── rose.jpg │ ├── airplane.jpg │ ├── mountain.jpg │ ├── oranges.jpg │ ├── forest-snow.jpg │ └── screenshots │ │ ├── Screenshot.png │ │ ├── Screenshot_minimal.png │ │ ├── Screenshot_mobile.png │ │ └── Screenshot_code_highlight.png └── css │ ├── main.scss │ └── syntax.scss ├── categories.md ├── _includes ├── pages.html ├── footer.html ├── gif.html ├── comments.html ├── analytics.html ├── categories.html ├── social.html ├── header.html ├── reading_time.html ├── related-posts.html └── head.html ├── .gitignore ├── about.md ├── _data ├── pages.yml ├── social.yml └── settings.yml ├── Gemfile ├── contact-successful.md ├── _sass ├── scrollbar.scss ├── footer.scss ├── related-posts.scss ├── typography.scss ├── home.scss ├── paginator.scss ├── typography-old.scss ├── contact.scss ├── mobile.scss ├── post.scss ├── base.scss └── header.scss ├── _posts ├── 2020-05-20-write-a-post.md ├── 2020-05-21-this-is-yamt.md ├── 2020-04-11-lorem-ipsum.md ├── 2020-05-19-typography.md └── 2020-05-19-special-formatting.md ├── jekyll-yamt.gemspec ├── LICENSE.txt ├── _config.yml └── README.md /archive.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: archive 3 | title: Archive 4 | --- -------------------------------------------------------------------------------- /contact.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: contact 3 | title: Contact 4 | --- -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: home 3 | title: Home 4 | --- 5 | 6 | -------------------------------------------------------------------------------- /_layouts/page.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 | {{ content }} 6 | -------------------------------------------------------------------------------- /utterances.json: -------------------------------------------------------------------------------- 1 | { 2 | "origins": ["https://yourwebsite.com"] 3 | } 4 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /assets/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PandaSekh/Jekyll-YAMT/HEAD/assets/favicon.ico -------------------------------------------------------------------------------- /assets/img/logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PandaSekh/Jekyll-YAMT/HEAD/assets/img/logo.jpg -------------------------------------------------------------------------------- /assets/img/rose.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PandaSekh/Jekyll-YAMT/HEAD/assets/img/rose.jpg -------------------------------------------------------------------------------- /assets/img/airplane.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PandaSekh/Jekyll-YAMT/HEAD/assets/img/airplane.jpg -------------------------------------------------------------------------------- /assets/img/mountain.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PandaSekh/Jekyll-YAMT/HEAD/assets/img/mountain.jpg -------------------------------------------------------------------------------- /assets/img/oranges.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PandaSekh/Jekyll-YAMT/HEAD/assets/img/oranges.jpg -------------------------------------------------------------------------------- /assets/img/forest-snow.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PandaSekh/Jekyll-YAMT/HEAD/assets/img/forest-snow.jpg -------------------------------------------------------------------------------- /categories.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: categories 3 | permalink: /categories/ 4 | title: Categories 5 | --- 6 | 7 | 8 | -------------------------------------------------------------------------------- /assets/img/screenshots/Screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PandaSekh/Jekyll-YAMT/HEAD/assets/img/screenshots/Screenshot.png -------------------------------------------------------------------------------- /_includes/pages.html: -------------------------------------------------------------------------------- 1 | {% for item in site.data.pages.pages %} 2 | {{ item.name }} 3 | {% endfor %} -------------------------------------------------------------------------------- /assets/img/screenshots/Screenshot_minimal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PandaSekh/Jekyll-YAMT/HEAD/assets/img/screenshots/Screenshot_minimal.png -------------------------------------------------------------------------------- /assets/img/screenshots/Screenshot_mobile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PandaSekh/Jekyll-YAMT/HEAD/assets/img/screenshots/Screenshot_mobile.png -------------------------------------------------------------------------------- /assets/img/screenshots/Screenshot_code_highlight.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PandaSekh/Jekyll-YAMT/HEAD/assets/img/screenshots/Screenshot_code_highlight.png -------------------------------------------------------------------------------- /assets/css/main.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | @import "base", "typography", "header", "post", "home", "footer", "paginator", "scrollbar", "contact", "related-posts", "mobile"; -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | *.gem 2 | .bundle 3 | .jekyll-cache 4 | .sass-cache 5 | _site 6 | /_site 7 | Gemfile.lock 8 | _site/ 9 | .sass-cache/ 10 | .jekyll-cache/ 11 | .jekyll-metadata -------------------------------------------------------------------------------- /about.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | title: About 4 | --- 5 | 6 | # [YAMT - Yet Another Minimal Theme](https://yamt.netlify.app/) 7 | See [Github](https://github.com/PandaSekh/Jekyll-YAMT). -------------------------------------------------------------------------------- /_data/pages.yml: -------------------------------------------------------------------------------- 1 | pages: 2 | - {name: 'About', url: 'about.html'} 3 | - {name: 'Contact', url: 'contact.html'} 4 | - {name: 'Archive', url: 'archive.html'} 5 | - {name: 'Get YAMT', url: 'https://github.com/PandaSekh/Jekyll-YAMT'} -------------------------------------------------------------------------------- /_includes/footer.html: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /_includes/gif.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | # frozen_string_literal: true 2 | 3 | source "https://rubygems.org" 4 | gemspec 5 | 6 | gem 'jekyll' 7 | 8 | gem 'wdm', '>= 0.1.0' 9 | 10 | gem 'jekyll-paginate' 11 | gem 'jekyll-feed' 12 | gem 'jekyll-seo-tag' 13 | gem 'jekyll-sitemap' 14 | -------------------------------------------------------------------------------- /contact-successful.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | title: Thank you! 4 | --- 5 | 6 | 7 | ## THANK YOU! 8 |
9 |

Your form submission has been received. I will get back to you shortly.

10 | Go back to the homepage. 11 |
-------------------------------------------------------------------------------- /_includes/comments.html: -------------------------------------------------------------------------------- 1 |
2 | 10 |
-------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {% include head.html %} 5 | 6 | 7 | 8 |
9 | {% include header.html %} 10 | 11 |
12 | {{ content }} 13 |
14 |
15 | 16 | {%- include footer.html -%} 17 | 18 | 19 | -------------------------------------------------------------------------------- /_sass/scrollbar.scss: -------------------------------------------------------------------------------- 1 | ::-webkit-scrollbar { 2 | width: 7px; 3 | height: 7px; 4 | border: 1px solid #d5d5d5; 5 | padding-top: 5px; 6 | border-radius: 30px; 7 | } 8 | 9 | ::-webkit-scrollbar-track { 10 | border-radius: 30px; 11 | background: #eeeeee; 12 | } 13 | 14 | ::-webkit-scrollbar-thumb { 15 | border-radius: 30px; 16 | background: #b0b0b0; 17 | } -------------------------------------------------------------------------------- /_includes/analytics.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 10 | -------------------------------------------------------------------------------- /_includes/categories.html: -------------------------------------------------------------------------------- 1 |
2 |

Categories:

3 | {% assign categories = page.categories %} 4 | {% for category in categories %} 5 | {{category}} 7 | {% unless forloop.last %} {% endunless %} 8 | {% endfor %} 9 | 10 |
-------------------------------------------------------------------------------- /_includes/social.html: -------------------------------------------------------------------------------- 1 | {% for item in site.data.social.social %} 2 | {% if item.type == "brand"%} 3 | 4 | {% endif %} 5 | {% if item.type == "solid"%} 6 | 7 | {% endif %} 8 | {% endfor %} -------------------------------------------------------------------------------- /_sass/footer.scss: -------------------------------------------------------------------------------- 1 | .footer{ 2 | p{ 3 | text-align: center; 4 | font-size: 0.85rem; 5 | } 6 | a{ 7 | text-decoration: none; 8 | } 9 | a:hover{ 10 | text-decoration: underline; 11 | } 12 | a:visited{ 13 | color: $base; 14 | } 15 | } 16 | 17 | .footer::before{ 18 | display: block; 19 | content: ''; 20 | width: 5rem; 21 | height: 1px; 22 | margin: 23px auto; 23 | background-color: #d5d5d5; 24 | } -------------------------------------------------------------------------------- /_layouts/archive.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | title: Archive 4 | --- 5 | 6 | {% assign postsByDate = 7 | site.posts | group_by_exp:"post", "post.date | date: '%B %Y'" %} 8 | {% for year in postsByDate %} 9 |

{{ year.name }}

10 | 15 | {% endfor %} 16 | -------------------------------------------------------------------------------- /_sass/related-posts.scss: -------------------------------------------------------------------------------- 1 | .related{ 2 | h4{ 3 | font-style: italic; 4 | text-decoration: underline; 5 | } 6 | h5{ 7 | margin-top: 0px; 8 | text-align: left; 9 | font-size: 1rem; 10 | } 11 | .related-posts{ 12 | opacity: 0.8; 13 | margin-right: 25px; 14 | } 15 | .related-posts:hover{ 16 | opacity: 1; 17 | font-style: italic; 18 | } 19 | padding-top: 10px; 20 | padding-bottom: 15px; 21 | margin:0 auto; 22 | } 23 | -------------------------------------------------------------------------------- /_includes/header.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /_includes/reading_time.html: -------------------------------------------------------------------------------- 1 | {% if post.layout != post %} 2 | {% assign words = post.content | strip_html | number_of_words %} 3 | {% if words < 180 %} 4 | Less than 1 minute read 5 | {% elsif words < 360 %} 6 | 1 minute read 7 | {% else %} 8 | {{ words | divided_by:180 }} minute read 9 | {% endif %} 10 | {% endif %} 11 | 12 | {% if post.layout == post %} 13 | {% assign words = content | strip_html | number_of_words %} 14 | {% if words < 180 %} 15 | Less than 1 minute read 16 | {% elsif words < 360 %} 17 | 1 minute read 18 | {% else %} 19 | {{ words | divided_by:180 }} minute read 20 | {% endif %} 21 | {% endif %} -------------------------------------------------------------------------------- /_layouts/categories.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | permalink: /categories/ 4 | title: Categories 5 | --- 6 | 7 | {% for category in site.categories %} 8 |
9 | {% capture category_name %}{{ category | first }}{% endcapture %} 10 |
11 |

12 | 13 |

{{ category_name }}

14 | 15 | 20 |
21 | {% endfor %} -------------------------------------------------------------------------------- /_data/social.yml: -------------------------------------------------------------------------------- 1 | # These are the socials supported by default. If you want to add one which isn't present, find the icon name on https://fontawesome.com/ 2 | # and add it's color in /_sass/social.scss. Brand defines Font Awesome's font type (fas is solid, fab is brand). 3 | 4 | 5 | social: 6 | - {icon: 'github', type: "brand", link: 'https://www.github.com/pandasekh'} 7 | - {icon: 'twitter', type: "brand", link: 'https://twitter.com/PandaSekh'} 8 | - {icon: 'linkedin', type: "brand", link: 'https://www.linkedin.com/in/alessio-franceschi/'} 9 | 10 | - {icon: 'envelope', type: "solid", link: 'mailto:alessiofranceschi2@gmail.com'} 11 | - {icon: 'rss', type: "solid", link: "/feed.xml"} -------------------------------------------------------------------------------- /_layouts/contact.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | title: Contact 4 | --- 5 | 6 |

Contact Form

7 |
8 |
9 |
10 | 11 |
12 | 13 |
14 | 15 |
16 |
17 |
-------------------------------------------------------------------------------- /_sass/typography.scss: -------------------------------------------------------------------------------- 1 | h1, h2, h3, h4, h5, h6{ 2 | margin-bottom: 10px; 3 | text-decoration: none; 4 | color: black; 5 | a{ 6 | text-decoration: none; 7 | color: black; 8 | } 9 | } 10 | 11 | p, ul, ol{ 12 | li{ 13 | font-size: 1.15rem; 14 | } 15 | } 16 | 17 | h2{ 18 | margin-bottom: 0px; 19 | } 20 | 21 | h3{ 22 | font-size: 1.4rem; 23 | } 24 | h4{ 25 | font-size: 1.3rem; 26 | } 27 | h5{ 28 | font-size: 1.2rem; 29 | } 30 | 31 | p{ 32 | font-size: 1.15rem; 33 | } 34 | 35 | //System stack for everything 36 | body { 37 | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; 38 | } -------------------------------------------------------------------------------- /_data/settings.yml: -------------------------------------------------------------------------------- 1 | #Google Analytics 2 | analytics-id: #leave blank to not use Analytics 3 | 4 | #Subtitle 5 | subtitle: 6 | active: true 7 | text: Yet Another Minimal Theme 8 | 9 | #Nav 10 | nav: 11 | pages: 12 | active: true 13 | social: 14 | active: true 15 | 16 | #Featured images in homepage 17 | featured-img: 18 | active: true 19 | 20 | #Show categories at the end of posts 21 | categories: 22 | active: true 23 | 24 | #Show date and read time under the post title 25 | date-under-post: 26 | active: true 27 | 28 | #Use MathJAX 29 | mathjax: 30 | active: true 31 | 32 | #Show related posts based on categories 33 | related-posts: 34 | active: true 35 | title: "You May Also Enjoy" 36 | 37 | #Comments 38 | comments: true -------------------------------------------------------------------------------- /_sass/home.scss: -------------------------------------------------------------------------------- 1 | //Mixins 2 | @mixin border($amount){ 3 | -webkit-border-radius: $amount; 4 | -moz-border-radius: $amount; 5 | -khtml-border-radius: $amount; 6 | border-radius: $amount; 7 | } 8 | 9 | 10 | .featured-img-container{ 11 | margin-block-start: 1em; 12 | margin-block-end: 1em; 13 | img{ 14 | max-width: 100%; 15 | height: auto; 16 | max-height: 450px; 17 | @include border(7px); 18 | } 19 | } 20 | 21 | .continue-reading{ 22 | a{ 23 | color: $base; 24 | text-decoration: none; 25 | font-style: italic; 26 | font-size: 0.96rem; 27 | } 28 | a:hover{ 29 | color: black; 30 | } 31 | } 32 | 33 | .post-info{ 34 | font-size: 1rem; 35 | color: $base; 36 | } -------------------------------------------------------------------------------- /_sass/paginator.scss: -------------------------------------------------------------------------------- 1 | .paginator{ 2 | display: flex; 3 | margin-left: auto; 4 | margin-right: auto; 5 | justify-content: space-around; 6 | 7 | .older{ 8 | text-align: left; 9 | -webkit-box-flex: 1; 10 | } 11 | 12 | .newer{ 13 | text-align: right; 14 | -webkit-box-flex: 1; 15 | } 16 | 17 | a{ 18 | text-decoration: none; 19 | color: $base; 20 | } 21 | 22 | a:hover{ 23 | color: black; 24 | } 25 | 26 | .paginate-button{ 27 | border: 1px solid #e0e0e0; 28 | border-radius: 3px; 29 | padding: 15px 35px; 30 | display: inline-block; 31 | font-size: 16px; 32 | } 33 | .paginate-button:hover{ 34 | background-color: $light-grey; 35 | } 36 | } -------------------------------------------------------------------------------- /_posts/2020-05-20-write-a-post.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Getting Started 3 | layout: post 4 | categories: [How-To, Markdown] 5 | image: /assets/img/airplane.jpg 6 | #gif: mygif 7 | description: "Let's get this theme to work!" 8 | customexcerpt: "Learn how to write a post in YAMT." 9 | --- 10 | 11 | ### Front Matter 12 | Example of a full Front Matter: 13 | {% highlight yaml %} 14 | title: Hello World 15 | layout: post 16 | categories: [Hello, World] 17 | tags: [hello, world] 18 | image: /assets/img/helloworld.jpg 19 | gif: mygif (Only write the name of the file. No extension. The files needs to be in "/assets/gif") 20 | description: "Say hello to the world!" 21 | customexcerpt: "Custom excerpt for the homepage" 22 | {% endhighlight %} 23 | 24 | Tags can be used but are pretty much useless, as related posts use categories. -------------------------------------------------------------------------------- /_sass/typography-old.scss: -------------------------------------------------------------------------------- 1 | h1, h2, h3, h4, h5, h6{ 2 | font-family: 'Montserrat', sans-serif; 3 | margin-bottom: 10px; 4 | text-decoration: none; 5 | color: black; 6 | a{ 7 | text-decoration: none; 8 | color: black; 9 | font-family: 'Montserrat', sans-serif; 10 | } 11 | } 12 | 13 | p, ul, ol{ 14 | font-family: 'PT Serif', serif; 15 | li{ 16 | font-family: 'PT Serif', serif; 17 | font-size: 1.15rem; 18 | } 19 | } 20 | 21 | h2{ 22 | margin-bottom: 0px; 23 | } 24 | 25 | h3{ 26 | font-size: 1.4rem; 27 | } 28 | h4{ 29 | font-size: 1.3rem; 30 | } 31 | h5{ 32 | font-size: 1.2rem; 33 | } 34 | 35 | p{ 36 | font-size: 1.15rem; 37 | } 38 | 39 | a .post-info .form{ 40 | font-family: 'PT Serif', serif; 41 | .form-input .form-button{ 42 | font-family: 'PT Serif', serif; 43 | } 44 | } 45 | #markdown-toc::before .alerts{ 46 | font-family: 'Montserrat', sans-serif; 47 | } -------------------------------------------------------------------------------- /jekyll-yamt.gemspec: -------------------------------------------------------------------------------- 1 | # frozen_string_literal: true 2 | 3 | Gem::Specification.new do |spec| 4 | spec.name = "jekyll-yamt" 5 | spec.version = "1.0.6" 6 | spec.authors = ["PandaSekh"] 7 | spec.email = ["alessiofranceschi2@gmail.com"] 8 | 9 | spec.summary = "Yet Another Minimal Theme for Jekyll" 10 | spec.homepage = "https://github.com/PandaSekh/Jekyll-YAMT" 11 | spec.license = "MIT" 12 | 13 | spec.files = `git ls-files -z`.split("\x0").select { |f| f.match(%r!^(assets|_layouts|_includes|_sass|LICENSE|README)!i) } 14 | 15 | spec.add_runtime_dependency "jekyll", "~> 4.0" 16 | spec.add_runtime_dependency "jekyll-paginate", "~> 1.1.0" 17 | spec.add_runtime_dependency "jekyll-seo-tag", "~> 2.6.1" 18 | spec.add_runtime_dependency "jekyll-feed", "~> 0.13.0" 19 | spec.add_runtime_dependency "jekyll-sitemap", "~> 1.4.0" 20 | 21 | spec.add_development_dependency "bundler", "~> 2.2.1" 22 | spec.add_development_dependency "rake", "~> 12.0" 23 | end -------------------------------------------------------------------------------- /_sass/contact.scss: -------------------------------------------------------------------------------- 1 | .form{ 2 | .form-input{ 3 | font-size: 1rem; 4 | width: 100%; 5 | padding: 10px 0; 6 | background: none; 7 | border: none; 8 | border-bottom: 1px solid #666; 9 | color: #666; 10 | outline: none; 11 | transition: border-color .2s; 12 | margin-top: 15px; 13 | } 14 | 15 | .form-button { 16 | background: none; 17 | text-transform: uppercase; 18 | font-size: 1rem; 19 | cursor: pointer; 20 | outline: none; 21 | margin-top: 10px; 22 | border: black 1px solid; 23 | padding: 10px; 24 | border-radius: 10px; 25 | } 26 | .form-button:hover{ 27 | background-color: $light-grey; 28 | } 29 | .success{ 30 | a{ 31 | text-decoration:none; 32 | border-bottom: 2px solid $light-grey; 33 | box-shadow: inset 0 -4px 0 $light-grey; 34 | color: inherit; 35 | transition: background 0.1s cubic-bezier(.33,.66,.66,1); 36 | } 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /_sass/mobile.scss: -------------------------------------------------------------------------------- 1 | @media (max-width: 768px){ 2 | html{ 3 | overflow-y: auto; 4 | } 5 | .container { 6 | width: 88vw; 7 | } 8 | #header{ 9 | width: 80vw; 10 | #subheader{ 11 | display: flex; 12 | flex-flow: column wrap; 13 | align-items: center; 14 | .pages{ 15 | margin-top: 12px; 16 | order: 2; 17 | text-align: center; 18 | a{ 19 | font-size: 1.15rem; 20 | } 21 | } 22 | .social{ 23 | order: 1; 24 | i{ 25 | font-size: 1.3rem; 26 | } 27 | } 28 | } 29 | } 30 | #post-title{ 31 | text-align: center; 32 | } 33 | 34 | p{ 35 | font-size: 1.2rem; 36 | } 37 | .post-info{ 38 | text-align: center; 39 | } 40 | ::-webkit-scrollbar { 41 | height: 3px; 42 | } 43 | div .highlight{ 44 | padding-left: 8px; 45 | padding-right: 0px; 46 | } 47 | pre .highlight{ 48 | padding-left: 8px; 49 | padding-right: 0px; 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /LICENSE.txt: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2020 PandaSekh 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | Leave the name of the author of this theme in the footer. 13 | 14 | The above copyright notice and this permission notice shall be included in 15 | all copies or substantial portions of the Software. 16 | 17 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 18 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 19 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 20 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 21 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 22 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 23 | THE SOFTWARE. 24 | -------------------------------------------------------------------------------- /_layouts/post.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {% include head.html %} 5 | 6 | 7 | 8 | 9 |
10 | {% include header.html %} 11 | 12 |
13 |
14 |

{{ page.title }}

15 | 16 | {% if site.data.settings.date-under-post.active %} 17 |
18 | 19 | {{ page.date | date_to_string }} - {% include reading_time.html %} 20 | 21 |
22 | {% endif %} 23 | {{ content }} 24 |
25 |
26 | {% if site.data.settings.categories.active %} 27 | {% include categories.html %} 28 | {% endif %} 29 | 30 | {% if site.data.settings.related-posts.active %} 31 | {% include related-posts.html %} 32 | {% endif %} 33 | 34 | {% if site.data.settings.comments %} 35 | {% include comments.html %} 36 | {% endif %} 37 |
38 | 39 | {%- include footer.html -%} 40 | 41 | {% if site.data.settings.mathjax.active %} 42 | 43 | {% endif %} 44 | 45 | 46 | -------------------------------------------------------------------------------- /_includes/related-posts.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |

{{site.data.settings.related-posts.title}}

4 | 5 | {% assign maxRelated = 4 %} 6 | {% assign minCommonTags = 1 %} 7 | {% assign maxRelatedCounter = 0 %} 8 | 9 | {% for post in site.posts %} 10 | 11 | {% assign sameTagCount = 0 %} 12 | {% assign commonTags = '' %} 13 | 14 | {% for category in post.categories %} 15 | {% if post.url != page.url %} 16 | {% if page.categories contains category %} 17 | {% assign sameTagCount = sameTagCount | plus: 1 %} 18 | {% capture tagmarkup %} {{ category }} {% endcapture %} 19 | {% assign commonTags = commonTags | append: tagmarkup %} 20 | {% endif %} 21 | {% endif %} 22 | {% endfor %} 23 | 24 | {% if sameTagCount >= minCommonTags %} 25 |
26 |
• {{ post.title }}
27 |
28 | {% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %} 29 | {% if maxRelatedCounter >= maxRelated %} 30 | {% break %} 31 | {% endif %} 32 | {% endif %} 33 | 34 | {% endfor %} 35 | 36 |
-------------------------------------------------------------------------------- /_includes/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {% if page.title == "Home" %} 6 | {{ site.title }} | {{ site.description }} 7 | {% else %} 8 | {{ page.title }} | {{ site.title }} 9 | {% endif %} 10 | 11 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | {% seo %} 32 | 33 | 34 | {% if site.data.settings.analytics-id%} 35 | {%- include analytics.html -%} 36 | {% endif %} 37 | 38 | -------------------------------------------------------------------------------- /_posts/2020-05-21-this-is-yamt.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: This is YAMT! 3 | layout: post 4 | categories: [Typography, Markdown, Tips] 5 | image: /assets/img/logo.jpg 6 | description: "Welcome to YAMT - Yet Another Minimal Theme." 7 | --- 8 | 9 | Welcome to YAMT - Yet Another Minimal Theme. YAMT is a minimal Jekyll theme focused on simplicity and ease-of-use. It has great modularity, allowing you to easily decide what you actually want on your website. 10 | 11 | * hello 12 | {:toc} 13 | 14 | ## Features 15 | - Minimal and clean design. 16 | - Fully modular: activate and load only what you really need. 17 | - Works great on mobile and smaller screens. 18 | - Supports [Disqus](https://disqus.com/) comments activated only on button press, if you activate them. 19 | - [Google Analytics](https://www.google.com/analytics/) support. 20 | - [Open Graph](https://ogp.me/) and [Twitter Cards](https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started) support to better index the website content on search engines and social networks. 21 | - [MathJAX](https://www.mathjax.org/) and [LaTeX](https://www.latex-project.org/) optional support. Write beautiful math! 22 | - [RSS](https://github.com/jekyll/jekyll-feed) support. 23 | - Beautiful [Syntax Highlight](https://yamt.netlify.app/2020/05/19/special-formatting.html#syntax-highlight). Write some code and show it in a graceful way. 24 | 25 | ## Installation 26 | [Read here](https://github.com/PandaSekh/Jekyll-YAMT#installation). 27 | 28 | ## Customization 29 | [Read here](https://github.com/PandaSekh/Jekyll-YAMT#customize). -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # Site settings 2 | title: YAMT 3 | description: "Yet Another Minimal Theme" 4 | url: "https://pandasekh.github.io/Jekyll-YAMT/" # Actual base url of the website 5 | baseurl: "/" # url of the jekyll blog. e.g. if you set url to "mysite.com" and baseurl to "blog", the jekyll website will work on "mysite.com/blog" 6 | author: 7 | name: "Alessio Franceschi" 8 | email: "alessiofranceschi2@gmail.com" 9 | url: "https://alessiofranceschi.me" 10 | permalink: /:year/:month/:day/:title:output_ext 11 | 12 | #Plugins 13 | plugins: [jekyll-paginate, jekyll-feed, jekyll-seo-tag, jekyll-sitemap] 14 | 15 | #Pagination 16 | paginate: 3 17 | paginate_path: "/page:num/" 18 | 19 | #SEO 20 | twitter: 21 | username: pandasekh 22 | card: summary 23 | facebook: 24 | app_id: # Facebook app ID for Facebook insights 25 | publisher: # Facebook page URL or ID of the publishing entity 26 | admins: # Facebook user ID for domain insights linked to a personal account 27 | logo: /assets/img/logo.jpg 28 | social: 29 | links: #List your social links here 30 | - https://twitter.com/PandaSekh 31 | - https://www.github.com/pandasekh 32 | - https://www.linkedin.com/in/alessio-franceschi/ 33 | webmaster_verifications: 34 | google: 35 | bing: 36 | alexa: 37 | yandex: 38 | baidu: 39 | lang: en_US 40 | 41 | #Highlighter 42 | kramdown: 43 | input: GFM 44 | syntax_highlighter: rouge 45 | 46 | syntax_highlighter_opts: 47 | css_class: 'highlight' 48 | span: 49 | line_numbers: false 50 | block: 51 | line_numbers: false 52 | start_line: 1 53 | 54 | #Sass 55 | sass: 56 | style: compressed 57 | sourcemap: never -------------------------------------------------------------------------------- /_layouts/home.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | title: Home 4 | --- 5 | {% for post in paginator.posts %} 6 | 7 |
8 |

{{ post.title }}

9 | 10 | {% if site.data.settings.date-under-post.active %} 11 |
12 | 13 | 14 | - 15 | {% include reading_time.html %} 16 | 17 |
18 | {% endif %} 19 | 20 | {% if site.data.settings.featured-img.active %} 21 |
22 | {% if post.image %} 23 | 24 | {% endif %} 25 | {% if post.gif %} 26 | {% include gif.html file = post.gif %} 27 | {% endif %} 28 |
29 | {% endif %} 30 | 31 |

32 | {% if post.customexcerpt %} 33 | {{post.customexcerpt | strip_html | truncatewords:50}} 34 | {% else %} 35 | {{ post.content | strip_html | truncatewords:50 }} 36 | {% endif %} 37 | Continue reading... 38 |

39 |
40 | {% endfor %} 41 | 42 | 43 |
44 | {% if paginator.total_pages > 1 %} 45 | {% if paginator.next_page %} 46 | Older Posts 47 | {% endif %} 48 | {% if paginator.previous_page %} 49 | Newer Posts 50 | {% endif %} 51 | {% endif %} 52 |
53 | -------------------------------------------------------------------------------- /_sass/post.scss: -------------------------------------------------------------------------------- 1 | li.post{ 2 | display: block; 3 | padding-top: 1rem; 4 | } 5 | 6 | .post{ 7 | padding-bottom: 1rem; 8 | } 9 | 10 | 11 | 12 | img{ 13 | display: block; 14 | margin-left: auto; 15 | margin-right: auto; 16 | margin-bottom: 15px; 17 | max-width: 100%; 18 | -webkit-border-radius: 7px; 19 | -moz-border-radius: 7px; 20 | -khtml-border-radius: 7px; 21 | border-radius: 7px; 22 | } 23 | 24 | .post-container{ 25 | p, li{ 26 | a{ 27 | text-decoration:none; 28 | border-bottom: 2px solid $light-grey; 29 | box-shadow: inset 0 -4px 0 $light-grey; 30 | color: inherit; 31 | transition: background 0.1s cubic-bezier(.33,.66,.66,1); 32 | } 33 | a:visited{ 34 | text-decoration:none; 35 | border-bottom: 2px solid $light-grey; 36 | box-shadow: inset 0 -4px 0 $light-grey; 37 | color: inherit; 38 | transition: background 0.1s cubic-bezier(.33,.66,.66,1); 39 | } 40 | a:hover{ 41 | background: $light-grey; 42 | } 43 | } 44 | 45 | } 46 | 47 | .categories{ 48 | p{ 49 | display: inline-block; 50 | } 51 | a{ 52 | text-decoration:none; 53 | border-bottom: 2px solid $light-grey; 54 | box-shadow: inset 0 -4px 0 $light-grey; 55 | color: inherit; 56 | transition: background 0.1s cubic-bezier(.33,.66,.66,1); 57 | } 58 | a:visited{ 59 | text-decoration:none; 60 | border-bottom: 2px solid $light-grey; 61 | box-shadow: inset 0 -4px 0 $light-grey; 62 | color: inherit; 63 | transition: background 0.1s cubic-bezier(.33,.66,.66,1); 64 | } 65 | a:hover{ 66 | background: $light-grey; 67 | } 68 | } 69 | 70 | article::after{ 71 | display: block; 72 | content: ''; 73 | width: 5rem; 74 | height: 1px; 75 | margin: 30px auto; 76 | background-color: #d5d5d5; 77 | } 78 | 79 | -------------------------------------------------------------------------------- /_sass/base.scss: -------------------------------------------------------------------------------- 1 | //Colors 2 | $base: #a2a2a2; 3 | $light-grey: #ebebeb; 4 | 5 | * { 6 | -webkit-box-sizing: border-box; 7 | -moz-box-sizing: border-box; 8 | box-sizing: border-box; 9 | } 10 | html{ 11 | scroll-behavior: smooth; 12 | } 13 | .container { 14 | margin-left: auto; 15 | margin-right: auto; 16 | width: 700px; 17 | } 18 | 19 | .task-list{ 20 | list-style: none; 21 | } 22 | 23 | //Alerts 24 | .alert{ 25 | padding: 20px; 26 | border-radius: 0 4px 4px 0; 27 | color: #fff; 28 | display: block; 29 | font-size: larger; 30 | } 31 | 32 | .y{ 33 | background-color: #f3b244; 34 | border-left: 7px solid #dc900e; 35 | } 36 | 37 | .g{ 38 | background-color: #60c17d; 39 | border-left: 7px solid #55ab6f; 40 | } 41 | 42 | .r{ 43 | background-color: #e45454; 44 | border-left: 7px solid #cb2020; 45 | } 46 | //End Alerts 47 | 48 | //Blockquote 49 | blockquote { 50 | border-left: .25em solid #dfe2e5; 51 | color: #6a737d; 52 | padding: 0 1em; 53 | cite{ 54 | display: inline-block; 55 | margin-top: 50px; 56 | cite::before{ 57 | content: "- "; 58 | margin-left: 10px; 59 | } 60 | } 61 | } 62 | //End Blockquote 63 | 64 | //MathJAX 65 | .MathJax_Display{ 66 | .MathJax { 67 | font-size: 1.2rem; 68 | } 69 | } 70 | //End MathJAX 71 | 72 | //ToC 73 | #markdown-toc::before { 74 | content: "Contents"; 75 | font-size: 1.1rem; 76 | font-weight: bold; 77 | } 78 | 79 | #markdown-toc { 80 | border: 1px solid #aaa; 81 | border-radius: 10px; 82 | padding: 1.5em; 83 | list-style: disc; 84 | display: inline-block; 85 | background-color: $light-grey; 86 | line-height: 25px; 87 | li{ 88 | a{ 89 | text-decoration: none; 90 | } 91 | a:hover{ 92 | font-style: italic; 93 | } 94 | } 95 | ul{ 96 | list-style: disc; 97 | } 98 | } 99 | //End ToC 100 | 101 | //Archive 102 | .archive-link{ 103 | text-decoration: none; 104 | color: black; 105 | font-style: italic; 106 | font-size: 1.5rem; 107 | } 108 | 109 | .archive-link:hover{ 110 | text-decoration: underline; 111 | } 112 | //End Archive -------------------------------------------------------------------------------- /_sass/header.scss: -------------------------------------------------------------------------------- 1 | // Colors for social icons 2 | $github: #24292e; 3 | $twitter: #1DA1F2; 4 | $linkedin: #0e76a8; 5 | $rss: #f26522; 6 | $mail: #5d5c5d; 7 | $instagram: #e1306c; 8 | $facebook: #3b5998; 9 | $messenger: #0084ff; 10 | $youtube: #ff0000; 11 | $whatsapp: #25d366; 12 | $reddit: #ff4500; 13 | 14 | header{ 15 | margin-left: auto; 16 | margin-right: auto; 17 | width: 550px; 18 | overflow: hidden; 19 | 20 | #site_title{ 21 | text-align: center; 22 | color: black; 23 | a{ 24 | text-decoration: none; 25 | } 26 | h1{ 27 | margin-bottom: 0px; 28 | } 29 | h2{ 30 | margin-top: 0px; 31 | font-style: oblique; 32 | font-size: 1.2rem; 33 | } 34 | } 35 | #subheader{ 36 | display: block; 37 | margin-top: 15px; 38 | .pages{ 39 | display: block; 40 | float: left; 41 | a:hover{ 42 | color: black; 43 | } 44 | a{ 45 | text-decoration: none; 46 | color: $base; 47 | margin-right: 3px; 48 | font-size: 1.05rem; 49 | } 50 | } 51 | .social{ 52 | display: block; 53 | float: right; 54 | i{ 55 | margin-right: 3px; 56 | -o-transition: .5s; 57 | -ms-transition: .5s; 58 | -moz-transition: .5s; 59 | -webkit-transition: .5s; 60 | transition: .5s; 61 | } 62 | a{ 63 | color: $base; 64 | } 65 | i{ 66 | font-size: 1.1rem; 67 | } 68 | #github:hover{ 69 | color: $github; 70 | } 71 | #twitter:hover{ 72 | color: $twitter; 73 | } 74 | #linkedin:hover{ 75 | color: $linkedin; 76 | } 77 | #rss:hover{ 78 | color: $rss; 79 | } 80 | #envelope:hover{ 81 | color: $mail; 82 | } 83 | #instagram:hover{ 84 | color: $instagram; 85 | } 86 | #facebook:hover{ 87 | color: $facebook; 88 | } 89 | #messenger:hover{ 90 | color: $messenger; 91 | } 92 | #youtube:hover{ 93 | color: $youtube; 94 | } 95 | #whatsapp:hover{ 96 | color: $whatsapp; 97 | } 98 | #reddit:hover{ 99 | color: $reddit; 100 | } 101 | } 102 | } 103 | } -------------------------------------------------------------------------------- /_posts/2020-04-11-lorem-ipsum.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Lorem Ipsum 3 | layout: post 4 | categories: [Tips, Markdown] 5 | image: /assets/img/oranges.jpg 6 | description: "Lorem Ipsum" 7 | --- 8 | 9 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, ex quis mattis pulvinar, nisi nulla rhoncus purus, eget mattis quam turpis vitae magna. Proin laoreet ante a urna hendrerit tincidunt. Aenean cursus tempor libero id feugiat. Donec aliquet sem vel felis porttitor tempor. Fusce vulputate lacinia eros ac elementum. Donec odio sapien, efficitur at congue a, rhoncus et nisi. Vivamus imperdiet, dolor at bibendum tincidunt, mauris neque scelerisque quam, suscipit venenatis odio nibh at orci. Quisque accumsan lacinia metus eu porttitor. Aenean commodo libero ut neque aliquam scelerisque. Morbi facilisis justo quis ante volutpat imperdiet. Aliquam convallis mi nibh, eget venenatis ante efficitur vitae. Curabitur in risus eu sapien pretium volutpat. Mauris et enim a neque consectetur tincidunt ut eu velit. 10 | 11 | Duis augue dolor, interdum vitae ultricies ac, suscipit in orci. In gravida egestas dui in tristique. Quisque dictum turpis at quam finibus, in ullamcorper dolor mollis. Nullam ante quam, efficitur eget magna id, tempor lobortis diam. Nam ante ligula, elementum in posuere non, auctor nec purus. Praesent euismod metus vitae diam varius sodales. Aenean eget hendrerit lacus. Donec eleifend tristique lacus. Integer id magna at orci dapibus rhoncus sit amet at lorem. Suspendisse quis neque dui. Ut imperdiet venenatis nisi, eget ornare risus tincidunt vel. Duis et accumsan dui, a aliquam mi. Morbi at condimentum metus, quis consectetur dui. 12 | 13 | Nunc interdum accumsan condimentum. Fusce vulputate non ligula id ultricies. Integer at feugiat orci. Nam at lorem condimentum, commodo justo et, iaculis arcu. Sed vitae posuere justo. Morbi pharetra facilisis ex vel interdum. Vestibulum vestibulum, lorem et fringilla vulputate, justo ligula tempus nisl, vitae auctor urna lorem a urna. Nullam nec dapibus mi. Sed turpis libero, efficitur vel vulputate vel, laoreet nec sem. 14 | 15 | Sed a tellus nisl. Integer nec sapien non velit mollis mollis ac sed justo. Etiam sed diam viverra, ullamcorper enim quis, molestie lacus. Proin sagittis egestas sapien condimentum finibus. Suspendisse semper non eros eu venenatis. Cras laoreet nisl at elit maximus, quis viverra nulla sollicitudin. Donec scelerisque, lectus et pulvinar pellentesque, dolor metus scelerisque risus, non sagittis nisi mauris et massa. Nunc eu pellentesque mi. Curabitur iaculis scelerisque tempor. Integer at erat ut quam blandit gravida. Suspendisse ut maximus magna. 16 | 17 | Donec vel porta felis. Donec porttitor est sed arcu dapibus, vel suscipit metus fermentum. Proin a orci non lacus egestas condimentum ac a lacus. Integer sit amet consequat nibh. Nam vitae mauris eget lorem consectetur sodales. Vivamus malesuada est eget euismod placerat. Phasellus placerat libero at porttitor facilisis. Curabitur cursus, nisl at placerat euismod, ipsum erat convallis nulla, sit amet sodales est orci in massa. Sed nec diam vitae mauris tempor pharetra. Nulla facilisi. Phasellus efficitur tempor sagittis. Etiam dapibus turpis purus, sed dictum mauris elementum at. -------------------------------------------------------------------------------- /_posts/2020-05-19-typography.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Typography 3 | layout: post 4 | categories: [Typography, Markdown] 5 | image: /assets/img/rose.jpg 6 | description: "Basic typography and styling for your posts." 7 | customexcerpt: "Basic and advanced typography in YAMT." 8 | --- 9 | Reference: [GitHub flavored Markdown](https://help.github.com/en/github/writing-on-github). 10 | 11 | * random line to make it work. This will be removed. 12 | {:toc} 13 | 14 | 15 | 16 | ## Styling text 17 | **bold** 18 | {% highlight markdown %} 19 | **bold** 20 | {% endhighlight %} 21 | 22 | *italic* 23 | {% highlight markdown %} 24 | *italic* 25 | {% endhighlight %} 26 | 27 | ~~strikethrough~~ 28 | {% highlight markdown %} 29 | ~~strikethrough~~ 30 | {% endhighlight %} 31 | 32 | ***bold and italic*** 33 | {% highlight markdown %} 34 | ***bold and italic*** 35 | {% endhighlight %} 36 | 37 | ## Quotes 38 | >This is a quote 39 | {% highlight markdown %} 40 | >This is a quote 41 | {% endhighlight %} 42 | 43 | >This is a quote with author 44 | >The author 45 | 46 | {% highlight markdown %} 47 | >This is a quote with author 48 | >The author 49 | {% endhighlight %} 50 | 51 | ## Links 52 | Theme designed by [Alessio Franceschi](https://alessiofranceschi.me). 53 | {% highlight markdown %} 54 | Theme designed by [Alessio Franceschi](https://alessiofranceschi.me). 55 | {% endhighlight %} 56 | 57 | Links can also be relative. [Like this one](/contact.html). 58 | {% highlight markdown %} 59 | Links can also be relative. [Like this one](/contact.html). 60 | {% endhighlight %} 61 | 62 | ## Lists 63 | Unordered: 64 | - this 65 | - is 66 | - unordered 67 | {% highlight markdown %} 68 | - this 69 | - is 70 | - unordered 71 | {% endhighlight %} 72 | 73 | Ordered: 74 | 1. but 75 | 2. this 76 | 3. is 77 | 4. ordered 78 | {% highlight markdown %} 79 | 1. but 80 | 2. this 81 | 3. is 82 | 4. ordered 83 | {% endhighlight %} 84 | 85 | Nested: 86 | 1. First point 87 | - but also this 88 | - and also this 89 | - and this one too 90 | 2. Second point 91 | {% highlight markdown %} 92 | 1. First point 93 | - but also this 94 | - and also this 95 | - and this one too 96 | 2. Second point 97 | {% endhighlight %} 98 | 99 | 100 | ## Task Lists 101 | - [x] Write some CSS 102 | - [ ] Fix bugs 103 | - [ ] Add related posts 104 | {% highlight markdown %} 105 | - [x] Write some CSS 106 | - [ ] Fix bugs 107 | - [ ] Add related posts 108 | {% endhighlight %} 109 | 110 | ## Syntax Highlighting 111 | [Read here](/2020/05/19/special-formatting.html#code-highlight). 112 | 113 | ## MathJAX and LaTeX 114 | [Read here](/2020/05/19/special-formatting.html#mathjax-and-latex). 115 | 116 | ## Alerts 117 | [Read here](/2020/05/19/special-formatting.html#alerts). 118 | 119 | ## Table of Contents 120 | [Read here](/2020/05/19/special-formatting.html#table-of-contents). 121 | 122 | ## Headings 123 | 124 | # The largest heading 125 | ## The second largest heading 126 | ###### The smallest heading 127 | 128 | 129 | {% highlight markdown %} 130 | # The largest heading 131 | ## The second largest heading 132 | ###### The smallest heading 133 | {% endhighlight %} -------------------------------------------------------------------------------- /_posts/2020-05-19-special-formatting.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Special Formatting 3 | layout: post 4 | categories: [Tips, Markdown, Typography] 5 | image: /assets/img/forest-snow.jpg 6 | description: "A bunch of tips on how to format your text." 7 | customexcerpt: "Learn and discover the special features of YAMT." 8 | --- 9 | In this post I will showcase some of the "special" features of YAMT. 10 | This post is pretty long, so let's start with a Table of Content (ToC). 11 | 12 | ### Table of Contents 13 | * random line to make it work. This will be removed. 14 | {:toc} 15 | 16 | Code: 17 | ``` 18 | * random line to make it work. This will be removed. 19 | {:toc} 20 | ``` 21 | 22 | ### Syntax Highlight 23 | In YAMT you can highlight code in various ways. 24 | 25 | Basic example: 26 | ``` java 27 | public static void main (String[] args){ 28 | System.out.println("Hello World!"); 29 | } 30 | ``` 31 | Code: 32 | ``` 33 | ``` lang 34 | //your code 35 | ``` 36 | ``` 37 | 38 |
39 | 40 | Example: 41 | {% highlight java %} 42 | public static void main (String[] args){ 43 | System.out.println("Hello World!"); 44 | } 45 | {% endhighlight %} 46 | Code: 47 | ``` 48 | {/% highlight lang %} 49 | //your code 50 | {/% endhighlight java %} 51 | //Remove the "/" before the "%" to make it work. 52 | ``` 53 | 54 |
55 | 56 | With line numbers: 57 | {% highlight java linenos%} 58 | public static void main (String[] args){ 59 | System.out.println("Hello World!"); 60 | } 61 | {% endhighlight %} 62 | Code: 63 | ``` 64 | {/% highlight lang linenos%} 65 | //your code 66 | {/% endhighlight java %} 67 | //Remove the "/" before the "%" to make it work. 68 | ``` 69 | 70 |
71 | 72 | In case of a longer line, an horizontal scrollbar will be added automatically: 73 | {% highlight java linenos%} 74 | public static void main (String[] args){ 75 | System.out.println("Hello World! This is a very long line of code, perharps too long..."); 76 | } 77 | {% endhighlight %} 78 | 79 |
80 | List of supported languages: [Rouge Wiki](https://github.com/rouge-ruby/rouge/wiki/List-of-supported-languages-and-lexers). 81 | 82 | **Note**: In /assets/css/syntax.css you can change the first declaration to choose if you want a scrollbar or text wrap. 83 | 84 | ### MathJAX and LaTeX 85 | YAMT supports LaTeX and MathJAX to write beautiful math. 86 | There are three ways to write math in YAMT. In this example I'll use Bernoulli's principle. 87 | >In fluid dynamics, Bernoulli's principle states that an increase in the 88 | >speed of a fluid occurs simultaneously with a decrease in static pressure or a decrease in the fluid's potential energy. 89 | >Wikipedia 90 | 91 | 92 | Block: 93 | 94 | $$ \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant $$ 95 | {% highlight tex %} 96 | $$ \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant $$ 97 | {% endhighlight %} 98 | 99 | Inline: $$ \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant $$ 100 | {% highlight tex %} 101 | $$ \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant $$ 102 | {% endhighlight %} 103 | 104 | Another block: 105 | \\[ \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant \\] 106 | {% highlight tex %} 107 | \\[ \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant \\] 108 | {% endhighlight %} 109 | 110 | Another inline: \\( \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant \\) 111 | {% highlight tex %} 112 | \\( \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant \\) 113 | {% endhighlight %} 114 | 115 | 116 | ### Alerts 117 | Warning! 118 | ``` html 119 | 120 | ``` 121 | Solved. 122 | ``` html 123 | 124 | ``` 125 | Careful. 126 | ``` html 127 | 128 | ``` 129 | 130 | ### Gifs 131 | YAMT supports optimized gifs in WebM and MP4 formats. I suggest to use a website like [Convertio](https://convertio.co/it/) to converts your .gifs to WebM and MP4. WebM is the suggested format but it's not supported by every browser (looking at you, Safari), so MP4 is used as fallback. Put both files in the gif folder and insert gifs in your post using 132 | ``` liquid 133 | {_% include gif.html file = "mygif" %} 134 | ``` 135 | Delete the underscore to make it work. 136 | 137 | If you want to use a gif as featured image, delete the "image" tag in the front matter and use instead the "gif" tag. As a parameter, use the filename without extensions. -------------------------------------------------------------------------------- /assets/css/syntax.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | pre{ 5 | overflow-x: auto; 6 | } 7 | 8 | .highlight{ 9 | font-size: 16px; 10 | border-radius: 5px; 11 | padding-left: 10px; 12 | padding-right: 10px; 13 | padding-top: 1px; 14 | padding-bottom: 1px; 15 | overflow-x: auto; 16 | // System font stack for code 17 | font-family: 18 | "SFMono-Regular", 19 | Consolas, 20 | "Liberation Mono", 21 | Menlo, 22 | Courier, 23 | monospace; 24 | } 25 | 26 | pre.lineo{ 27 | color: white; 28 | } 29 | 30 | .highlight table td { padding: 5px; } 31 | .highlight table pre { margin: 0; } 32 | .highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf { 33 | color: #75715e; 34 | font-style: italic; 35 | } 36 | .highlight .cm { 37 | color: #75715e; 38 | font-style: italic; 39 | } 40 | .highlight .c1 { 41 | color: #75715e; 42 | font-style: italic; 43 | } 44 | .highlight .cp { 45 | color: #75715e; 46 | font-weight: bold; 47 | } 48 | .highlight .cs { 49 | color: #75715e; 50 | font-weight: bold; 51 | font-style: italic; 52 | } 53 | .highlight .err { 54 | color: #960050; 55 | background-color: #1e0010; 56 | } 57 | .highlight .gi { 58 | color: #ffffff; 59 | background-color: #324932; 60 | } 61 | .highlight .gd { 62 | color: #ffffff; 63 | background-color: #493131; 64 | } 65 | .highlight .ge { 66 | color: #ffffff; 67 | font-style: italic; 68 | } 69 | .highlight .gr { 70 | color: #aa0000; 71 | } 72 | .highlight .gt { 73 | color: #aa0000; 74 | } 75 | .highlight .gh { 76 | color: #999999; 77 | } 78 | .highlight .go { 79 | color: #888888; 80 | } 81 | .highlight .gp { 82 | color: #555555; 83 | } 84 | .highlight .gs { 85 | font-weight: bold; 86 | } 87 | .highlight .gu { 88 | color: #aaaaaa; 89 | } 90 | .highlight .k, .highlight .kv { 91 | color: #66d9ef; 92 | font-weight: bold; 93 | } 94 | .highlight .kc { 95 | color: #66d9ef; 96 | font-weight: bold; 97 | } 98 | .highlight .kd { 99 | color: #66d9ef; 100 | font-weight: bold; 101 | } 102 | .highlight .kp { 103 | color: #66d9ef; 104 | font-weight: bold; 105 | } 106 | .highlight .kr { 107 | color: #66d9ef; 108 | font-weight: bold; 109 | } 110 | .highlight .kt { 111 | color: #66d9ef; 112 | font-weight: bold; 113 | } 114 | .highlight .kn { 115 | color: #f92672; 116 | font-weight: bold; 117 | } 118 | .highlight .ow { 119 | color: #f92672; 120 | font-weight: bold; 121 | } 122 | .highlight .o { 123 | color: #f92672; 124 | font-weight: bold; 125 | } 126 | .highlight .mf { 127 | color: #ae81ff; 128 | } 129 | .highlight .mh { 130 | color: #ae81ff; 131 | } 132 | .highlight .il { 133 | color: #ae81ff; 134 | } 135 | .highlight .mi { 136 | color: #ae81ff; 137 | } 138 | .highlight .mo { 139 | color: #ae81ff; 140 | } 141 | .highlight .m, .highlight .mb, .highlight .mx { 142 | color: #ae81ff; 143 | } 144 | .highlight .se { 145 | color: #ae81ff; 146 | } 147 | .highlight .sb { 148 | color: #e6db74; 149 | } 150 | .highlight .sc { 151 | color: #e6db74; 152 | } 153 | .highlight .sd { 154 | color: #e6db74; 155 | } 156 | .highlight .s2 { 157 | color: #e6db74; 158 | } 159 | .highlight .sh { 160 | color: #e6db74; 161 | } 162 | .highlight .si { 163 | color: #e6db74; 164 | } 165 | .highlight .sx { 166 | color: #e6db74; 167 | } 168 | .highlight .sr { 169 | color: #e6db74; 170 | } 171 | .highlight .s1 { 172 | color: #e6db74; 173 | } 174 | .highlight .ss { 175 | color: #e6db74; 176 | } 177 | .highlight .s, .highlight .sa, .highlight .dl { 178 | color: #e6db74; 179 | } 180 | .highlight .na { 181 | color: #a6e22e; 182 | } 183 | .highlight .nc { 184 | color: #a6e22e; 185 | font-weight: bold; 186 | } 187 | .highlight .nd { 188 | color: #a6e22e; 189 | font-weight: bold; 190 | } 191 | .highlight .ne { 192 | color: #a6e22e; 193 | font-weight: bold; 194 | } 195 | .highlight .nf, .highlight .fm { 196 | color: #a6e22e; 197 | font-weight: bold; 198 | } 199 | .highlight .no { 200 | color: #66d9ef; 201 | } 202 | .highlight .bp { 203 | color: #f8f8f2; 204 | } 205 | .highlight .nb { 206 | color: #f8f8f2; 207 | } 208 | .highlight .ni { 209 | color: #f8f8f2; 210 | } 211 | .highlight .nn { 212 | color: #f8f8f2; 213 | } 214 | .highlight .vc { 215 | color: #f8f8f2; 216 | } 217 | .highlight .vg { 218 | color: #f8f8f2; 219 | } 220 | .highlight .vi { 221 | color: #f8f8f2; 222 | } 223 | .highlight .nv, .highlight .vm { 224 | color: #f8f8f2; 225 | } 226 | .highlight .w { 227 | color: #f8f8f2; 228 | } 229 | .highlight .nl { 230 | color: #f8f8f2; 231 | font-weight: bold; 232 | } 233 | .highlight .nt { 234 | color: #f92672; 235 | } 236 | .highlight { 237 | color: #f8f8f2; 238 | background-color: #49483e; 239 | } 240 | 241 | figure.highlight{ 242 | position: relative; 243 | } 244 | 245 | figure.highlight pre code[data-lang]::before, div.highlight pre code[data-lang]::before{ 246 | content: attr(data-lang); 247 | text-transform: uppercase; 248 | position: absolute; 249 | color: #ebebeb; 250 | right: 34px; 251 | top: -10px; 252 | padding-left: 7.5px; 253 | padding-right: 7.5px; 254 | border: 1px solid #828282; 255 | border-top-left-radius: 5px; 256 | border-top-right-radius: 5px; 257 | border-bottom-left-radius: 5px; 258 | border-bottom-right-radius: 5px; 259 | min-width: 40px; 260 | text-align: center; 261 | background-color: #49483e; 262 | } 263 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # [YAMT - Yet Another Minimal Theme](https://yamt.netlify.app/) 2 | ![](https://badgen.net/rubygems/dt/jekyll-yamt) 3 | [![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/PandaSekh/Jekyll-YAMT/issues) 4 | ![GitHub forks](https://img.shields.io/github/forks/PandaSekh/Jekyll-YAMT?label=Fork%20it%21&style=social) 5 | ## [Live Demo](https://yamt.netlify.app/) 6 | 7 | ![Homepage](https://raw.githubusercontent.com/PandaSekh/Jekyll-YAMT/master/assets/img/screenshots/Screenshot.png?raw=true) 8 | 9 | YAMT is a minimal [Jekyll](http://jekyllrb.com) theme focused on simplicity and ease-of-use. It has great modularity, allowing you to easily decide what you actually want on your website. 10 | 11 | ## Contents 12 | 13 | - [Features](#features) 14 | - [Screenshots](#screenshots) 15 | - [Installation](#installation) 16 | - [Customize](#customize) 17 | - [Basics](#basics) 18 | - [Typography](#typography) 19 | - [Header](#header) 20 | - [Home](#home) 21 | - [Post](#post) 22 | - [Contact Form](#contact-form) 23 | - [Development](#development) 24 | - [Credits](#credits) 25 | - [License](#license) 26 | 27 | ## Features 28 | 29 | - Minimal and clean design. 30 | - Fully modular: activate and load only what you really need. 31 | - Works great on mobile and smaller screens. 32 | - Works on Github Pages. 33 | - Supports [Disqus](https://disqus.com/) comments activated only on button press, if you activate them. 34 | - [Google Analytics](https://www.google.com/analytics/) support. 35 | - [Open Graph](https://ogp.me/) and [Twitter Cards](https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started) support to better index the website content on search engines and social networks. 36 | - [MathJAX](https://www.mathjax.org/) and [LaTeX](https://www.latex-project.org/) optional support. Write beautiful math! 37 | - [RSS](https://github.com/jekyll/jekyll-feed) support. 38 | - Beautiful [Syntax Highlight](https://yamt.netlify.app/2020/05/19/special-formatting.html#syntax-highlight). Write some code and show it in a graceful way. 39 | 40 | ## Screenshots 41 | 42 | Mobile: 43 | ![Mobile](https://raw.githubusercontent.com/PandaSekh/Jekyll-YAMT/master/assets/img/screenshots/Screenshot_mobile.png?raw=true) 44 | 45 | Code Highlight: 46 | ![Code](https://raw.githubusercontent.com/PandaSekh/Jekyll-YAMT/master/assets/img/screenshots/Screenshot_code_highlight.png) 47 | 48 | Minimal: 49 | ![Minimal](https://raw.githubusercontent.com/PandaSekh/Jekyll-YAMT/master/assets/img/screenshots/Screenshot_minimal.png?raw=true) 50 | 51 | ## Installation 52 | 53 | There are four way to use YAMT: Netlify (suggested, as this theme has a contact module built-in working only on Netlify), Github Pages, as a gem-based theme, by forking this repo or by copying all the files into your directory. 54 | 55 | ### Download the files 56 | You can [download the files](https://github.com/PandaSekh/Jekyll-YAMT/releases/latest) and add them in your directory to start working. 57 | 58 | ### Netlify 59 | 60 | 1. [Fork this repo](https://github.com/PandaSekh/Jekyll-YAMT/generate). You can copy only master, set it to private or public and name it however you want. 61 | 2. Go to [Netlify](https://app.netlify.com/), create a New site from Git, choose your repo or all repos, no difference. Back to Netlify, select the recently forked repo. 62 | 3. Owner and branch are good to go. In build command write `bundle exec jekyll build` and publishing directory should be `_site/`. 63 | 4. Deploy. Your site will shortly be available. Under domain settings you can change your subdomain, or add a primary level one. 64 | 65 | ### Github Pages 66 | 67 | Github Pages uses the [--safe flag](https://jekyllrb.com/docs/configuration/options/) to build jekyll websites, which disable custom plugins, caching to disk and ignore symbolic links. Because of that, I suggest you to use any other method. Netlify works great with a 5 minute config, so I suggest you use it. 68 | 69 | 1. [Fork this repo](https://github.com/PandaSekh/Jekyll-YAMT/generate). 70 | 2. Create a new branch in your repo and call it `gh-pages`. 71 | 3. Publish your website and choose gh-pages as the target branch. 72 | 73 | ### Remote theme 74 | 75 | [Follow these instructions](https://help.github.com/en/github/working-with-github-pages/adding-a-theme-to-your-github-pages-site-using-jekyll). 76 | 77 | ### Gem-based theme 78 | 1. Add this line to your Jekyll site's `Gemfile`: 79 | 80 | ```ruby 81 | gem "jekyll-yamt" 82 | ``` 83 | 84 | 2. And add this line to your Jekyll site's `_config.yml`: 85 | 86 | ```yaml 87 | theme: jekyll-yamt 88 | ``` 89 | 90 | 3. And then execute: 91 | 92 | ``` bash 93 | $ bundle 94 | ``` 95 | 96 | 4. Or install it yourself as: 97 | 98 | ``` bash 99 | $ gem install jekyll-yamt 100 | ``` 101 | 102 | #### ERROR: There was an error while loading `jekyll-yamt.gemspec`: No such file or directory - git ls-files -z. Bundler cannot continue. 103 | If you encounter this error when running `bundle install`, please make sure git is installed. 104 | 105 | ## Customize 106 | 107 | YAMT is easily customizable. If you don't need a functionality, just deactivate it in `_data/settings.yml`. 108 | Most of the customizable things are self-explanatory and found in the `_data` folder and in the `_config.yml`. 109 | 110 | ### Basics 111 | 112 | Under the `_data` folder there are three files: pages, settings and social. 113 | In pages you can add other pages that will show up in the nav- 114 | In social you can add your socials that will show up in the nav. To add a social, find a suitable icon on [FontAwesome](https://fontawesome.com/) and add it's name in the name tag. 115 | Brand defines Font Awesome's font type (fas is solid, fab is brand). 116 | Out of the box this theme has support colors for a bunch of social. If your social isn't supported, just add the color in the header.css 117 | 118 | In `_data/settings.yml` you can activate or deactivate various functions of the theme, like analytics, disqus comments, related posts and so on. 119 | 120 | ### Typography 121 | By default YAMT uses the System Font STack, which greatly reduces load times. If you want to use the old Font Stack, in `assets/main.scss` change `typography` to `typography-old`. 122 | 123 | ### Header 124 | In `_data/settings.yml` you can choose to hide or show the subtitle, the page navigation or the social icons. 125 | 126 | ### Home 127 | In `_data/settings.yml` you can choose to hide or show the posts infos (date and read-time) and the featured image. 128 | 129 | ### Post 130 | In `_data/settings.yml` you can choose to hide or show the post infos, categories, related posts and comments. 131 | Note that by removing categories the Categories Archives will no longer be reachable. 132 | 133 | ### Contact Form 134 | YAMT has a built-in contact form builded using [Netlify](https://app.netlify.com/) free form functionality. To make it work you only need the line `data-netlify="true"` when declaring a form. 135 | If you don't want to use Netlify, remove the line `data-netlify="true"`. 136 | 137 | ## Development 138 | 139 | [Contributions are welcomed and encouraged](https://github.com/PandaSekh/Jekyll-YAMT/issues). 140 | 141 | To set up your environment to develop this theme, run `bundle install`. 142 | 143 | Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal. 144 | 145 | When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled. 146 | To add a custom directory to your theme-gem, please edit the regexp in `yamt.gemspec` accordingly. 147 | 148 | ## Credits 149 | Theme designed and created by [Alessio Franceschi](https://github.com/PandaSekh/). 150 | Inspired by [Lagrange by LeNPaul](https://lenpaul.github.io/Lagrange/). 151 | Also great help from [this blog](https://blog.webjeda.com/), I've used this even before I created this theme. 152 | Images from [Unsplash](https://unsplash.com/). 153 | 154 | ## License 155 | The theme is available as open source under the terms of the [MIT License](https://github.com/PandaSekh/Jekyll-YAMT/blob/master/LICENSE.txt). 156 | --------------------------------------------------------------------------------