Skip to content

Commit b90fa4a

Browse files
devnomadicdevnomadic
committed
Update layout to match bitbra.in style with author box, social links, and tag cloud
1 parent 4adaa97 commit b90fa4a

9 files changed

Lines changed: 116 additions & 62 deletions

File tree

‎Gemfile‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ gem 'jekyll', '~> 4.0'
44
gem 'jekyll-dash', '~> 2.0'
55
gem 'jekyll-feed', '~> 0.15'
66
gem 'jekyll-sitemap', '~> 1.4'
7+
gem 'jekyll-paginate', '~> 1.1'
78

89
# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
910
# and associated library.

‎_config.yml‎

Lines changed: 18 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,25 @@
11
theme: jekyll-dash
22
title: devnomadic
3-
description: Software engineer and digital nomad sharing insights on remote work, travel, and technology
3+
description: Software engineer and digital nomad currently exploring the world. I write about remote work, travel, and building software from anywhere.
44
url: "https://devnomadic.com"
55
baseurl: ""
66

7+
# Jekyll pagination (required for home page)
8+
paginate: 5
9+
paginate_path: "/blog/page:num/"
10+
711
author:
812
name: devnomadic
913
github: devnomadic
14+
bio: "Software engineer and digital nomad currently exploring the world. I write about remote work, travel, and building software from anywhere."
15+
avatar: "/assets/avatar.svg"
1016

1117
# Build settings
1218
markdown: kramdown
1319
plugins:
1420
- jekyll-feed
1521
- jekyll-sitemap
16-
17-
# Navigation
18-
nav:
19-
- title: Home
20-
url: /
21-
- title: About
22-
url: /about/
23-
- title: Archive
24-
url: /archive/
25-
- title: Tags
26-
url: /tags/
22+
- jekyll-paginate
2723

2824
# Social links
2925
social:
@@ -33,5 +29,15 @@ social:
3329
# Theme settings
3430
dash:
3531
date_format: "%b %-d, %Y"
32+
show_author: true
33+
avatar_source: "local"
34+
avatar_path: "/assets/avatar.svg"
35+
social_links:
36+
- url: https://github.com/devnomadic
37+
icon: github-square
38+
color: purple
39+
- url: https://twitter.com/devnomadic
40+
icon: twitter-square
41+
color: cyan
3642
disqus:
3743
shortname: devnomadic

‎_config_local.yml‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
# Local development config to avoid SASS issues
2+
theme: jekyll-dash
3+
title: devnomadic
4+
description: Software engineer and digital nomad sharing insights on remote work, travel, and technology
5+
url: "http://localhost:4000"
6+
baseurl: ""
7+
8+
author:
9+
name: devnomadic
10+
github: devnomadic
11+
12+
# Build settings
13+
markdown: kramdown
14+
plugins:
15+
- jekyll-feed
16+
- jekyll-sitemap
17+
18+
# Disable SASS for local development to avoid native gem issues
19+
sass:
20+
style: expanded
21+
22+
# Navigation
23+
nav:
24+
- title: Home
25+
url: /
26+
- title: About
27+
url: /about/
28+
- title: Archive
29+
url: /archive/
30+
- title: Tags
31+
url: /tags/
32+
33+
# Social links
34+
social:
35+
github: devnomadic
36+
twitter: devnomadic
37+
38+
# Theme settings
39+
dash:
40+
date_format: "%b %-d, %Y"
41+
disqus:
42+
shortname: devnomadic

‎_includes/custom-tagcloud.html‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
{% assign site_tags = site.tags | sort %}
2+
{% assign tag_count = site_tags | size %}
3+
{% if tag_count > 0 %}
4+
<h2>all tags</h2>
5+
<div class="tag-cloud">
6+
{% for tag in site_tags %}
7+
<a href="/tags#{{ tag[0] | slugify }}" class="tag">{{ tag[0] }}</a>
8+
{% endfor %}
9+
</div>
10+
{% endif %}

‎_includes/post-tags.html‎

Lines changed: 0 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +0,0 @@
1-
{% if page.tags and page.tags.size > 0 %}
2-
<div class="post-tags">
3-
<strong>Tags:</strong>
4-
{% for tag in page.tags %}
5-
<a href="{{ '/tags/' | relative_url }}#{{ tag | slugify }}" class="tag-link">{{ tag }}</a>{% unless forloop.last %}, {% endunless %}
6-
{% endfor %}
7-
</div>
8-
9-
<style>
10-
.post-tags {
11-
margin: 20px 0;
12-
padding: 15px;
13-
background: #f8f9fa;
14-
border-left: 4px solid #007acc;
15-
border-radius: 4px;
16-
}
17-
18-
.post-tags .tag-link {
19-
color: #007acc;
20-
text-decoration: none;
21-
padding: 2px 6px;
22-
background: #e9ecef;
23-
border-radius: 3px;
24-
font-size: 0.9em;
25-
margin: 0 2px;
26-
}
27-
28-
.post-tags .tag-link:hover {
29-
background: #dee2e6;
30-
text-decoration: none;
31-
}
32-
</style>
33-
{% endif %}

‎_layouts/home.html‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
---
2+
layout: default
3+
---
4+
{% unless site.dash.show_author == false %}
5+
{% include author.html %}
6+
{% endunless %}
7+
{{ content }}
8+
{% assign posts_count = paginator.posts | size %}
9+
{% if posts_count > 0 %}
10+
<h1>recent articles</h1>
11+
<div class="post-links">
12+
{% for post in paginator.posts %}
13+
<div class="post-link-wrapper">
14+
<a href="{{ post.url | relative_url }}" class="post-link">{{ post.title }}</a>
15+
<div class="post-meta">
16+
{% include post-tags.html %}
17+
{% if site.dash.date_format %}
18+
{{ post.date | date: site.dash.date_format }}
19+
{% else %}
20+
{{ post.date | date: "%b %-d, %Y" }}
21+
{% endif %}
22+
{% if site.show_excerpts == true %}
23+
<div class="post-excerpt">
24+
{{ post.content | strip_html | truncatewords: 50 }}
25+
</div>
26+
{% endif %}
27+
</div>
28+
</div>
29+
{% endfor %}
30+
</div>
31+
32+
{% include pagination.html %}
33+
34+
{% include custom-tagcloud.html %}
35+
{% else %}
36+
<h2>no posts yet.</h2>
37+
{% endif %}

‎assets/avatar.svg‎

Lines changed: 5 additions & 0 deletions
Loading

‎index.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
---
2+
layout: home
3+
---

‎index.md‎

Lines changed: 0 additions & 17 deletions
This file was deleted.

0 commit comments

Comments
 (0)