diff --git a/README.md b/README.md index f4f5c8e..dddf508 100644 --- a/README.md +++ b/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 ) - 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 +>

Like this theme? Become a patreon to support my opensource work

+> + ## 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 (if it's not, you can often force it to build by completing step 2) +Your Jekyll blog will often be viewable immediately at (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 - 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: +The categorized content can be shown over this URL: ## Pagination diff --git a/_pages/about.md b/_pages/about.md index 48b3813..e8c5fd2 100644 --- a/_pages/about.md +++ b/_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 ) - Syntax highlighting using Pygments - [Dracula syntax theme](https://draculatheme.com/) included - Disqus commenting diff --git a/_posts/2019-02-13-introducing-reverie-jekyll-theme.md b/_posts/2019-02-13-introducing-reverie-jekyll-theme.md index 87a2786..a66318c 100644 --- a/_posts/2019-02-13-introducing-reverie-jekyll-theme.md +++ b/_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 ) - Syntax highlighting using Pygments - [Dracula syntax theme](https://draculatheme.com/) included - Disqus commenting diff --git a/fonts/FuturaPTLight.otf b/fonts/FuturaPTLight.otf deleted file mode 100644 index 3546da4..0000000 Binary files a/fonts/FuturaPTLight.otf and /dev/null differ diff --git a/images/categories.png b/images/categories.png index 92c84c3..06ac800 100644 Binary files a/images/categories.png and b/images/categories.png differ diff --git a/images/mobile-demo.png b/images/mobile-demo.png index e17c383..c4450ad 100644 Binary files a/images/mobile-demo.png and b/images/mobile-demo.png differ diff --git a/images/reverie-demo.png b/images/reverie-demo.png index 2256d6a..260e60e 100644 Binary files a/images/reverie-demo.png and b/images/reverie-demo.png differ diff --git a/images/search.png b/images/search.png index 92f3813..15006e4 100644 Binary files a/images/search.png and b/images/search.png differ diff --git a/style.scss b/style.scss index 5572061..abdc337 100644 --- a/style.scss +++ b/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;