Skip to content

Commit 1c52125

Browse files
AbstractGeekalshedivat
AbstractGeek
and
alshedivat
authored
Added Jekyll-Archives (for tags, categories) and Jekyll site-map (alshedivat#346)
* Add webpage to academic pages list * adding panelbear analytics * added categories for projects and horizontal mode display for projects * rewrote the code to ensure it works properly with current project definitions * Style adjustments * added blockquote format, jekyll-archives, tag, year archive pages, and reading time. * added archive meta to blog posts list and individual posts. * added sitemap * stylistic modifications to jekyll-archive addition * Minor fixes Co-authored-by: Maruan Al-Shedivat <[email protected]>
1 parent 174024e commit 1c52125

15 files changed

+217
-9
lines changed

‎Gemfile

+1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
source 'https://rubygems.org'
22
group :jekyll_plugins do
33
gem 'jekyll'
4+
gem 'jekyll-archives'
45
gem 'jekyll-diagrams'
56
gem 'jekyll-email-protect'
67
gem 'jekyll-feed'

‎_config.yml

+24-1
Original file line numberDiff line numberDiff line change
@@ -138,21 +138,44 @@ keep_files:
138138

139139
# Plug-ins
140140
plugins:
141-
- jekyll/scholar
141+
- jekyll-archives
142142
- jekyll-diagrams
143143
- jekyll-email-protect
144144
- jekyll-feed
145145
- jekyll-github-metadata
146146
- jekyll-paginate-v2
147147
- jekyll-responsive-image
148+
- jekyll/scholar
148149
- jekyll-sitemap
149150
- jekyll-target-blank
150151
- jekyll-twitter-plugin
151152
- jemoji
152153

154+
# Sitemap settings
155+
defaults:
156+
- scope:
157+
path: "assets/**/*.*"
158+
values:
159+
sitemap: false
160+
153161
# Extras
154162
github: [metadata]
155163

164+
# -----------------------------------------------------------------------------
165+
# Jekyll Archives
166+
# -----------------------------------------------------------------------------
167+
168+
jekyll-archives:
169+
enabled: [year, tags, categories] # enables year, tag and category archives (remove if you need to disable one of them).
170+
layouts:
171+
year: archive-year
172+
tag: archive-tag
173+
category: archive-category
174+
permalinks:
175+
year: '/blog/:year/'
176+
tag: '/blog/tag/:name/'
177+
category: '/blog/category/:name/'
178+
156179
# -----------------------------------------------------------------------------
157180
# Jekyll Scholar
158181
# -----------------------------------------------------------------------------

‎_layouts/archive-category.html

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
---
2+
layout: default
3+
---
4+
5+
<div class="post">
6+
7+
<header class="post-header">
8+
<h1 class="post-title"> <i class="fas fa-tag fa-sm"></i> {{ page.title }} </h1>
9+
<p class="post-description"> an archive of posts in this category </p>
10+
</header>
11+
12+
<article>
13+
<div class="table-responsive">
14+
<table class="table table-sm table-borderless">
15+
{% for post in page.posts %}
16+
<tr>
17+
<th scope="row">{{ post.date | date: "%b %-d, %Y" }}</th>
18+
<td>
19+
<a class="post-link" href="{{ post.url | relative_url }}">{{ post.title }}</a>
20+
</td>
21+
</tr>
22+
{% endfor %}
23+
</table>
24+
</div>
25+
</article>
26+
27+
</div>

‎_layouts/archive-tag.html

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
---
2+
layout: default
3+
---
4+
5+
<div class="post">
6+
7+
<header class="post-header">
8+
<h1 class="post-title"> <i class="fas fa-hashtag fa-sm"></i> {{ page.title }} </h1>
9+
<p class="post-description"> an archive of posts with this tag </p>
10+
</header>
11+
12+
<article>
13+
<div class="table-responsive">
14+
<table class="table table-sm table-borderless">
15+
{% for post in page.posts %}
16+
<tr>
17+
<th scope="row">{{ post.date | date: "%b %-d, %Y" }}</th>
18+
<td>
19+
<a class="post-link" href="{{ post.url | relative_url }}">{{ post.title }}</a>
20+
</td>
21+
</tr>
22+
{% endfor %}
23+
</table>
24+
</div>
25+
</article>
26+
27+
</div>

‎_layouts/archive-year.html

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
---
2+
layout: default
3+
---
4+
5+
<div class="post">
6+
7+
<header class="post-header">
8+
<h1 class="post-title"> <i class="fas fa-calendar fa-sm"></i> {{ page.date | date: "%Y" }} </h1>
9+
<p class="post-description"> an archive of posts from this year </p>
10+
</header>
11+
12+
<article>
13+
<div class="table-responsive">
14+
<table class="table table-sm table-borderless">
15+
{% for post in page.posts %}
16+
<tr>
17+
<th scope="row">{{ post.date | date: "%b %-d, %Y" }}</th>
18+
<td>
19+
<a class="post-link" href="{{ post.url | relative_url }}">{{ post.title }}</a>
20+
</td>
21+
</tr>
22+
{% endfor %}
23+
</table>
24+
</div>
25+
</article>
26+
27+
</div>

‎_layouts/post.html

+23
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,10 @@
22
layout: default
33
---
44

5+
{% assign year = page.date | date: "%Y" %}
6+
{% assign tags = page.tags | join: "" %}
7+
{% assign categories = page.categories | join: "" %}
8+
59
{% if page._styles %}
610
<style type="text/css">
711
{{ page._styles }}
@@ -13,6 +17,25 @@
1317
<header class="post-header">
1418
<h1 class="post-title">{{ page.title }}</h1>
1519
<p class="post-meta">{{ page.date | date: "%B %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}</p>
20+
<p class="post-tags">
21+
<a href="{{ year | prepend: '/blog/' | prepend: site.baseurl}}"> <i class="fas fa-calendar fa-sm"></i> {{ year }} </a>
22+
{% if tags != "" %}
23+
&nbsp; &middot; &nbsp;
24+
{% for tag in page.tags %}
25+
<a href="{{ tag | prepend: '/blog/tag/' | prepend: site.baseurl}}">
26+
<i class="fas fa-hashtag fa-sm"></i> {{ tag }}</a> &nbsp;
27+
{% endfor %}
28+
{% endif %}
29+
30+
{% if categories != "" %}
31+
&nbsp; &middot; &nbsp;
32+
{% for category in page.categories %}
33+
<a href="{{ category | prepend: '/blog/category/' | prepend: site.baseurl}}">
34+
<i class="fas fa-tag fa-sm"></i> {{ category }}</a> &nbsp;
35+
{% endfor %}
36+
{% endif %}
37+
38+
</p>
1639
</header>
1740

1841
<article class="post-content">

‎_posts/2015-03-15-formatting-and-links.md

+2
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@ layout: post
33
title: a post with formatting and links
44
date: 2015-03-15 16:40:16
55
description: march & april, looking forward to summer
6+
tags: formatting links
7+
categories: sample-posts
68
---
79
Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. <a href="https://www.pinterest.com">Pinterest</a> DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade <a href="https://en.wikipedia.org/wiki/Cold-pressed_juice">cold-pressed</a> meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.
810

‎_posts/2015-05-15-images.md

+2
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@ layout: post
33
title: a post with images
44
date: 2015-05-15 21:01:00
55
description: this is what included images could look like
6+
tags: formatting images
7+
categories: sample-posts
68
---
79
This is an example post with image galleries.
810

‎_posts/2015-07-15-code.md

+2
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@ layout: post
33
title: a post with code
44
date: 2015-07-15 15:09:00
55
description: an example of a blog post with some code
6+
tags: formatting code
7+
categories: sample-posts
68
---
79
This theme implements a built-in Jekyll feature, the use of Rouge, for syntax highlighting.
810
It supports more than 100 languages.

‎_posts/2015-10-20-comments.md

+1
Original file line numberDiff line numberDiff line change
@@ -4,5 +4,6 @@ title: a post with comments
44
date: 2015-10-20 11:59:00-0400
55
description: an example of a blog post with comments
66
comments: true
7+
categories: sample-posts external-services
78
---
89
This post shows how to add DISQUS comments.

‎_posts/2015-10-20-math.md

+2
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@ layout: post
33
title: a post with math
44
date: 2015-10-20 11:12:00-0400
55
description: an example of a blog post with some math
6+
tags: formatting math
7+
categories: sample-posts
68
---
79
This theme supports rendering beautiful math in inline and display modes using [MathJax 3](https://www.mathjax.org/) engine. You just need to surround your math expression with `$$`, like `$$ E = mc^2 $$`. If you leave it inside a paragraph, it will produce an inline expression, just like $$ E = mc^2 $$.
810

‎_posts/2020-09-28-github-metadata.md

+4-3
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,14 @@ layout: post
33
title: a post with github metadata
44
date: 2020-09-28 21:01:00
55
description: a quick run down on accessing github metadata.
6+
categories: sample-posts external-services
67
---
78

89
A sample blog page that demonstrates the accessing of github meta data.
910

1011
## What does Github-MetaData do?
1112
* Propagates the site.github namespace with repository metadata
12-
* Setting site variables :
13+
* Setting site variables :
1314
* site.title
1415
* site.description
1516
* site.url
@@ -28,7 +29,7 @@ A sample blog page that demonstrates the accessing of github meta data.
2829
* URL : {{ site.github.url }}
2930
* BaseURL : {{ site.github.baseurl }}
3031
* Archived : {{ site.github.archived}}
31-
* Contributors :
32+
* Contributors :
3233
{% for contributor in site.github.contributors %}
3334
* {{ contributor.login }}
34-
{% endfor %}
35+
{% endfor %}

‎_posts/2020-09-28-twitter.md

+2
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@ layout: post
33
title: a post with twitter
44
date: 2020-09-28 11:12:00-0400
55
description: an example of a blog post with twitter
6+
tags: formatting
7+
categories: sample-posts external-services
68
---
79
A sample blog page that demonstrates the inclusion of Tweets/Timelines/etc.
810

‎_sass/_base.scss

+38
Original file line numberDiff line numberDiff line change
@@ -276,6 +276,11 @@ footer.sticky-bottom {
276276
font-size: 0.875rem;
277277
margin-bottom: 0;
278278
}
279+
.post-tags {
280+
color: var(--global-text-color-light);
281+
font-size: 0.875rem;
282+
padding-top: 0.25rem;
283+
}
279284
a {
280285
color: var(--global-text-color);
281286
text-decoration: none;
@@ -517,3 +522,36 @@ html.transition *:after {
517522
transition: all 750ms !important;
518523
transition-delay: 0 !important;
519524
}
525+
526+
// Extra Markdown style (post Customization)
527+
.post{
528+
.post-meta{
529+
color: var(--global-text-color-light);
530+
font-size: 0.875rem;
531+
margin-bottom: 0;
532+
}
533+
.post-tags{
534+
color: var(--global-text-color-light);
535+
font-size: 0.875rem;
536+
padding-bottom: 1rem;
537+
a {
538+
color: var(--global-text-color-light);
539+
text-decoration: none;
540+
&:hover {
541+
color: var(--global-theme-color);
542+
}
543+
}
544+
}
545+
.post-content{
546+
blockquote {
547+
border-left: 5px solid var(--global-theme-color);
548+
padding: 8px;
549+
}
550+
}
551+
}
552+
553+
.post-tags {
554+
color: var(--global-text-color-light);
555+
font-size: 0.875rem;
556+
padding-top: 0.25rem;
557+
}

‎blog/index.html

+35-5
Original file line numberDiff line numberDiff line change
@@ -23,11 +23,41 @@ <h2>{{ site.blog_description }}</h2>
2323

2424
<ul class="post-list">
2525
{% for post in paginator.posts %}
26-
<li>
27-
<h3><a class="post-title" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h3>
28-
<p class="post-meta">{{ post.date | date: '%B %-d, %Y' }}</p>
29-
<p>{{ post.description }}</p>
30-
</li>
26+
27+
{% assign read_time = page.content | number_of_words | divided_by: 180 | plus: 1 %}
28+
{% assign year = post.date | date: "%Y" %}
29+
{% assign tags = post.tags | join: "" %}
30+
{% assign categories = post.categories | join: "" %}
31+
32+
<li>
33+
<h3><a class="post-title" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
34+
</h3>
35+
<p>{{ post.description }}</p>
36+
<p class="post-meta"> {{read_time}} min read &nbsp; &middot; &nbsp;
37+
{{ post.date | date: '%B %-d, %Y' }}
38+
</p>
39+
<p class="post-tags">
40+
<a href="{{ year | prepend: '/blog/' | prepend: site.baseurl}}">
41+
<i class="fas fa-calendar fa-sm"></i> {{ year }} </a>
42+
43+
{% if tags != "" %}
44+
&nbsp; &middot; &nbsp;
45+
{% for tag in post.tags %}
46+
<a href="{{ tag | prepend: '/blog/tag/' | prepend: site.baseurl}}">
47+
<i class="fas fa-hashtag fa-sm"></i> {{ tag }}</a> &nbsp;
48+
{% endfor %}
49+
{% endif %}
50+
51+
{% if categories != "" %}
52+
&nbsp; &middot; &nbsp;
53+
{% for category in post.categories %}
54+
<a href="{{ category | prepend: '/blog/category/' | prepend: site.baseurl}}">
55+
<i class="fas fa-tag fa-sm"></i> {{ category }}</a> &nbsp;
56+
{% endfor %}
57+
{% endif %}
58+
</p>
59+
</li>
60+
3161
{% endfor %}
3262
</ul>
3363

0 commit comments

Comments
 (0)