diff --git a/Gemfile b/Gemfile deleted file mode 100644 index bce2436..0000000 --- a/Gemfile +++ /dev/null @@ -1,2 +0,0 @@ -source "https://rubygems.org" -gem 'github-pages' \ No newline at end of file diff --git a/README.md b/README.md index 211dd19..b6f5796 100644 --- a/README.md +++ b/README.md @@ -9,7 +9,7 @@ Reverie is a [Jekyll](https://jekyllrb.com/)-powered theme which is simple and opinionated. It's actually a fork of [jekyll-now](https://github.com/barryclark/jekyll-now) with some additional features and personal touches which I've implemented to suit my needs for my blog. -> [Theme demo](https://www.amitmerchant.com/reverie/introducing-reverie-jekyll-theme/) +> [Theme demo](https://reverie-jekyll.netlify.app/) This is a plug-and-play Jekyll theme best suited to use on [GitHub Pages](https://pages.github.com) without even setting up a local environment. @@ -27,8 +27,9 @@ This is a plug-and-play Jekyll theme best suited to use on [GitHub Pages](https: - Fully responsive and mobile optimized theme - Sass/Coffeescript support using Jekyll 2.0 - Free hosting on your GitHub Pages user site -- All the SEO goodies comes in-built +- All the SEO goodies come built-in - Markdown blogging +- Supports [Pullquotes](https://en.wikipedia.org/wiki/Pull_quote) - Syntax highlighting using Pygments - [Dracula syntax theme](https://draculatheme.com/) included - Disqus commenting @@ -38,9 +39,9 @@ This is a plug-and-play Jekyll theme best suited to use on [GitHub Pages](https: - Blog with pagination - Categorize posts out-of-the box - RSS Feed -- In-built sitemap +- Built-in sitemap ->
Like this theme? Become a patreon to support my opensource work
+>
Like this theme? Become a patreon to support my open source work
>
## Using Reverie on GitHub Pages
@@ -49,15 +50,15 @@ This is a plug-and-play Jekyll theme best suited to use on [GitHub Pages](https:
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.
+Alternatively, you can click the [`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
+
{{ site.name }}
diff --git a/_posts/2019-12-11-pullquotes.md b/_posts/2019-12-11-pullquotes.md
new file mode 100644
index 0000000..647f4ed
--- /dev/null
+++ b/_posts/2019-12-11-pullquotes.md
@@ -0,0 +1,14 @@
+---
+layout: post
+title: Pullquotes
+categories: [HTML,Code]
+excerpt: In graphic design, a pull quote (also known as a lift-out pull quote) is a key phrase, quotation, or excerpt that has been pulled from an article and used as a page layout graphic element, serving to entice readers into the article or to highlight a key topic.
+---
+
+In graphic design, a pull quote (also known as a lift-out pull quote) is a key phrase, quotation, or excerpt that has been pulled from an article and used as a page layout graphic element, serving to entice readers into the article or to highlight a key topic. {% include pullquote.html quote="It is typically placed in a larger or distinctive typeface and on the same page." %} Pull quotes are often used in magazine and newspaper articles, annual reports, and brochures, as well as on the web. They can add visual interest to text-heavy pages with few images or illustrations.
+
+Placement of a pull quote on a page may be defined in a publication's or website's style guide. Such a typographic device may or may not be aligned with a column on the page. Some designers, for example, choose not to align the quote. In that case, the quotation cuts into two or more columns, as in the example shown. Because the pull quote invites the reader to read about the highlighted material, the pull quote should appear before the text it cites and, generally, fairly close to it.
+
+Pull quotes need not be a verbatim copy of the text being quoted; depending on a publication's house style, pull quotes may be abbreviated for space or paraphrased for clarity, with or without indication.
+
+A disadvantage of pull quotes as a design element is that they can disrupt the reading process of readers invested in reading the text sequentially by drawing attention to ghost fragments out of context. At the other extreme, when pull quotes are used to break up what would otherwise be a formless wall of text, pull quote can serve as visual landmarks to help the reader maintain a sense of sequence and place.
\ No newline at end of file
diff --git a/_sass/_darcula.scss b/_sass/_darcula.scss
index fcf98c6..6c3c1e0 100644
--- a/_sass/_darcula.scss
+++ b/_sass/_darcula.scss
@@ -1,7 +1,7 @@
.highlight {
background-color: #1e1c3f;
padding: 7px 7px 7px 10px;
- overflow: scroll;
+ overflow: auto;
font-size: 95%;
}
diff --git a/assets/style.scss b/assets/style.scss
index b6c0ba1..f54b5b4 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -156,6 +156,26 @@ table tr td :last-child {
color: #222;
}
+span[data-pullquote] {
+ display: block;
+
+ @include mobile {
+ display: none;
+ }
+}
+
+span[data-pullquote]:before {
+ content: attr(data-pullquote);
+ float: right;
+ width: 200px;
+ margin: 0 0 0.5em 30px;
+ padding: 0 -5% 0 0;
+ font-size: 1.3em;
+ font-style: italic;
+ color: green;
+ text-align: center;
+}
+
a {
color: $blue;
text-decoration: none;
diff --git a/index.html b/index.html
index 7db56e9..80dd4a8 100644
--- a/index.html
+++ b/index.html
@@ -33,7 +33,7 @@ layout: default
{% if page == paginator.page %}
{{ page }}
{% elsif page == 1 %}
- {{ page }}
+ {{ page }}
{% else %}
{{ page }}
{% endif %}