diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..dfe0770 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,2 @@ +# Auto detect text files and perform LF normalization +* text=auto diff --git a/.gitignore b/.gitignore index 6ab29ef..2509512 100644 --- a/.gitignore +++ b/.gitignore @@ -1,8 +1,12 @@ -_site -.sass-cache +*.gem +.bundle .jekyll-cache +.sass-cache +_site +/_site +Gemfile.lock +_site/ +.sass-cache/ +.jekyll-cache/ .jekyll-metadata -vendor files/Police_Department_Incident_Reports__Historical_2003_to_May_2018_20240130.csv -files/Police_Department_Incident_Reports__2018_to_Present_20240205.csv -lectures/Police_Department_Incident_Reports__2018_to_Present_20240205.csv diff --git a/Gemfile b/Gemfile index c76684d..fbb3303 100644 --- a/Gemfile +++ b/Gemfile @@ -1,34 +1,13 @@ +# frozen_string_literal: true + source "https://rubygems.org" -# Hello! This is where you manage which Jekyll version is used to run. -# When you want to use a different version, change it below, save the -# file and run `bundle install`. Run Jekyll with `bundle exec`, like so: -# -# bundle exec jekyll serve -# -# This will help ensure the proper Jekyll version is running. -# Happy Jekylling! -gem "jekyll", "~> 4.3.3" -# This is the default theme for new Jekyll sites. You may change this to anything you like. -gem "minima", "~> 2.5" -# If you want to use GitHub Pages, remove the "gem "jekyll"" above and -# uncomment the line below. To upgrade, run `bundle update github-pages`. -# gem "github-pages", group: :jekyll_plugins -# If you have any plugins, put them here! -group :jekyll_plugins do - gem "jekyll-feed", "~> 0.12" - gem "jekyll-yamt" -end +gemspec -# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem -# and associated library. -platforms :mingw, :x64_mingw, :mswin, :jruby do - gem "tzinfo", ">= 1", "< 3" - gem "tzinfo-data" -end +gem 'jekyll' -# Performance-booster for watching directories on Windows -gem "wdm", "~> 0.1.1", :platforms => [:mingw, :x64_mingw, :mswin] +gem 'wdm', '>= 0.1.0' -# Lock `http_parser.rb` gem to `v0.6.x` on JRuby builds since newer versions of the gem -# do not have a Java counterpart. -gem "http_parser.rb", "~> 0.6.0", :platforms => [:jruby] +gem 'jekyll-paginate' +gem 'jekyll-feed' +gem 'jekyll-seo-tag' +gem 'jekyll-sitemap' diff --git a/LICENSE.txt b/LICENSE.txt new file mode 100644 index 0000000..2693208 --- /dev/null +++ b/LICENSE.txt @@ -0,0 +1,23 @@ +The MIT License (MIT) + +Copyright (c) 2020 PandaSekh + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +Leave the name of the author of this theme in the footer. + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. diff --git a/README.md b/README.md new file mode 100644 index 0000000..cb6bd27 --- /dev/null +++ b/README.md @@ -0,0 +1,155 @@ +# [YAMT - Yet Another Minimal Theme](https://yamt.netlify.app/) +![](https://badgen.net/rubygems/dt/jekyll-yamt) +[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/PandaSekh/Jekyll-YAMT/issues) +![GitHub forks](https://img.shields.io/github/forks/PandaSekh/Jekyll-YAMT?label=Fork%20it%21&style=social) +## [Live Demo](https://yamt.netlify.app/) + +![Homepage](https://raw.githubusercontent.com/PandaSekh/Jekyll-YAMT/master/assets/img/screenshots/Screenshot.png?raw=true) + +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. + +## Contents + +- [Features](#features) +- [Screenshots](#screenshots) +- [Installation](#installation) +- [Customize](#customize) + - [Basics](#basics) + - [Typography](#typography) + - [Header](#header) + - [Home](#home) + - [Post](#post) + - [Contact Form](#contact-form) +- [Development](#development) +- [Credits](#credits) +- [License](#license) + +## Features + +- Minimal and clean design. +- Fully modular: activate and load only what you really need. +- Works great on mobile and smaller screens. +- Works on Github Pages. +- Supports [Disqus](https://disqus.com/) comments activated only on button press, if you activate them. +- [Google Analytics](https://www.google.com/analytics/) support. +- [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. +- [MathJAX](https://www.mathjax.org/) and [LaTeX](https://www.latex-project.org/) optional support. Write beautiful math! +- [RSS](https://github.com/jekyll/jekyll-feed) support. +- 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. + +## Screenshots + +Mobile: +![Mobile](https://raw.githubusercontent.com/PandaSekh/Jekyll-YAMT/master/assets/img/screenshots/Screenshot_mobile.png?raw=true) + +Code Highlight: +![Code](https://raw.githubusercontent.com/PandaSekh/Jekyll-YAMT/master/assets/img/screenshots/Screenshot_code_highlight.png) + +Minimal: +![Minimal](https://raw.githubusercontent.com/PandaSekh/Jekyll-YAMT/master/assets/img/screenshots/Screenshot_minimal.png?raw=true) + +## Installation + +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. + +### Download the files +You can [download the files](https://github.com/PandaSekh/Jekyll-YAMT/releases/latest) and add them in your directory to start working. + +### Netlify + +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. +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. +3. Owner and branch are good to go. In build command write `bundle exec jekyll build` and publishing directory should be `_site/`. +4. Deploy. Your site will shortly be available. Under domain settings you can change your subdomain, or add a primary level one. + +### Github Pages + +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. + +1. [Fork this repo](https://github.com/PandaSekh/Jekyll-YAMT/generate). +2. Create a new branch in your repo and call it `gh-pages`. +3. Publish your website and choose gh-pages as the target branch. + +### Remote theme + +[Follow these instructions](https://help.github.com/en/github/working-with-github-pages/adding-a-theme-to-your-github-pages-site-using-jekyll). + +### Gem-based theme +1. Add this line to your Jekyll site's `Gemfile`: + + ```ruby + gem "jekyll-yamt" + ``` + +2. And add this line to your Jekyll site's `_config.yml`: + + ```yaml + theme: jekyll-yamt + ``` + +3. And then execute: + + ``` bash + $ bundle + ``` + +4. Or install it yourself as: + + ``` bash + $ gem install jekyll-yamt + ``` + +#### ERROR: There was an error while loading `jekyll-yamt.gemspec`: No such file or directory - git ls-files -z. Bundler cannot continue. +If you encounter this error when running `bundle install`, please make sure git is installed. + +## Customize + +YAMT is easily customizable. If you don't need a functionality, just deactivate it in `_data/settings.yml`. +Most of the customizable things are self-explanatory and found in the `_data` folder and in the `_config.yml`. + +### Basics + +Under the `_data` folder there are three files: pages, settings and social. +In pages you can add other pages that will show up in the nav- +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. +Brand defines Font Awesome's font type (fas is solid, fab is brand). +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 + +In `_data/settings.yml` you can activate or deactivate various functions of the theme, like analytics, disqus comments, related posts and so on. + +### Typography +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`. + +### Header +In `_data/settings.yml` you can choose to hide or show the subtitle, the page navigation or the social icons. + +### Home +In `_data/settings.yml` you can choose to hide or show the posts infos (date and read-time) and the featured image. + +### Post +In `_data/settings.yml` you can choose to hide or show the post infos, categories, related posts and comments. +Note that by removing categories the Categories Archives will no longer be reachable. + +### Contact Form +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. +If you don't want to use Netlify, remove the line `data-netlify="true"`. + +## Development + +[Contributions are welcomed and encouraged](https://github.com/PandaSekh/Jekyll-YAMT/issues). + +To set up your environment to develop this theme, run `bundle install`. + +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. + +When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled. +To add a custom directory to your theme-gem, please edit the regexp in `yamt.gemspec` accordingly. + +## Credits +Theme designed and created by [Alessio Franceschi](https://github.com/PandaSekh/). +Inspired by [Lagrange by LeNPaul](https://lenpaul.github.io/Lagrange/). +Also great help from [this blog](https://blog.webjeda.com/), I've used this even before I created this theme. +Images from [Unsplash](https://unsplash.com/). + +## License +The theme is available as open source under the terms of the [MIT License](https://github.com/PandaSekh/Jekyll-YAMT/blob/master/LICENSE.txt). diff --git a/_config.yml b/_config.yml index 0fcef07..e97c48b 100644 --- a/_config.yml +++ b/_config.yml @@ -1,52 +1,57 @@ -# Welcome to Jekyll! -# -# This config file is meant for settings that affect your whole blog, values -# which you are expected to set up once and rarely edit after that. If you find -# yourself editing this file very often, consider using Jekyll's data files -# feature for the data you need to update frequently. -# -# For technical reasons, this file is *NOT* reloaded automatically when you use -# 'bundle exec jekyll serve'. If you change this file, please restart the server process. -# -# If you need help with YAML syntax, here are some quick references for you: -# https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml -# https://learnxinyminutes.com/docs/yaml/ -# # Site settings -# These are used to personalize your new site. If you look in the HTML files, -# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on. -# You can create any custom variable you would like, and they will be accessible -# in the templates via {{ site.myvariable }}. +title: YAMT +description: "Yet Another Minimal Theme" +url: "https://pandasekh.github.io/Jekyll-YAMT/" # Actual base url of the website +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" +author: + name: "Alessio Franceschi" + email: "alessiofranceschi2@gmail.com" + url: "https://alessiofranceschi.me" +permalink: /:year/:month/:day/:title:output_ext -title: Assault in San Francisco -email: s194336@student.dtu.dk -description: >- # this means to ignore newlines until "baseurl:" - In this blog we analyse the crime data provided by the San Francisco police department to understand the trends in crime rates in the city. In particular, we focus on assault and try to determine the where, when, and what of these cases. -#baseurl: "" # the subpath of your site, e.g. /blog -#url: "" # the base hostname & protocol for your site, e.g. http://example.com -github_username: MarcusGJ +#Plugins +plugins: [jekyll-paginate, jekyll-feed, jekyll-seo-tag, jekyll-sitemap] -# Build settings -theme: jekyll-yamt -plugins: - - jekyll-feed +#Pagination +paginate: 3 +paginate_path: "/page:num/" -# Exclude from processing. -# The following items will not be processed, by default. -# Any item listed under the `exclude:` key here will be automatically added to -# the internal "default list". -# -# Excluded items can be processed by explicitly listing the directories or -# their entries' file path in the `include:` list. -# -# exclude: -# - .sass-cache/ -# - .jekyll-cache/ -# - gemfiles/ -# - Gemfile -# - Gemfile.lock -# - node_modules/ -# - vendor/bundle/ -# - vendor/cache/ -# - vendor/gems/ -# - vendor/ruby/ +#SEO +twitter: + username: pandasekh + card: summary +facebook: + app_id: # Facebook app ID for Facebook insights + publisher: # Facebook page URL or ID of the publishing entity + admins: # Facebook user ID for domain insights linked to a personal account +logo: /assets/img/logo.jpg +social: + links: #List your social links here + - https://twitter.com/PandaSekh + - https://www.github.com/pandasekh + - https://www.linkedin.com/in/alessio-franceschi/ +webmaster_verifications: + google: + bing: + alexa: + yandex: + baidu: +lang: en_US + +#Highlighter +kramdown: + input: GFM + syntax_highlighter: rouge + + syntax_highlighter_opts: + css_class: 'highlight' + span: + line_numbers: false + block: + line_numbers: false + start_line: 1 + +#Sass +sass: + style: compressed + sourcemap: never \ No newline at end of file diff --git a/_data/pages.yml b/_data/pages.yml new file mode 100644 index 0000000..0d85edd --- /dev/null +++ b/_data/pages.yml @@ -0,0 +1,5 @@ +pages: + - {name: 'About', url: 'about.html'} + - {name: 'Contact', url: 'contact.html'} + - {name: 'Archive', url: 'archive.html'} + - {name: 'Get YAMT', url: 'https://github.com/PandaSekh/Jekyll-YAMT'} \ No newline at end of file diff --git a/_data/settings.yml b/_data/settings.yml new file mode 100644 index 0000000..2613234 --- /dev/null +++ b/_data/settings.yml @@ -0,0 +1,38 @@ +#Google Analytics +analytics-id: #leave blank to not use Analytics + +#Subtitle +subtitle: + active: true + text: Yet Another Minimal Theme + +#Nav +nav: + pages: + active: true + social: + active: true + +#Featured images in homepage +featured-img: + active: true + +#Show categories at the end of posts +categories: + active: true + +#Show date and read time under the post title +date-under-post: + active: true + +#Use MathJAX +mathjax: + active: true + +#Show related posts based on categories +related-posts: + active: true + title: "You May Also Enjoy" + +#Comments +comments: true \ No newline at end of file diff --git a/_data/social.yml b/_data/social.yml new file mode 100644 index 0000000..754f5cc --- /dev/null +++ b/_data/social.yml @@ -0,0 +1,11 @@ +# 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/ +# and add it's color in /_sass/social.scss. Brand defines Font Awesome's font type (fas is solid, fab is brand). + + +social: + - {icon: 'github', type: "brand", link: 'https://www.github.com/pandasekh'} + - {icon: 'twitter', type: "brand", link: 'https://twitter.com/PandaSekh'} + - {icon: 'linkedin', type: "brand", link: 'https://www.linkedin.com/in/alessio-franceschi/'} + + - {icon: 'envelope', type: "solid", link: 'mailto:alessiofranceschi2@gmail.com'} + - {icon: 'rss', type: "solid", link: "/feed.xml"} \ No newline at end of file diff --git a/_includes/analytics.html b/_includes/analytics.html new file mode 100644 index 0000000..9199b9d --- /dev/null +++ b/_includes/analytics.html @@ -0,0 +1,9 @@ + + + diff --git a/_includes/categories.html b/_includes/categories.html new file mode 100644 index 0000000..cdc6255 --- /dev/null +++ b/_includes/categories.html @@ -0,0 +1,10 @@ +
+

Categories:

+ {% assign categories = page.categories %} + {% for category in categories %} + {{category}} + {% unless forloop.last %} {% endunless %} + {% endfor %} + +
\ No newline at end of file diff --git a/_includes/comments.html b/_includes/comments.html new file mode 100644 index 0000000..62e526e --- /dev/null +++ b/_includes/comments.html @@ -0,0 +1,10 @@ +
+ +
\ No newline at end of file diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..9a9a688 --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,3 @@ + diff --git a/_includes/gif.html b/_includes/gif.html new file mode 100644 index 0000000..4870224 --- /dev/null +++ b/_includes/gif.html @@ -0,0 +1,4 @@ + \ No newline at end of file diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 0000000..6dbc60b --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,37 @@ + + + + + {% if page.title == "Home" %} + {{ site.title }} | {{ site.description }} + {% else %} + {{ page.title }} | {{ site.title }} + {% endif %} + + + + + + + + + + + + + + + + + + + {% seo %} + + + {% if site.data.settings.analytics-id%} + {%- include analytics.html -%} + {% endif %} + diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000..f1736e1 --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,25 @@ + \ No newline at end of file diff --git a/_includes/pages.html b/_includes/pages.html new file mode 100644 index 0000000..c7e128b --- /dev/null +++ b/_includes/pages.html @@ -0,0 +1,3 @@ +{% for item in site.data.pages.pages %} +{{ item.name }} +{% endfor %} \ No newline at end of file diff --git a/_includes/reading_time.html b/_includes/reading_time.html new file mode 100644 index 0000000..abd9b7f --- /dev/null +++ b/_includes/reading_time.html @@ -0,0 +1,21 @@ +{% if post.layout != post %} + {% assign words = post.content | strip_html | number_of_words %} + {% if words < 180 %} + Less than 1 minute read + {% elsif words < 360 %} + 1 minute read + {% else %} + {{ words | divided_by:180 }} minute read + {% endif %} +{% endif %} + +{% if post.layout == post %} + {% assign words = content | strip_html | number_of_words %} + {% if words < 180 %} + Less than 1 minute read + {% elsif words < 360 %} + 1 minute read + {% else %} + {{ words | divided_by:180 }} minute read + {% endif %} +{% endif %} \ No newline at end of file diff --git a/_includes/related-posts.html b/_includes/related-posts.html new file mode 100644 index 0000000..894931a --- /dev/null +++ b/_includes/related-posts.html @@ -0,0 +1,36 @@ +
+ +

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

+ + {% assign maxRelated = 4 %} + {% assign minCommonTags = 1 %} + {% assign maxRelatedCounter = 0 %} + + {% for post in site.posts %} + + {% assign sameTagCount = 0 %} + {% assign commonTags = '' %} + + {% for category in post.categories %} + {% if post.url != page.url %} + {% if page.categories contains category %} + {% assign sameTagCount = sameTagCount | plus: 1 %} + {% capture tagmarkup %} {{ category }} {% endcapture %} + {% assign commonTags = commonTags | append: tagmarkup %} + {% endif %} + {% endif %} + {% endfor %} + + {% if sameTagCount >= minCommonTags %} +
+
• {{ post.title }}
+
+ {% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %} + {% if maxRelatedCounter >= maxRelated %} + {% break %} + {% endif %} + {% endif %} + + {% endfor %} + +
\ No newline at end of file diff --git a/_includes/social.html b/_includes/social.html new file mode 100644 index 0000000..e639475 --- /dev/null +++ b/_includes/social.html @@ -0,0 +1,8 @@ +{% for item in site.data.social.social %} + {% if item.type == "brand"%} + + {% endif %} + {% if item.type == "solid"%} + + {% endif %} +{% endfor %} \ No newline at end of file diff --git a/_layouts/archive.html b/_layouts/archive.html new file mode 100644 index 0000000..4a63dd3 --- /dev/null +++ b/_layouts/archive.html @@ -0,0 +1,15 @@ +--- +layout: default +title: Archive +--- + +{% assign postsByDate = + site.posts | group_by_exp:"post", "post.date | date: '%B %Y'" %} +{% for year in postsByDate %} +

{{ year.name }}

+ +{% endfor %} diff --git a/_layouts/categories.html b/_layouts/categories.html new file mode 100644 index 0000000..93ac48f --- /dev/null +++ b/_layouts/categories.html @@ -0,0 +1,21 @@ +--- +layout: default +permalink: /categories/ +title: Categories +--- + +{% for category in site.categories %} +
+ {% capture category_name %}{{ category | first }}{% endcapture %} +
+

+ +

{{ category_name }}

+ + +
+{% endfor %} \ No newline at end of file diff --git a/_layouts/contact.html b/_layouts/contact.html new file mode 100644 index 0000000..5ee7398 --- /dev/null +++ b/_layouts/contact.html @@ -0,0 +1,17 @@ +--- +layout: default +title: Contact +--- + +

Contact Form

+
+
+
+ +
+ +
+ +
+
+
\ No newline at end of file diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..70adec2 --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,18 @@ + + + + {% include head.html %} + + + +
+ {% include header.html %} + +
+ {{ content }} +
+
+ +{%- include footer.html -%} + + diff --git a/_layouts/home.html b/_layouts/home.html new file mode 100644 index 0000000..57808c5 --- /dev/null +++ b/_layouts/home.html @@ -0,0 +1,52 @@ +--- +layout: default +title: Home +--- +{% for post in paginator.posts %} + +
+

{{ post.title }}

+ + {% if site.data.settings.date-under-post.active %} +
+ + + - + {% include reading_time.html %} + +
+ {% endif %} + + {% if site.data.settings.featured-img.active %} +
+ {% if post.image %} + + {% endif %} + {% if post.gif %} + {% include gif.html file = post.gif %} + {% endif %} +
+ {% endif %} + +

+ {% if post.customexcerpt %} + {{post.customexcerpt | strip_html | truncatewords:50}} + {% else %} + {{ post.content | strip_html | truncatewords:50 }} + {% endif %} + Continue reading... +

+
+{% endfor %} + + +
+ {% if paginator.total_pages > 1 %} + {% if paginator.next_page %} + Older Posts + {% endif %} + {% if paginator.previous_page %} + Newer Posts + {% endif %} + {% endif %} +
diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100644 index 0000000..5e71126 --- /dev/null +++ b/_layouts/page.html @@ -0,0 +1,5 @@ +--- +layout: default +--- + +{{ content }} diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..da9056c --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,45 @@ + + + + {% include head.html %} + + + + +
+ {% include header.html %} + +
+
+

{{ page.title }}

+ + {% if site.data.settings.date-under-post.active %} +
+ + {{ page.date | date_to_string }} - {% include reading_time.html %} + +
+ {% endif %} + {{ content }} +
+
+ {% if site.data.settings.categories.active %} + {% include categories.html %} + {% endif %} + + {% if site.data.settings.related-posts.active %} + {% include related-posts.html %} + {% endif %} + + {% if site.data.settings.comments %} + {% include comments.html %} + {% endif %} +
+ +{%- include footer.html -%} + +{% if site.data.settings.mathjax.active %} + +{% endif %} + + diff --git a/_posts/2020-04-11-lorem-ipsum.md b/_posts/2020-04-11-lorem-ipsum.md new file mode 100644 index 0000000..4a32950 --- /dev/null +++ b/_posts/2020-04-11-lorem-ipsum.md @@ -0,0 +1,17 @@ +--- +title: Lorem Ipsum +layout: post +categories: [Tips, Markdown] +image: /assets/img/oranges.jpg +description: "Lorem Ipsum" +--- + +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. + +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. + +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. + +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. + +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. \ No newline at end of file diff --git a/_posts/2020-05-19-special-formatting.md b/_posts/2020-05-19-special-formatting.md new file mode 100644 index 0000000..01a90ad --- /dev/null +++ b/_posts/2020-05-19-special-formatting.md @@ -0,0 +1,137 @@ +--- +title: Special Formatting +layout: post +categories: [Tips, Markdown, Typography] +image: /assets/img/forest-snow.jpg +description: "A bunch of tips on how to format your text." +customexcerpt: "Learn and discover the special features of YAMT." +--- +In this post I will showcase some of the "special" features of YAMT. +This post is pretty long, so let's start with a Table of Content (ToC). + +### Table of Contents +* random line to make it work. This will be removed. +{:toc} + +Code: +``` +* random line to make it work. This will be removed. +{:toc} +``` + +### Syntax Highlight +In YAMT you can highlight code in various ways. + +Basic example: +``` java +public static void main (String[] args){ + System.out.println("Hello World!"); +} +``` +Code: +``` + ``` lang + //your code + ``` +``` + +
+ +Example: +{% highlight java %} +public static void main (String[] args){ + System.out.println("Hello World!"); +} +{% endhighlight %} +Code: +``` + {/% highlight lang %} + //your code + {/% endhighlight java %} + //Remove the "/" before the "%" to make it work. +``` + +
+ +With line numbers: +{% highlight java linenos%} +public static void main (String[] args){ + System.out.println("Hello World!"); +} +{% endhighlight %} +Code: +``` + {/% highlight lang linenos%} + //your code + {/% endhighlight java %} + //Remove the "/" before the "%" to make it work. +``` + +
+ +In case of a longer line, an horizontal scrollbar will be added automatically: +{% highlight java linenos%} +public static void main (String[] args){ + System.out.println("Hello World! This is a very long line of code, perharps too long..."); +} +{% endhighlight %} + +
+List of supported languages: [Rouge Wiki](https://github.com/rouge-ruby/rouge/wiki/List-of-supported-languages-and-lexers). + +**Note**: In /assets/css/syntax.css you can change the first declaration to choose if you want a scrollbar or text wrap. + +### MathJAX and LaTeX +YAMT supports LaTeX and MathJAX to write beautiful math. +There are three ways to write math in YAMT. In this example I'll use Bernoulli's principle. +>In fluid dynamics, Bernoulli's principle states that an increase in the +>speed of a fluid occurs simultaneously with a decrease in static pressure or a decrease in the fluid's potential energy. +>Wikipedia + + +Block: + +$$ \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant $$ +{% highlight tex %} +$$ \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant $$ +{% endhighlight %} + +Inline: $$ \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant $$ +{% highlight tex %} +$$ \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant $$ +{% endhighlight %} + +Another block: +\\[ \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant \\] +{% highlight tex %} +\\[ \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant \\] +{% endhighlight %} + +Another inline: \\( \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant \\) +{% highlight tex %} +\\( \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant \\) +{% endhighlight %} + + +### Alerts +Warning! +``` html + +``` +Solved. +``` html + +``` +Careful. +``` html + +``` + +### Gifs +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 +``` liquid +{_% include gif.html file = "mygif" %} +``` +Delete the underscore to make it work. + +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. \ No newline at end of file diff --git a/_posts/2020-05-19-typography.md b/_posts/2020-05-19-typography.md new file mode 100644 index 0000000..7037bf7 --- /dev/null +++ b/_posts/2020-05-19-typography.md @@ -0,0 +1,133 @@ +--- +title: Typography +layout: post +categories: [Typography, Markdown] +image: /assets/img/rose.jpg +description: "Basic typography and styling for your posts." +customexcerpt: "Basic and advanced typography in YAMT." +--- +Reference: [GitHub flavored Markdown](https://help.github.com/en/github/writing-on-github). + +* random line to make it work. This will be removed. +{:toc} + + + +## Styling text +**bold** +{% highlight markdown %} +**bold** +{% endhighlight %} + +*italic* +{% highlight markdown %} + *italic* +{% endhighlight %} + +~~strikethrough~~ +{% highlight markdown %} +~~strikethrough~~ +{% endhighlight %} + +***bold and italic*** +{% highlight markdown %} +***bold and italic*** +{% endhighlight %} + +## Quotes +>This is a quote +{% highlight markdown %} +>This is a quote +{% endhighlight %} + +>This is a quote with author +>The author + +{% highlight markdown %} +>This is a quote with author +>The author +{% endhighlight %} + +## Links +Theme designed by [Alessio Franceschi](https://alessiofranceschi.me). +{% highlight markdown %} +Theme designed by [Alessio Franceschi](https://alessiofranceschi.me). +{% endhighlight %} + +Links can also be relative. [Like this one](/contact.html). +{% highlight markdown %} +Links can also be relative. [Like this one](/contact.html). +{% endhighlight %} + +## Lists +Unordered: +- this +- is +- unordered +{% highlight markdown %} +- this +- is +- unordered +{% endhighlight %} + +Ordered: +1. but +2. this +3. is +4. ordered +{% highlight markdown %} +1. but +2. this +3. is +4. ordered +{% endhighlight %} + +Nested: +1. First point + - but also this + - and also this + - and this one too +2. Second point +{% highlight markdown %} +1. First point + - but also this + - and also this + - and this one too +2. Second point +{% endhighlight %} + + +## Task Lists +- [x] Write some CSS +- [ ] Fix bugs +- [ ] Add related posts +{% highlight markdown %} +- [x] Write some CSS +- [ ] Fix bugs +- [ ] Add related posts +{% endhighlight %} + +## Syntax Highlighting +[Read here](/2020/05/19/special-formatting.html#code-highlight). + +## MathJAX and LaTeX +[Read here](/2020/05/19/special-formatting.html#mathjax-and-latex). + +## Alerts +[Read here](/2020/05/19/special-formatting.html#alerts). + +## Table of Contents +[Read here](/2020/05/19/special-formatting.html#table-of-contents). + +## Headings + +# The largest heading +## The second largest heading +###### The smallest heading + + +{% highlight markdown %} +# The largest heading +## The second largest heading +###### The smallest heading +{% endhighlight %} \ No newline at end of file diff --git a/_posts/2020-05-20-write-a-post.md b/_posts/2020-05-20-write-a-post.md new file mode 100644 index 0000000..684a476 --- /dev/null +++ b/_posts/2020-05-20-write-a-post.md @@ -0,0 +1,24 @@ +--- +title: Getting Started +layout: post +categories: [How-To, Markdown] +image: /assets/img/airplane.jpg +#gif: mygif +description: "Let's get this theme to work!" +customexcerpt: "Learn how to write a post in YAMT." +--- + +### Front Matter +Example of a full Front Matter: +{% highlight yaml %} +title: Hello World +layout: post +categories: [Hello, World] +tags: [hello, world] +image: /assets/img/helloworld.jpg +gif: mygif (Only write the name of the file. No extension. The files needs to be in "/assets/gif") +description: "Say hello to the world!" +customexcerpt: "Custom excerpt for the homepage" +{% endhighlight %} + +Tags can be used but are pretty much useless, as related posts use categories. \ No newline at end of file diff --git a/_posts/2020-05-21-this-is-yamt.md b/_posts/2020-05-21-this-is-yamt.md new file mode 100644 index 0000000..260c7d2 --- /dev/null +++ b/_posts/2020-05-21-this-is-yamt.md @@ -0,0 +1,29 @@ +--- +title: This is YAMT! +layout: post +categories: [Typography, Markdown, Tips] +image: /assets/img/logo.jpg +description: "Welcome to YAMT - Yet Another Minimal Theme." +--- + +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. + +* hello +{:toc} + +## Features +- Minimal and clean design. +- Fully modular: activate and load only what you really need. +- Works great on mobile and smaller screens. +- Supports [Disqus](https://disqus.com/) comments activated only on button press, if you activate them. +- [Google Analytics](https://www.google.com/analytics/) support. +- [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. +- [MathJAX](https://www.mathjax.org/) and [LaTeX](https://www.latex-project.org/) optional support. Write beautiful math! +- [RSS](https://github.com/jekyll/jekyll-feed) support. +- 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. + +## Installation +[Read here](https://github.com/PandaSekh/Jekyll-YAMT#installation). + +## Customization +[Read here](https://github.com/PandaSekh/Jekyll-YAMT#customize). \ No newline at end of file diff --git a/_sass/base.scss b/_sass/base.scss new file mode 100644 index 0000000..db74d52 --- /dev/null +++ b/_sass/base.scss @@ -0,0 +1,112 @@ +//Colors +$base: #a2a2a2; +$light-grey: #ebebeb; + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +html{ + scroll-behavior: smooth; +} +.container { + margin-left: auto; + margin-right: auto; + width: 700px; +} + +.task-list{ + list-style: none; +} + +//Alerts +.alert{ + padding: 20px; + border-radius: 0 4px 4px 0; + color: #fff; + display: block; + font-size: larger; +} + +.y{ + background-color: #f3b244; + border-left: 7px solid #dc900e; +} + +.g{ + background-color: #60c17d; + border-left: 7px solid #55ab6f; +} + +.r{ + background-color: #e45454; + border-left: 7px solid #cb2020; +} +//End Alerts + +//Blockquote +blockquote { + border-left: .25em solid #dfe2e5; + color: #6a737d; + padding: 0 1em; + cite{ + display: inline-block; + margin-top: 50px; + cite::before{ + content: "- "; + margin-left: 10px; + } + } +} +//End Blockquote + +//MathJAX +.MathJax_Display{ + .MathJax { + font-size: 1.2rem; + } +} +//End MathJAX + +//ToC +#markdown-toc::before { + content: "Contents"; + font-size: 1.1rem; + font-weight: bold; +} + +#markdown-toc { + border: 1px solid #aaa; + border-radius: 10px; + padding: 1.5em; + list-style: disc; + display: inline-block; + background-color: $light-grey; + line-height: 25px; + li{ + a{ + text-decoration: none; + } + a:hover{ + font-style: italic; + } + } + ul{ + list-style: disc; + } +} +//End ToC + +//Archive +.archive-link{ + text-decoration: none; + color: black; + font-style: italic; + font-size: 1.5rem; +} + +.archive-link:hover{ + text-decoration: underline; +} +//End Archive \ No newline at end of file diff --git a/_sass/contact.scss b/_sass/contact.scss new file mode 100644 index 0000000..43d6929 --- /dev/null +++ b/_sass/contact.scss @@ -0,0 +1,38 @@ +.form{ + .form-input{ + font-size: 1rem; + width: 100%; + padding: 10px 0; + background: none; + border: none; + border-bottom: 1px solid #666; + color: #666; + outline: none; + transition: border-color .2s; + margin-top: 15px; + } + + .form-button { + background: none; + text-transform: uppercase; + font-size: 1rem; + cursor: pointer; + outline: none; + margin-top: 10px; + border: black 1px solid; + padding: 10px; + border-radius: 10px; + } + .form-button:hover{ + background-color: $light-grey; + } + .success{ + a{ + text-decoration:none; + border-bottom: 2px solid $light-grey; + box-shadow: inset 0 -4px 0 $light-grey; + color: inherit; + transition: background 0.1s cubic-bezier(.33,.66,.66,1); + } + } +} diff --git a/_sass/footer.scss b/_sass/footer.scss new file mode 100644 index 0000000..edb19ef --- /dev/null +++ b/_sass/footer.scss @@ -0,0 +1,24 @@ +.footer{ + p{ + text-align: center; + font-size: 0.85rem; + } + a{ + text-decoration: none; + } + a:hover{ + text-decoration: underline; + } + a:visited{ + color: $base; + } +} + +.footer::before{ + display: block; + content: ''; + width: 5rem; + height: 1px; + margin: 23px auto; + background-color: #d5d5d5; +} \ No newline at end of file diff --git a/_sass/header.scss b/_sass/header.scss new file mode 100644 index 0000000..bcd25a6 --- /dev/null +++ b/_sass/header.scss @@ -0,0 +1,103 @@ +// Colors for social icons +$github: #24292e; +$twitter: #1DA1F2; +$linkedin: #0e76a8; +$rss: #f26522; +$mail: #5d5c5d; +$instagram: #e1306c; +$facebook: #3b5998; +$messenger: #0084ff; +$youtube: #ff0000; +$whatsapp: #25d366; +$reddit: #ff4500; + +header{ + margin-left: auto; + margin-right: auto; + width: 550px; + overflow: hidden; + + #site_title{ + text-align: center; + color: black; + a{ + text-decoration: none; + } + h1{ + margin-bottom: 0px; + } + h2{ + margin-top: 0px; + font-style: oblique; + font-size: 1.2rem; + } + } + #subheader{ + display: block; + margin-top: 15px; + .pages{ + display: block; + float: left; + a:hover{ + color: black; + } + a{ + text-decoration: none; + color: $base; + margin-right: 3px; + font-size: 1.05rem; + } + } + .social{ + display: block; + float: right; + i{ + margin-right: 3px; + -o-transition: .5s; + -ms-transition: .5s; + -moz-transition: .5s; + -webkit-transition: .5s; + transition: .5s; + } + a{ + color: $base; + } + i{ + font-size: 1.1rem; + } + #github:hover{ + color: $github; + } + #twitter:hover{ + color: $twitter; + } + #linkedin:hover{ + color: $linkedin; + } + #rss:hover{ + color: $rss; + } + #envelope:hover{ + color: $mail; + } + #instagram:hover{ + color: $instagram; + } + #facebook:hover{ + color: $facebook; + } + #messenger:hover{ + color: $messenger; + } + #youtube:hover{ + color: $youtube; + } + #whatsapp:hover{ + color: $whatsapp; + } + #reddit:hover{ + color: $reddit; + } + } + } +} \ No newline at end of file diff --git a/_sass/home.scss b/_sass/home.scss new file mode 100644 index 0000000..10f4931 --- /dev/null +++ b/_sass/home.scss @@ -0,0 +1,36 @@ +//Mixins +@mixin border($amount){ + -webkit-border-radius: $amount; + -moz-border-radius: $amount; + -khtml-border-radius: $amount; + border-radius: $amount; +} + + +.featured-img-container{ + margin-block-start: 1em; + margin-block-end: 1em; + img{ + max-width: 100%; + height: auto; + max-height: 450px; + @include border(7px); + } +} + +.continue-reading{ + a{ + color: $base; + text-decoration: none; + font-style: italic; + font-size: 0.96rem; + } + a:hover{ + color: black; + } +} + +.post-info{ + font-size: 1rem; + color: $base; +} \ No newline at end of file diff --git a/_sass/mobile.scss b/_sass/mobile.scss new file mode 100644 index 0000000..c9cc47d --- /dev/null +++ b/_sass/mobile.scss @@ -0,0 +1,51 @@ +@media (max-width: 768px){ + html{ + overflow-y: auto; + } + .container { + width: 88vw; + } + #header{ + width: 80vw; + #subheader{ + display: flex; + flex-flow: column wrap; + align-items: center; + .pages{ + margin-top: 12px; + order: 2; + text-align: center; + a{ + font-size: 1.15rem; + } + } + .social{ + order: 1; + i{ + font-size: 1.3rem; + } + } + } + } + #post-title{ + text-align: center; + } + + p{ + font-size: 1.2rem; + } + .post-info{ + text-align: center; + } + ::-webkit-scrollbar { + height: 3px; + } + div .highlight{ + padding-left: 8px; + padding-right: 0px; + } + pre .highlight{ + padding-left: 8px; + padding-right: 0px; + } +} diff --git a/_sass/paginator.scss b/_sass/paginator.scss new file mode 100644 index 0000000..f432df4 --- /dev/null +++ b/_sass/paginator.scss @@ -0,0 +1,36 @@ +.paginator{ + display: flex; + margin-left: auto; + margin-right: auto; + justify-content: space-around; + + .older{ + text-align: left; + -webkit-box-flex: 1; + } + + .newer{ + text-align: right; + -webkit-box-flex: 1; + } + + a{ + text-decoration: none; + color: $base; + } + + a:hover{ + color: black; + } + + .paginate-button{ + border: 1px solid #e0e0e0; + border-radius: 3px; + padding: 15px 35px; + display: inline-block; + font-size: 16px; + } + .paginate-button:hover{ + background-color: $light-grey; + } +} \ No newline at end of file diff --git a/_sass/post.scss b/_sass/post.scss new file mode 100644 index 0000000..98dc65c --- /dev/null +++ b/_sass/post.scss @@ -0,0 +1,78 @@ +li.post{ + display: block; + padding-top: 1rem; +} + +.post{ + padding-bottom: 1rem; +} + + + +img{ + display: block; + margin-left: auto; + margin-right: auto; + margin-bottom: 15px; + max-width: 100%; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + -khtml-border-radius: 7px; + border-radius: 7px; +} + +.post-container{ + p, li{ + a{ + text-decoration:none; + border-bottom: 2px solid $light-grey; + box-shadow: inset 0 -4px 0 $light-grey; + color: inherit; + transition: background 0.1s cubic-bezier(.33,.66,.66,1); + } + a:visited{ + text-decoration:none; + border-bottom: 2px solid $light-grey; + box-shadow: inset 0 -4px 0 $light-grey; + color: inherit; + transition: background 0.1s cubic-bezier(.33,.66,.66,1); + } + a:hover{ + background: $light-grey; + } + } + +} + +.categories{ + p{ + display: inline-block; + } + a{ + text-decoration:none; + border-bottom: 2px solid $light-grey; + box-shadow: inset 0 -4px 0 $light-grey; + color: inherit; + transition: background 0.1s cubic-bezier(.33,.66,.66,1); + } + a:visited{ + text-decoration:none; + border-bottom: 2px solid $light-grey; + box-shadow: inset 0 -4px 0 $light-grey; + color: inherit; + transition: background 0.1s cubic-bezier(.33,.66,.66,1); + } + a:hover{ + background: $light-grey; + } +} + +article::after{ + display: block; + content: ''; + width: 5rem; + height: 1px; + margin: 30px auto; + background-color: #d5d5d5; +} + diff --git a/_sass/related-posts.scss b/_sass/related-posts.scss new file mode 100644 index 0000000..bd775fa --- /dev/null +++ b/_sass/related-posts.scss @@ -0,0 +1,22 @@ +.related{ + h4{ + font-style: italic; + text-decoration: underline; + } + h5{ + margin-top: 0px; + text-align: left; + font-size: 1rem; + } + .related-posts{ + opacity: 0.8; + margin-right: 25px; + } + .related-posts:hover{ + opacity: 1; + font-style: italic; + } + padding-top: 10px; + padding-bottom: 15px; + margin:0 auto; +} diff --git a/_sass/scrollbar.scss b/_sass/scrollbar.scss new file mode 100644 index 0000000..e3e26c7 --- /dev/null +++ b/_sass/scrollbar.scss @@ -0,0 +1,17 @@ +::-webkit-scrollbar { + width: 7px; + height: 7px; + border: 1px solid #d5d5d5; + padding-top: 5px; + border-radius: 30px; + } + + ::-webkit-scrollbar-track { + border-radius: 30px; + background: #eeeeee; + } + + ::-webkit-scrollbar-thumb { + border-radius: 30px; + background: #b0b0b0; + } \ No newline at end of file diff --git a/_sass/typography-old.scss b/_sass/typography-old.scss new file mode 100644 index 0000000..3738a24 --- /dev/null +++ b/_sass/typography-old.scss @@ -0,0 +1,47 @@ +h1, h2, h3, h4, h5, h6{ + font-family: 'Montserrat', sans-serif; + margin-bottom: 10px; + text-decoration: none; + color: black; + a{ + text-decoration: none; + color: black; + font-family: 'Montserrat', sans-serif; + } +} + +p, ul, ol{ + font-family: 'PT Serif', serif; + li{ + font-family: 'PT Serif', serif; + font-size: 1.15rem; + } +} + +h2{ + margin-bottom: 0px; +} + +h3{ + font-size: 1.4rem; +} +h4{ + font-size: 1.3rem; +} +h5{ + font-size: 1.2rem; +} + +p{ + font-size: 1.15rem; +} + +a .post-info .form{ + font-family: 'PT Serif', serif; + .form-input .form-button{ + font-family: 'PT Serif', serif; + } +} +#markdown-toc::before .alerts{ + font-family: 'Montserrat', sans-serif; +} \ No newline at end of file diff --git a/_sass/typography.scss b/_sass/typography.scss new file mode 100644 index 0000000..fb89b9c --- /dev/null +++ b/_sass/typography.scss @@ -0,0 +1,38 @@ +h1, h2, h3, h4, h5, h6{ + margin-bottom: 10px; + text-decoration: none; + color: black; + a{ + text-decoration: none; + color: black; + } +} + +p, ul, ol{ + li{ + font-size: 1.15rem; + } +} + +h2{ + margin-bottom: 0px; +} + +h3{ + font-size: 1.4rem; +} +h4{ + font-size: 1.3rem; +} +h5{ + font-size: 1.2rem; +} + +p{ + font-size: 1.15rem; +} + +//System stack for everything +body { + font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; + } \ No newline at end of file diff --git a/about.md b/about.md new file mode 100644 index 0000000..046029d --- /dev/null +++ b/about.md @@ -0,0 +1,7 @@ +--- +layout: default +title: About +--- + +# [YAMT - Yet Another Minimal Theme](https://yamt.netlify.app/) +See [Github](https://github.com/PandaSekh/Jekyll-YAMT). \ No newline at end of file diff --git a/archive.md b/archive.md new file mode 100644 index 0000000..b8b1534 --- /dev/null +++ b/archive.md @@ -0,0 +1,4 @@ +--- +layout: archive +title: Archive +--- \ No newline at end of file diff --git a/assets/css/main.scss b/assets/css/main.scss new file mode 100644 index 0000000..20d7cce --- /dev/null +++ b/assets/css/main.scss @@ -0,0 +1,4 @@ +--- +--- + +@import "base", "typography", "header", "post", "home", "footer", "paginator", "scrollbar", "contact", "related-posts", "mobile"; \ No newline at end of file diff --git a/assets/css/syntax.scss b/assets/css/syntax.scss new file mode 100644 index 0000000..795f87f --- /dev/null +++ b/assets/css/syntax.scss @@ -0,0 +1,262 @@ +--- +--- + +pre{ + overflow-x: auto; +} + +.highlight{ + font-size: 16px; + border-radius: 5px; + padding-left: 10px; + padding-right: 10px; + padding-top: 1px; + padding-bottom: 1px; + overflow-x: auto; + // System font stack for code + font-family: + "SFMono-Regular", + Consolas, + "Liberation Mono", + Menlo, + Courier, + monospace; +} + +pre.lineo{ + color: white; +} + +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf { + color: #75715e; + font-style: italic; +} +.highlight .cm { + color: #75715e; + font-style: italic; +} +.highlight .c1 { + color: #75715e; + font-style: italic; +} +.highlight .cp { + color: #75715e; + font-weight: bold; +} +.highlight .cs { + color: #75715e; + font-weight: bold; + font-style: italic; +} +.highlight .err { + color: #960050; + background-color: #1e0010; +} +.highlight .gi { + color: #ffffff; + background-color: #324932; +} +.highlight .gd { + color: #ffffff; + background-color: #493131; +} +.highlight .ge { + color: #ffffff; + font-style: italic; +} +.highlight .gr { + color: #aa0000; +} +.highlight .gt { + color: #aa0000; +} +.highlight .gh { + color: #999999; +} +.highlight .go { + color: #888888; +} +.highlight .gp { + color: #555555; +} +.highlight .gs { + font-weight: bold; +} +.highlight .gu { + color: #aaaaaa; +} +.highlight .k, .highlight .kv { + color: #66d9ef; + font-weight: bold; +} +.highlight .kc { + color: #66d9ef; + font-weight: bold; +} +.highlight .kd { + color: #66d9ef; + font-weight: bold; +} +.highlight .kp { + color: #66d9ef; + font-weight: bold; +} +.highlight .kr { + color: #66d9ef; + font-weight: bold; +} +.highlight .kt { + color: #66d9ef; + font-weight: bold; +} +.highlight .kn { + color: #f92672; + font-weight: bold; +} +.highlight .ow { + color: #f92672; + font-weight: bold; +} +.highlight .o { + color: #f92672; + font-weight: bold; +} +.highlight .mf { + color: #ae81ff; +} +.highlight .mh { + color: #ae81ff; +} +.highlight .il { + color: #ae81ff; +} +.highlight .mi { + color: #ae81ff; +} +.highlight .mo { + color: #ae81ff; +} +.highlight .m, .highlight .mb, .highlight .mx { + color: #ae81ff; +} +.highlight .se { + color: #ae81ff; +} +.highlight .sb { + color: #e6db74; +} +.highlight .sc { + color: #e6db74; +} +.highlight .sd { + color: #e6db74; +} +.highlight .s2 { + color: #e6db74; +} +.highlight .sh { + color: #e6db74; +} +.highlight .si { + color: #e6db74; +} +.highlight .sx { + color: #e6db74; +} +.highlight .sr { + color: #e6db74; +} +.highlight .s1 { + color: #e6db74; +} +.highlight .ss { + color: #e6db74; +} +.highlight .s, .highlight .sa, .highlight .dl { + color: #e6db74; +} +.highlight .na { + color: #a6e22e; +} +.highlight .nc { + color: #a6e22e; + font-weight: bold; +} +.highlight .nd { + color: #a6e22e; + font-weight: bold; +} +.highlight .ne { + color: #a6e22e; + font-weight: bold; +} +.highlight .nf, .highlight .fm { + color: #a6e22e; + font-weight: bold; +} +.highlight .no { + color: #66d9ef; +} +.highlight .bp { + color: #f8f8f2; +} +.highlight .nb { + color: #f8f8f2; +} +.highlight .ni { + color: #f8f8f2; +} +.highlight .nn { + color: #f8f8f2; +} +.highlight .vc { + color: #f8f8f2; +} +.highlight .vg { + color: #f8f8f2; +} +.highlight .vi { + color: #f8f8f2; +} +.highlight .nv, .highlight .vm { + color: #f8f8f2; +} +.highlight .w { + color: #f8f8f2; +} +.highlight .nl { + color: #f8f8f2; + font-weight: bold; +} +.highlight .nt { + color: #f92672; +} +.highlight { + color: #f8f8f2; + background-color: #49483e; +} + +figure.highlight{ + position: relative; +} + +figure.highlight pre code[data-lang]::before, div.highlight pre code[data-lang]::before{ + content: attr(data-lang); + text-transform: uppercase; + position: absolute; + color: #ebebeb; + right: 34px; + top: -10px; + padding-left: 7.5px; + padding-right: 7.5px; + border: 1px solid #828282; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + min-width: 40px; + text-align: center; + background-color: #49483e; +} diff --git a/assets/favicon.ico b/assets/favicon.ico new file mode 100644 index 0000000..6ebb012 Binary files /dev/null and b/assets/favicon.ico differ diff --git a/assets/img/airplane.jpg b/assets/img/airplane.jpg new file mode 100644 index 0000000..9693901 Binary files /dev/null and b/assets/img/airplane.jpg differ diff --git a/assets/img/forest-snow.jpg b/assets/img/forest-snow.jpg new file mode 100644 index 0000000..ce84c74 Binary files /dev/null and b/assets/img/forest-snow.jpg differ diff --git a/assets/img/logo.jpg b/assets/img/logo.jpg new file mode 100644 index 0000000..589e689 Binary files /dev/null and b/assets/img/logo.jpg differ diff --git a/assets/img/mountain.jpg b/assets/img/mountain.jpg new file mode 100644 index 0000000..ae7eb64 Binary files /dev/null and b/assets/img/mountain.jpg differ diff --git a/assets/img/oranges.jpg b/assets/img/oranges.jpg new file mode 100644 index 0000000..48909ec Binary files /dev/null and b/assets/img/oranges.jpg differ diff --git a/assets/img/rose.jpg b/assets/img/rose.jpg new file mode 100644 index 0000000..b8ad4da Binary files /dev/null and b/assets/img/rose.jpg differ diff --git a/assets/img/screenshots/Screenshot.png b/assets/img/screenshots/Screenshot.png new file mode 100644 index 0000000..dcbf3da Binary files /dev/null and b/assets/img/screenshots/Screenshot.png differ diff --git a/assets/img/screenshots/Screenshot_code_highlight.png b/assets/img/screenshots/Screenshot_code_highlight.png new file mode 100644 index 0000000..c56de0b Binary files /dev/null and b/assets/img/screenshots/Screenshot_code_highlight.png differ diff --git a/assets/img/screenshots/Screenshot_minimal.png b/assets/img/screenshots/Screenshot_minimal.png new file mode 100644 index 0000000..1cd3a05 Binary files /dev/null and b/assets/img/screenshots/Screenshot_minimal.png differ diff --git a/assets/img/screenshots/Screenshot_mobile.png b/assets/img/screenshots/Screenshot_mobile.png new file mode 100644 index 0000000..725307b Binary files /dev/null and b/assets/img/screenshots/Screenshot_mobile.png differ diff --git a/categories.md b/categories.md new file mode 100644 index 0000000..95e9550 --- /dev/null +++ b/categories.md @@ -0,0 +1,7 @@ +--- +layout: categories +permalink: /categories/ +title: Categories +--- + + diff --git a/contact-successful.md b/contact-successful.md new file mode 100644 index 0000000..e6a139f --- /dev/null +++ b/contact-successful.md @@ -0,0 +1,11 @@ +--- +layout: default +title: Thank you! +--- + + +## THANK YOU! +
+

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

+ Go back to the homepage. +
\ No newline at end of file diff --git a/contact.md b/contact.md new file mode 100644 index 0000000..aa302fe --- /dev/null +++ b/contact.md @@ -0,0 +1,4 @@ +--- +layout: contact +title: Contact +--- \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..43454ab --- /dev/null +++ b/index.html @@ -0,0 +1,5 @@ +--- +layout: home +title: Home +--- + diff --git a/index.markdown b/index.markdown deleted file mode 100644 index b6807e2..0000000 --- a/index.markdown +++ /dev/null @@ -1,7 +0,0 @@ ---- -# Feel free to add content and custom Front Matter to this file. -# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults - -layout: home -theme: jekyll-yamt ---- diff --git a/jekyll-yamt.gemspec b/jekyll-yamt.gemspec new file mode 100644 index 0000000..8231f96 --- /dev/null +++ b/jekyll-yamt.gemspec @@ -0,0 +1,23 @@ +# frozen_string_literal: true + +Gem::Specification.new do |spec| + spec.name = "jekyll-yamt" + spec.version = "1.0.6" + spec.authors = ["PandaSekh"] + spec.email = ["alessiofranceschi2@gmail.com"] + + spec.summary = "Yet Another Minimal Theme for Jekyll" + spec.homepage = "https://github.com/PandaSekh/Jekyll-YAMT" + spec.license = "MIT" + + spec.files = `git ls-files -z`.split("\x0").select { |f| f.match(%r!^(assets|_layouts|_includes|_sass|LICENSE|README)!i) } + + spec.add_runtime_dependency "jekyll", "~> 4.0" + spec.add_runtime_dependency "jekyll-paginate", "~> 1.1.0" + spec.add_runtime_dependency "jekyll-seo-tag", "~> 2.6.1" + spec.add_runtime_dependency "jekyll-feed", "~> 0.13.0" + spec.add_runtime_dependency "jekyll-sitemap", "~> 1.4.0" + + spec.add_development_dependency "bundler", "~> 2.2.1" + spec.add_development_dependency "rake", "~> 12.0" +end \ No newline at end of file diff --git a/utterances.json b/utterances.json new file mode 100644 index 0000000..2e5ff8c --- /dev/null +++ b/utterances.json @@ -0,0 +1,3 @@ +{ + "origins": ["https://yourwebsite.com"] +}