diff --git a/Gemfile b/Gemfile index fe444ad..e0457d8 100644 --- a/Gemfile +++ b/Gemfile @@ -7,4 +7,5 @@ gem 'jekyll' gem "jekyll-tagging" gem "jekyll-include-cache" gem 'jekyll-paginate' +gem 'jekyll-seo-tag' gem 'jekyll-watch' diff --git a/Gemfile.lock b/Gemfile.lock index 3cbd11f..f626657 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -34,6 +34,8 @@ GEM jekyll-paginate (1.1.0) jekyll-sass-converter (2.1.0) sassc (> 2.0.1, < 3.0) + jekyll-seo-tag (2.6.1) + jekyll (>= 3.3, < 5.0) jekyll-tagging (1.1.0) nuggets jekyll-watch (2.2.1) @@ -73,6 +75,7 @@ DEPENDENCIES jekyll jekyll-include-cache jekyll-paginate + jekyll-seo-tag jekyll-tagging jekyll-watch pygments.rb diff --git a/_config.yml b/_config.yml index 2a42c4c..2487577 100644 --- a/_config.yml +++ b/_config.yml @@ -1,4 +1,5 @@ name: 'rtyler' +title: 'rtyler' description: 'a moderately technical blog' tag_page_layout: tag_page tag_page_dir: tag @@ -9,6 +10,7 @@ incremental: true plugins: - jekyll-paginate - jekyll-include-cache + - jekyll-seo-tag lsi: false exclude: @@ -32,7 +34,8 @@ nav: # Sass sass: - style: :compressed + style: compressed + sourcemap: never # Scopes defaults: @@ -53,3 +56,23 @@ collections: microblog: output: true permalink: /microblog/:year/:month/:slug/ + +kramdown: + input: GFM + syntax_highlighter: rouge + + syntax_highlighter_opts: + css_class: 'highlight' + span: + line_numbers: false + block: + line_numbers: false + start_line: 1 + +social: + links: + - https://twitter.com/agentdero + - https://www.github.com/rtyler +twitter: + username: agentdero + card: summary diff --git a/_data/pages.yml b/_data/pages.yml new file mode 100644 index 0000000..8328fac --- /dev/null +++ b/_data/pages.yml @@ -0,0 +1,4 @@ +pages: + - {name: 'About', url: 'about.html'} + - {name: 'Tags', url: 'categories'} + - {name: 'Feed', url: 'atom.xml'} diff --git a/_data/settings.yml b/_data/settings.yml new file mode 100644 index 0000000..e98a712 --- /dev/null +++ b/_data/settings.yml @@ -0,0 +1,39 @@ +#Google Analytics +analytics-id: #leave blank to not use Analytics + +#Subtitle +subtitle: + active: true + text: a moderately technical blog + +#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: false + title: "You May Also Enjoy" + +#Disqus +disqus: + disqus_shortname: 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 index 972aba8..616c34b 100644 --- a/_includes/analytics.html +++ b/_includes/analytics.html @@ -1,14 +1,9 @@ - - + + + diff --git a/_includes/categories.html b/_includes/categories.html new file mode 100644 index 0000000..bc90fa0 --- /dev/null +++ b/_includes/categories.html @@ -0,0 +1,10 @@ +
+ Tags: + {% assign categories = post.tags %} + {% for category in categories %} + {{category}} + {% unless forloop.last %} {% endunless %} + {% endfor %} + +
diff --git a/_includes/disqus.html b/_includes/disqus.html new file mode 100644 index 0000000..03c2dc1 --- /dev/null +++ b/_includes/disqus.html @@ -0,0 +1,19 @@ +
+

Load Comments

+
+ + + +
\ No newline at end of file diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..42a01b0 --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/_includes/gif.html b/_includes/gif.html new file mode 100644 index 0000000..d6e73e8 --- /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..0b93525 --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,31 @@ + + + + + + {% 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..1ca5da8 --- /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..a2a7ed6 --- /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..e2a124a --- /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 %} diff --git a/_includes/related-posts.html b/_includes/related-posts.html new file mode 100644 index 0000000..3ad14d2 --- /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..217625e --- /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 %} \ No newline at end of file diff --git a/_layouts/categories.html b/_layouts/categories.html new file mode 100644 index 0000000..cc4761e --- /dev/null +++ b/_layouts/categories.html @@ -0,0 +1,22 @@ +--- +layout: default +permalink: /categories/ +title: Categories +--- + +{% assign categories = site.tags | sort %} +{% for category in categories %} +
+ {% capture category_name %}{{ category | first }}{% endcapture %} +
+

+ +

{{ category_name }}

+ + +
+{% endfor %} diff --git a/_layouts/contact.html b/_layouts/contact.html new file mode 100644 index 0000000..4ac4ff6 --- /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 index 2395bc8..70adec2 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -1,67 +1,18 @@ -{% if site.tags != "" %} - {% include collect-tags.html %} -{% endif %} - - - + + - - - {% if page.title %}{{ page.title }}{% else %}{{ site.name }}{% endif %} - + {% include head.html %} +
- {{ content }} + {% include header.html %} + +
+ {{ content }} +
+ +{%- include footer.html -%} diff --git a/_layouts/home.html b/_layouts/home.html new file mode 100644 index 0000000..bc9b5b2 --- /dev/null +++ b/_layouts/home.html @@ -0,0 +1,55 @@ +--- +layout: default +title: Home +--- +{% for post in paginator.posts %} + +
+

{{ post.title }}

+ + {% if site.data.settings.date-under-post.active %} +
+ + + - + {% include reading_time.html %} + + {% if site.data.settings.categories.active %} + {% include categories.html %} + {% endif %} +
+ {% 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.excerpt }} + {% 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 index 22127f2..5e71126 100644 --- a/_layouts/page.html +++ b/_layouts/page.html @@ -2,24 +2,4 @@ layout: default --- -
-
-
- -
- -

{{ page.title }}

- -
- {{content}} -
- -
- -
+{{ content }} diff --git a/_layouts/post.html b/_layouts/post.html index 14fcd85..854ff2f 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -1,38 +1,46 @@ ---- -layout: default ---- + + + + {% include head.html %} + - -
-

- {{ site.name }} -

-
+ -
-
-

{{ page.title }}

-
- {% for tag in page.tags %} - - {{ tag }} -   - - {% endfor %} -
-
- - - -
- {{ content }} -
-
+
+ {% include header.html %} - +
+
+

{{ page.title }}

+ + {% if site.data.settings.date-under-post.active %} +
+ + {{ page.date | date_to_string }} - {% include reading_time.html %} + + {% if site.data.settings.categories.active %} + {% assign post = page %} + {% include categories.html %} + {% endif %} +
+ {% endif %} + {{ content }} +
+
+ + {% if site.data.settings.related-posts.active %} + {% include related-posts.html %} + {% endif %} + + {% if site.data.settings.disqus.disqus_shortname %} + {% include disqus.html %} + {% endif %} +
+ +{%- include footer.html -%} + +{% if site.data.settings.mathjax.active %} + +{% endif %} + + diff --git a/_layouts/tag_page.html b/_layouts/tag_page.html index ed82b7c..e4d6706 100644 --- a/_layouts/tag_page.html +++ b/_layouts/tag_page.html @@ -2,13 +2,15 @@ layout: default --- -
{{ page.tag }} + +
+ {% capture page.tag %}{{ category | first }}{% endcapture %} +

+ +

{{ page.tag }}

-
+ diff --git a/_sass/archive.scss b/_sass/archive.scss new file mode 100644 index 0000000..585a005 --- /dev/null +++ b/_sass/archive.scss @@ -0,0 +1,10 @@ +.archive-link{ + text-decoration: none; + color: black; + font-style: italic; + font-size: 1.5rem; +} + +.archive-link:hover{ + text-decoration: underline; +} \ No newline at end of file diff --git a/_sass/base.scss b/_sass/base.scss new file mode 100644 index 0000000..6004176 --- /dev/null +++ b/_sass/base.scss @@ -0,0 +1,127 @@ +//Colors +$base: #5d5d5d; +$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; +} + +//Disqus +#load-comments{ + border: 1px solid #e0e0e0; + border-radius: 3px; + padding: 15px 35px; + margin-left: auto; + margin-right: auto; + overflow: hidden; + text-align: center; + max-width: fit-content; + //Make text not selectable + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + color: $base; +} + +#load-comments:hover{ + cursor: pointer; + color: black; + background-color: $light-grey; +} +//End Disqus + +//Alerts +.alert{ + padding: 20px; + border-radius: 0 4px 4px 0; + color: #fff; + display: block; + font-size: larger; + font-family: 'Montserrat', sans-serif; +} + +.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-family: 'Montserrat', sans-serif; + 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{ + font-family: 'PT Serif', serif; + text-decoration: none; + } + a:hover{ + font-style: italic; + } + } + ul{ + list-style: disc; + } +} +//End ToC diff --git a/_sass/contact.scss b/_sass/contact.scss new file mode 100644 index 0000000..f289eb2 --- /dev/null +++ b/_sass/contact.scss @@ -0,0 +1,40 @@ +.form{ + .form-input{ + font-family: 'PT Serif', serif; + 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; + font-family: 'PT Serif', serif; + } + .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..3adf2a9 --- /dev/null +++ b/_sass/header.scss @@ -0,0 +1,106 @@ +// 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; + // Disabling to make the header links align with the left side of the post + // container + // 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; + font-family: 'PT Serif', serif; + 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; + } + } + } +} diff --git a/_sass/home.scss b/_sass/home.scss new file mode 100644 index 0000000..26451f2 --- /dev/null +++ b/_sass/home.scss @@ -0,0 +1,39 @@ +//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; + border-bottom: 1px solid #c6c4c4; + padding-bottom: 3px; + font-family: 'PT Serif', serif; +} diff --git a/_sass/mobile.scss b/_sass/mobile.scss new file mode 100644 index 0000000..672f355 --- /dev/null +++ b/_sass/mobile.scss @@ -0,0 +1,51 @@ +@media (max-width: 768px){ + html{ + overflow-y: auto; + } + .container { + width: 80vw; + } + #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; + } +} \ No newline at end of file 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..d3dbf2f --- /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.scss b/_sass/typography.scss new file mode 100644 index 0000000..d78f641 --- /dev/null +++ b/_sass/typography.scss @@ -0,0 +1,41 @@ +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{ + font-family: 'PT Serif', serif; +} \ No newline at end of file diff --git a/assets/css/main.scss b/assets/css/main.scss new file mode 100644 index 0000000..6b2140e --- /dev/null +++ b/assets/css/main.scss @@ -0,0 +1,4 @@ +--- +--- + +@import "base", "typography", "header", "post", "home", "footer", "paginator", "archive", "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..3c2bc0d --- /dev/null +++ b/assets/css/syntax.scss @@ -0,0 +1,258 @@ +--- +--- + +/* These two lines of CSS can't be used together, as they will break some elements. Uncomment the one you want to use and comment or delete the other one. + white-space: pre-wrap - returns on a new line every word outside of the code block. No horizontal scrollbar. This breaks the lines of code, if you show them. https://developer.mozilla.org/en-US/docs/Web/CSS/white-space + overflow-x: auto - The lines of code remain exactly the same as you typed. In case of overflow, it adds an horizontal scrollbar. This works with lines of code. https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x +*/ +pre{ + /* white-space: pre-wrap; */ + overflow-x: auto; +} + +.highlight{ + font-size: 16px; + border-radius: 5px; + padding-left: 10px; + padding-right: 10px; + padding-top: 1px; + padding-bottom: 1px; +} + +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; +} \ No newline at end of file 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..981b15f 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..4e8810e 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..24ca546 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..7286697 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..2047d43 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/index.html b/index.html index 33a6f98..43454ab 100644 --- a/index.html +++ b/index.html @@ -1,65 +1,5 @@ --- -layout: default -title: rtyler - home +layout: home +title: Home --- -
-

- {{ site.name }}'s blog -

- -
- -
- {% for post in paginator.posts %} -
-
-

{{ post.title }}

- - · - {% for tag in post.tags %} - - - {{ tag }} - · - - - {% endfor %} - -
-
- {{ post.excerpt }} -
-
-
- - {% endfor %} - - - -