Skip to content

Commit 9cc1db4

Browse files
author
John Mee
committed
Base layout, with a post and a disclaimer page.
0 parents  commit 9cc1db4

12 files changed

Lines changed: 643 additions & 0 deletions

File tree

‎.gitignore‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
.hugo_build.lock
2+
public/

‎archetypes/default.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
+++
2+
date = '{{ .Date }}'
3+
draft = true
4+
title = '{{ replace .File.ContentBaseName "-" " " | title }}'
5+
+++

‎assets/css/main.css‎

Lines changed: 256 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,256 @@
1+
:root {
2+
--bg: #ffffff;
3+
--gutter: #f0f0f0;
4+
--text: #222222;
5+
--muted: #666666;
6+
--accent: #0066cc;
7+
--border: #dddddd;
8+
}
9+
10+
[data-theme="dark"] {
11+
--bg: #1a1a1a;
12+
--gutter: #111111;
13+
--text: #dddddd;
14+
--muted: #999999;
15+
--accent: #4da6ff;
16+
--border: #333333;
17+
}
18+
19+
*, *::before, *::after {
20+
box-sizing: border-box;
21+
margin: 0;
22+
padding: 0;
23+
}
24+
25+
body {
26+
background: var(--gutter);
27+
color: var(--text);
28+
font-family: system-ui, -apple-system, Segoe UI, Helvetica, Arial, sans-serif;
29+
font-size: 1.1rem;
30+
line-height: 1.7;
31+
transition: background 0.2s, color 0.2s;
32+
text-align: justify;
33+
}
34+
35+
.container {
36+
max-width: 860px;
37+
margin: 0 auto;
38+
padding: 2rem 1.5rem;
39+
background: var(--bg);
40+
box-shadow: 0 0 12px rgba(0,0,0,0.06);
41+
}
42+
43+
/* Header */
44+
header {
45+
display: flex;
46+
justify-content: space-between;
47+
align-items: flex-start;
48+
padding-bottom: 1.5rem;
49+
margin-bottom: 2rem;
50+
border-bottom: 1px solid var(--border);
51+
}
52+
53+
header a {
54+
color: var(--text);
55+
text-decoration: none;
56+
font-weight: bold;
57+
font-size: 1.2rem;
58+
}
59+
60+
nav a {
61+
color: var(--muted);
62+
text-decoration: none;
63+
margin-left: 1.5rem;
64+
font-size: 0.95rem;
65+
}
66+
67+
nav a:hover {
68+
color: var(--accent);
69+
}
70+
71+
blockquote {
72+
border-left: 3px solid var(--border);
73+
margin: 1rem 0 1rem 1rem;
74+
padding: 0.25rem 0 0.25rem 1rem;
75+
color: var(--muted);
76+
font-style: italic;
77+
}
78+
79+
/* Inline code */
80+
code {
81+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
82+
font-size: 0.875em;
83+
background: var(--gutter);
84+
border: 1px solid var(--border);
85+
border-radius: 3px;
86+
padding: 0.1em 0.35em;
87+
}
88+
89+
/* Code blocks */
90+
pre {
91+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
92+
font-size: 0.875em;
93+
background: var(--gutter);
94+
border: 1px solid var(--border);
95+
border-radius: 5px;
96+
padding: 1rem 1.25rem;
97+
overflow-x: auto;
98+
line-height: 1.5;
99+
margin-bottom: 1rem;
100+
}
101+
102+
/* Don't double-style the <code> inside a <pre> */
103+
pre code {
104+
background: none;
105+
border: none;
106+
padding: 0;
107+
font-size: inherit;
108+
}
109+
110+
/* Theme toggle button */
111+
#theme-toggle {
112+
background: none;
113+
border: 1px solid var(--border);
114+
color: var(--muted);
115+
cursor: pointer;
116+
padding: 0.25rem 0.6rem;
117+
border-radius: 4px;
118+
font-size: 0.9rem;
119+
margin-left: 1.5rem;
120+
}
121+
122+
#theme-toggle:hover {
123+
color: var(--text);
124+
border-color: var(--text);
125+
}
126+
127+
/* Footer */
128+
footer {
129+
margin-top: 3rem;
130+
padding-top: 1.5rem;
131+
border-top: 1px solid var(--border);
132+
color: var(--muted);
133+
font-size: 0.85rem;
134+
}
135+
136+
/* Typography */
137+
h1 {
138+
font-size: 1.8rem;
139+
margin-bottom: 0.5rem;
140+
line-height: 1.3;
141+
}
142+
143+
h2 {
144+
font-size: 1.3rem;
145+
margin-bottom: 0.5rem;
146+
line-height: 1.3;
147+
}
148+
149+
p {
150+
margin-bottom: 1rem;
151+
}
152+
153+
a {
154+
color: var(--accent);
155+
}
156+
157+
/* Post list (home page) */
158+
.post-list {
159+
list-style: none;
160+
}
161+
162+
.post-list li {
163+
margin-bottom: 2.5rem;
164+
}
165+
166+
.post-list .post-title {
167+
font-size: 1.3rem;
168+
font-weight: bold;
169+
}
170+
171+
.post-list .post-title a {
172+
color: var(--text);
173+
text-decoration: none;
174+
}
175+
176+
.post-list .post-title a:hover {
177+
color: var(--accent);
178+
}
179+
180+
.post-meta {
181+
color: var(--muted);
182+
font-size: 0.85rem;
183+
margin-bottom: 0.4rem;
184+
}
185+
186+
.post-excerpt {
187+
color: var(--text);
188+
font-size: 0.95rem;
189+
}
190+
191+
.read-more {
192+
font-size: 0.85rem;
193+
margin-left: 0.5rem;
194+
}
195+
196+
/* Single post */
197+
.post-content {
198+
margin-top: 1.5rem;
199+
}
200+
201+
.post-content p {
202+
margin-bottom: 1.2rem;
203+
}
204+
205+
.post-tags {
206+
margin-top: 2rem;
207+
font-size: 0.85rem;
208+
color: var(--muted);
209+
}
210+
211+
.post-tags a {
212+
color: var(--muted);
213+
text-decoration: none;
214+
border: 1px solid var(--border);
215+
padding: 0.1rem 0.4rem;
216+
border-radius: 3px;
217+
margin-right: 0.3rem;
218+
}
219+
220+
.post-tags a:hover {
221+
color: var(--accent);
222+
border-color: var(--accent);
223+
}
224+
225+
.site-brand {
226+
display: flex;
227+
}
228+
229+
.site-tagline {
230+
color: var(--muted);
231+
font-size: 0.8rem;
232+
font-weight: normal;
233+
font-style: italic;
234+
}
235+
236+
.site-title-link {
237+
display: flex;
238+
align-items: flex-start;
239+
gap: 0.5rem;
240+
text-decoration: none;
241+
color: var(--text);
242+
font-weight: bold;
243+
font-size: 1.2rem;
244+
}
245+
246+
.site-title-group {
247+
display: flex;
248+
flex-direction: column;
249+
justify-content: center;
250+
}
251+
252+
.site-logo {
253+
width: 100px;
254+
height: 100px;
255+
flex-shrink: 0;
256+
}

‎content/disclaimer.md‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
---
2+
title: Disclaimer
3+
url: /disclaimer/
4+
---
5+
6+
This blog represents my personal opinions and experiences. Nothing written here constitutes legal, financial, or professional advice.
7+
8+
All views expressed are my own and do not represent any other person or organisation associated with me.
9+
10+
While I make every effort to ensure accuracy, I give no warranty as to the correctness or completeness of any information published here. Readers should seek independent professional advice before acting on anything they read on this site.
11+
12+
Names of individuals are omitted or changed where necessary to protect privacy.
13+
14+
This site is protected by the implied freedom of political communication recognised in the Australian Constitution, and by the general right to freedom of expression. Opinion is not defamation. Honest commentary on matters of public interest is not actionable.

0 commit comments

Comments
 (0)