Skip to content

Commit 33fd54f

Browse files
ngeorgerngeorger
authored
Bump version to 1.2.2, update footer logo, refine tag navigation, and enhance TOC styles (#50)
1 parent f0f7721 commit 33fd54f

File tree

9 files changed

+171
-53
lines changed

9 files changed

+171
-53
lines changed

‎assets/built/screen.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/built/tocbot.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/css/screen.css‎

Lines changed: 0 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -598,44 +598,3 @@ figcaption a {
598598
align-items: center;
599599
width: 100%;
600600
}
601-
602-
/* TOC */
603-
604-
.gh-content {
605-
position: relative;
606-
}
607-
608-
.gh-toc>.toc-list {
609-
position: relative;
610-
}
611-
612-
.toc-list {
613-
overflow: hidden;
614-
list-style: none;
615-
}
616-
617-
@media (min-width: 1300px) {
618-
.gh-sidebar {
619-
position: absolute;
620-
top: 0;
621-
bottom: 0;
622-
margin-top: 4vmin;
623-
right: 0;
624-
/* Changed grid-column to right positioning */
625-
width: 260px;
626-
margin-right: 4vmin;
627-
}
628-
629-
.gh-toc {
630-
position: sticky;
631-
top: 4vmin;
632-
max-height: calc(100vh - 8vmin);
633-
overflow-y: auto;
634-
}
635-
}
636-
637-
.gh-toc .is-active-link::before {
638-
/* background-color: var(--ghost-accent-color); */
639-
@apply bg-dark;
640-
/* Defines TOC accent color based on Accent color set in Ghost Admin */
641-
}

‎assets/css/tocbot.css‎

Lines changed: 97 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,97 @@
1-
.toc{overflow-y:auto}.toc>.toc-list{overflow:hidden;position:relative}.toc>.toc-list li{list-style:none}.toc-list{margin:0;padding-left:10px}a.toc-link{color:currentColor;height:100%}.is-collapsible{max-height:1000px;overflow:hidden;transition:all 300ms ease-in-out}.is-collapsed{max-height:0}.is-position-fixed{position:fixed !important;top:0}.is-active-link{font-weight:700}.toc-link::before{background-color:#EEE;content:' ';display:inline-block;height:inherit;left:0;margin-top:-1px;position:absolute;width:2px}.is-active-link::before{background-color:#54BC4B}
1+
/* TOC */
2+
3+
.gh-content {
4+
position: relative;
5+
}
6+
7+
.gh-toc>.toc-list {
8+
position: relative;
9+
}
10+
11+
.toc-list {
12+
overflow: hidden;
13+
list-style: none;
14+
}
15+
16+
@media (min-width: 1300px) {
17+
.gh-sidebar {
18+
position: absolute;
19+
top: 0;
20+
bottom: 0;
21+
margin-top: 4vmin;
22+
right: 0;
23+
/* Changed grid-column to right positioning */
24+
width: 260px;
25+
margin-right: 4vmin;
26+
}
27+
28+
.gh-toc {
29+
position: sticky;
30+
top: 4vmin;
31+
max-height: calc(100vh - 8vmin);
32+
overflow-y: auto;
33+
}
34+
}
35+
36+
.gh-toc .is-active-link::before {
37+
/* background-color: var(--ghost-accent-color); */
38+
@apply bg-dark;
39+
/* Defines TOC accent color based on Accent color set in Ghost Admin */
40+
}
41+
42+
.toc {
43+
overflow-y: auto
44+
}
45+
46+
.toc>.toc-list {
47+
overflow: hidden;
48+
position: relative
49+
}
50+
51+
.toc>.toc-list li {
52+
list-style: none
53+
}
54+
55+
.toc-list {
56+
margin: 0;
57+
padding-left: 10px
58+
}
59+
60+
a.toc-link {
61+
color: currentColor;
62+
height: 100%
63+
}
64+
65+
.is-collapsible {
66+
max-height: 1000px;
67+
overflow: hidden;
68+
transition: all 300ms ease-in-out
69+
}
70+
71+
.is-collapsed {
72+
max-height: 0
73+
}
74+
75+
.is-position-fixed {
76+
position: fixed !important;
77+
top: 0
78+
}
79+
80+
.is-active-link {
81+
font-weight: 700
82+
}
83+
84+
.toc-link::before {
85+
background-color: #EEE;
86+
content: ' ';
87+
display: inline-block;
88+
height: inherit;
89+
left: 0;
90+
margin-top: -1px;
91+
position: absolute;
92+
width: 2px
93+
}
94+
95+
.is-active-link::before {
96+
background-color: #54BC4B
97+
}

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"name": "sredevopsorg-ghost-theme",
33
"description": "Ghost v5 Theme made for SREDevOps.org (https://sredevops.org) based on Tailwind CSS v3, responsive, dark color schema, SVG icons, sidebar + footer navgation, customized tags and recommendations pages.",
44
"demo": "https://sredevops.org",
5-
"version": "1.2.1",
5+
"version": "1.2.2",
66
"engines": {
77
"ghost": ">=5.0.0"
88
},

‎partials/components/footer.hbs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<ul class="text-center">
55
<li>
66
<a href="{{@site.url}}" rel="me" alt="{{@site.title}}" aria-label="SREDevOps.org">
7-
<img src="{{asset "img/sredevopsorg.svg"}}" alt="SREDevOps.org" />
7+
<img src="{{@site.logo}}" alt="SREDevOps.org" />
88
</a>
99
</li>
1010

‎partials/tags-nav.hbs‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11

22
<!-- Tag Navigation -->
3-
<div class="flex h-full pb-4 mb-6 space-x-4 overflow-x-scroll">
3+
<div class="flex h-full pb-4 mb-6 space-x-4 overflow-x-scroll mx-8">
44
<ul class="flex items-center gap-4 sm:pl-4 sm:pr-1">
55
<span class="text-lighter text-nowrap">Tags:</span>
6-
{{#get "tags" include="count.posts" order="count.posts desc" limit="50"}}
6+
{{#get "tags" include="count.posts" order="count.posts desc" limit="20"}}
77
{{#foreach tags }}
88
<li class="text-center">
99
<a href="{{url}}"

‎post.hbs‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,20 +7,20 @@
77
<article class="prose-lg post-content prose-invert text-light">
88
{{#is "page"}}
99
{{#if @page.show_title_and_feature_image}}
10-
<h1 class="text-4xl">{{title}}</h1>
10+
<h1 class="text-4xl text-center">{{title}}</h1>
1111
{{> "feature-image"}}
1212
{{/if}}
1313
{{/is}}
1414

1515
{{#is "post"}}
16-
<h1 class="text-4xl">{{title}}</h1>
16+
<h1 class="text-4xl text-center">{{title}}</h1>
1717
<section class="mb-8 text-center post-meta">
18-
{{> "feature-image" }}
1918
<div class="space-x-2 tags">
2019
{{#foreach tags}}
2120
<a href="{{url}}" class="px-2 py-1 text-sm rounded bg-dark hover:bg-highlight">{{name}}</a>
2221
{{/foreach}}
2322
</div>
23+
{{> "feature-image" }}
2424
<div class="mb-2 text-xs text-light">
2525
{{#foreach authors}}
2626
Author: <a href="{{url}}" class="hover:underline" rel="author" >{{name}}</a>
@@ -30,12 +30,16 @@
3030
</section>
3131

3232
<!-- Main Post Content -->
33+
{{#is "post"}}
3334
<section class="gh-content grid grid-cols-1 gap-4 lg:grid-cols-3 lg:gap-8">
3435
<aside class="gh-sidebar">
3536
<span>Table of Contents</span>
3637
<div class="gh-toc"></div>
3738
</aside> {{! The TOC will be inserted here }}
3839
<div class="lg:col-span-2">
40+
{{else}}
41+
<section class="gh-content grid grid-cols-1 gap-4">
42+
{{/is}}
3943
{{{content}}}
4044
</div>
4145
</section>

‎tailwind.config.js‎

Lines changed: 61 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,13 +9,72 @@ module.exports = {
99
],
1010
theme: {
1111
extend: {
12+
fontSize: {
13+
'2xs': '0.625rem', // 10px
14+
'3xs': '0.5rem', // 8px
15+
'4xs': '0.375rem', // 6px
16+
'5xs': '0.25rem' // 4px
17+
},
1218
colors: {
1319
darker: "#0f0f0f", // Global background
1420
dark: "#212121", // Secondary background
15-
lighter: "#fefefe", // Main texts, links, headings
16-
light: "#C2C2C2", // Contents, body, text
21+
lighter: "#ffffff", // Main texts, links, headings
22+
// light: "#C2C2C2", // Contents, body, text
23+
light: "#e6e6e6",
1724
highlight: "#600ba0"
1825
},
26+
fontFamily: {
27+
'body': [
28+
'Inter',
29+
'ui-sans-serif',
30+
'system-ui',
31+
'-apple-system',
32+
'system-ui',
33+
'Segoe UI',
34+
'Roboto',
35+
'Helvetica Neue',
36+
'Arial',
37+
'Noto Sans',
38+
'sans-serif',
39+
'Apple Color Emoji',
40+
'Segoe UI Emoji',
41+
'Segoe UI Symbol',
42+
'Noto Color Emoji'
43+
],
44+
'sans': [
45+
'Inter',
46+
'ui-sans-serif',
47+
'system-ui',
48+
'-apple-system',
49+
'system-ui',
50+
'Segoe UI',
51+
'Roboto',
52+
'Helvetica Neue',
53+
'Arial',
54+
'Noto Sans',
55+
'sans-serif',
56+
'Apple Color Emoji',
57+
'Segoe UI Emoji',
58+
'Segoe UI Symbol',
59+
'Noto Color Emoji'
60+
],
61+
'serif': [
62+
'ui-serif',
63+
'Georgia',
64+
'Cambria',
65+
'Times New Roman',
66+
'Times',
67+
'serif'
68+
],
69+
'mono': [
70+
'ui-monospace',
71+
'SFMono-Regular',
72+
'Consolas',
73+
'Liberation Mono',
74+
'Menlo',
75+
'monospace'
76+
]
77+
}
1978
},
2079
},
2180
plugins: [require("@tailwindcss/typography", "@tailwindcss/forms")],

0 commit comments

Comments
 (0)