#jekyll-6-minute-read
Customize your jekyll blog to display the number of minutes it will take to read your article.
{{ page.content | number_of_words | plus: 300 | divided_by: 160 | append: " minute read" }}
| <a href="https://image.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="auto" src="https://image.jpg" width="100%" /></a> | |
| to... | |
| <a href="https://image.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="auto" src="https://image.jpg" width="100%" /></a> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| button.accordion { | |
| background-color: #eee; | |
| color: #444; | |
| cursor: pointer; | |
| padding: 18px; | |
| width: 100%; |
| /* | |
| Centers the hell | |
| out of Embeded Videos | |
| */ | |
| .video-container { | |
| position:relative; | |
| padding-bottom:56.25%; | |
| padding-top:30px; | |
| height:0; |
| <div style="text-align:center"> | |
| {% if page.image and page.headerImage %} | |
| <img class="title-image" src="{{ page.image }}" alt="{{ page.title }}"> | |
| {% endif %} | |
| <br /> | |
| <br /> | |
| </div> | |
| /* Style & Alignment */ | |
| .ih-item{ | |
| margin: auto; | |
| margin-top: 25px; | |
| } | |
| p{ | |
| margin: 0; | |
| } |
| <span class="post-meta">{% if post.author %}{{ post.author }}{% else %}{{ site.author }}{% endif %} | {{ post.date | date: "%b %-d, %Y" }}</span> | |
| <div class="post-excerpt">{{ post.excerpt }}</div> | |
| <div class="post-meta">{% if post.categories %}Filed under: <a href="{{ "/categories/" | prepend: site.baseurl }}#category-{{ post.categories.first | replace: ' ', '_' }}">{{ post.categories.first }}</a>{% for category in post.categories offset:1 %}, <a href="{{ "/categories/" | prepend: site.baseurl }}#category-{{ category | replace: ' ', '_' }}">{{ category }}</a>{% endfor %}{% endif %}{% if post.tags %}{% if post.categories %} | {% endif %}Tags: <a href="{{ "/tags/" | prepend: site.baseurl }}#tag-{{ post.tags.first | replace: ' ', '_' }}">{{ post.tags.first }}</a>{% for tag in post.tags offset:1 %}, <a href="{{ "/tags/" | prepend: site.baseurl }}#tag-{{ tag | replace: ' ', '_' }}">{{ tag }}</a>{% endfor %}{% endif %}</div> | |
| <div class="read-more"><a href="{{ post.url | prepend: site |
#jekyll-6-minute-read
Customize your jekyll blog to display the number of minutes it will take to read your article.
{{ page.content | number_of_words | plus: 300 | divided_by: 160 | append: " minute read" }}
| <section class="archive-post-list"> | |
| {% for post in site.posts %} | |
| {% assign currentDate = post.date | date: "%Y" %} | |
| {% if currentDate != myDate %} | |
| {% unless forloop.first %}</ul>{% endunless %} | |
| <h1>{{ currentDate }}</h1> | |
| <ul> | |
| {% assign myDate = currentDate %} | |
| {% endif %} |
| /* CSS reset */ | |
| body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { | |
| margin:0; | |
| padding:0; | |
| } | |
| html,body { | |
| margin:0; | |
| padding:0; | |
| } |
| <h1>Fluid Typography Sass Mixin</h1> | |
| <p> | |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit iusto adipisci, cupiditate animi, itaque qui aspernatur vel corrupti labore minima, excepturi ab, fuga rem dolores. Ratione sunt autem iusto aliquid. | |
| </p> | |
| <h2>Heading 2</h2> | |
| <p> | |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit iusto adipisci, cupiditate animi, itaque qui aspernatur vel corrupti labore minima, excepturi ab, fuga rem dolores. Ratione sunt autem iusto aliquid. | |
| </p> |