Merge branch 'master' into dev-w3c

README.md

@@ -24,8 +24,6 @@ This is a plug-and-play Jekyll theme best suited to use on [GitHub Pages](https:
 - Free hosting on your GitHub Pages user site
 - All the SEO goodies comes in-built
 - Markdown blogging
-- Elegant typography
-  - Futura PT fonts (The same fonts which has been used on <https://pixar.com>)
 - Syntax highlighting using Pygments
     - [Dracula syntax theme](https://draculatheme.com/) included
 - Disqus commenting
@@ -36,23 +34,26 @@ This is a plug-and-play Jekyll theme best suited to use on [GitHub Pages](https:
 - RSS Feed
 - In-built sitemap
 
+> <p><i>Like this theme?</i> Become a patreon to support my opensource work <p>
+> <a href="https://www.patreon.com/amitmerchant"><img src="https://c5.patreon.com/external/logo/become_a_patron_button@2x.png" width="160"></a>
+
 ## Using Reverie on GitHub Pages
 
-### Step 1) Fork Reverie to your User Repository
+### 1. Fork Reverie to your User Repository
 
 Fork this repository, then rename the repository to `yourgithubusername.github.io`.
 
 Alternatively, you can use [`Use this template`](https://github.com/amitmerchant1990/reverie/generate) button if you want to create a repository with a clean commit history which will use Reverie as a template.
 
-Your Jekyll blog will often be viewable immediately at <https://yourgithubusername.github.io> (if it's not, you can often force it to build by completing step 2)
+Your Jekyll blog will often be viewable immediately at <https://yourgithubusername.github.io> (if it's not, you can often force it to build by completing step 2.
 
-### Step 2) Customize and view your site
+### 2. Customize and view your site
 
 Enter your site name, description, avatar and many other options by editing the `_config.yml` file. You can easily turn on Google Analytics tracking, Disqus commenting and social icons here.
 
 Making a change to `_config.yml` (or any file in your repository) will force GitHub Pages to rebuild your site with jekyll. Your rebuilt site will be viewable a few seconds later at <https://yourgithubusername.github.io> - if not, give it ten minutes as GitHub suggests and it'll appear soon.
 
-### Step 3) Publish your first blog post
+### 3. Publish your first blog post
 
 Create a new file called `/_posts/2019-2-13-Hello-World.md` to publish your first blog post. That's all you need to do to publish your first blog post! This [Markdown Cheatsheet](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) might come in handy while writing the posts.
 
@@ -74,7 +75,7 @@ For adding multiple categories:
 categories: [PHP, Laravel]
 ```
 
-The contegorized content can be shown over this URL: <https://yourgithubusername.github.io/categories/>
+The categorized content can be shown over this URL: <https://yourgithubusername.github.io/categories/>
 
 ## Pagination
 

_pages/about.md

@@ -16,8 +16,6 @@ This is a plug-and-play Jekyll theme which you can use on GitHub Pages without e
 - Free hosting on your GitHub Pages user site
 - All the SEO goodies comes in-built
 - Markdown blogging
-- Elegant typography
-  - Futura PT fonts (The same fonts which has been used on <https://pixar.com>)
 - Syntax highlighting using Pygments
     - [Dracula syntax theme](https://draculatheme.com/) included
 - Disqus commenting

_posts/2019-02-13-introducing-reverie-jekyll-theme.md

@@ -18,8 +18,6 @@ This is a plug-and-play Jekyll theme which you can use on GitHub Pages without e
 - Free hosting on your GitHub Pages user site
 - All the SEO goodies comes in-built
 - Markdown blogging
-- Elegant typography
-  - Futura PT fonts (The same fonts which has been used on <https://pixar.com>)
 - Syntax highlighting using Pygments
     - [Dracula syntax theme](https://draculatheme.com/) included
 - Disqus commenting

style.scss

@@ -22,11 +22,11 @@ html {
 
 body {
   background: #fff;
-  font-family: 'FuturaPTLight';
-  color: #555;
+  font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  color: #404040;
   line-height: 1.7;
-  font-weight: bold;
-  font-size: 15pt;
+  font-weight: 400;
+  font-size: 18px;
   height: 100%;
 }
 
@@ -38,7 +38,7 @@ body {
 }
 
 h1, h2, h3, h4, h5, h6 {
-  font-family: 'FuturaPTLight';
+  font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: $darkerGray;
   font-weight: bold;
 
@@ -81,7 +81,7 @@ h3 {
 
 h4 {
   font-size: 18px;
-  color: $gray;
+  color: #222;
 }
 
 p {
@@ -408,16 +408,6 @@ body:after {
     content: '';
 }
 
-@font-face {
-    font-family: EBGaramond;
-    src: url(fonts/EBGaramond-Regular.ttf);
-}
-
-@font-face {
-    font-family: FuturaPTLight;
-    src: url(fonts/FuturaPTLight.otf);
-}
-
 #bar {
     background: #000;
     height: 7px;
@@ -431,7 +421,7 @@ body:after {
 }
 
 .post h1{
-  font-family: 'FuturaPTLight';
+  font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   text-align: center;
   font-weight: bold;
   font-kerning: auto;
@@ -440,7 +430,7 @@ body:after {
 }
 
 .page h1{
-  font-family: 'FuturaPTLight';
+  font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   text-align: center;
   font-weight: bold;
   font-kerning: auto;