diff --git a/.gitignore b/.gitignore
index 802cbc7..3fdba42 100644
--- a/.gitignore
+++ b/.gitignore
@@ -13,5 +13,7 @@ hugo.linux
# Temporary lock file while building
/.hugo_build.lock
-# Configs (testing)
+# Configs, site contents (for testing)
hugo.yaml
+content/
+static/
diff --git a/archetypes/default.md b/archetypes/default.md
index c6f3fce..2657284 100644
--- a/archetypes/default.md
+++ b/archetypes/default.md
@@ -2,4 +2,6 @@
title = '{{ replace .File.ContentBaseName "-" " " | title }}'
date = {{ .Date }}
draft = true
+tags = []
+categories = []
+++
diff --git a/assets/css/style.css b/assets/css/style.css
index 1c1f2cc..f12e139 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1,5 +1,6 @@
:root {
--background: #0a0a0a;
+ --code: #222222;
--highlight: #fdc500;
--text: #a9d6e5;
}
@@ -15,10 +16,12 @@ body {
align-items: center;
min-height: 100vh;
}
+
.main-content {
max-width: 1000px;
padding: 20px;
}
+
.ascii-art {
white-space: pre;
font-size: 14px;
@@ -27,20 +30,31 @@ body {
color: var(--highlight);
margin-bottom: 20px;
}
+
.links {
text-align: center;
margin-top: 20px;
}
-.links a {
+
+a {
color: var(--text);
text-decoration: none;
- margin: 0 10px;
transition: color 0.3s ease;
- display: inline-block;
}
-.links a:hover {
+
+a:hover {
color: var(--highlight);
}
+
+.content a {
+ text-decoration: underline;
+}
+
+.links a {
+ margin: 0 10px;
+ display: inline-block;
+}
+
.separator {
content: "•";
display: block;
@@ -48,9 +62,11 @@ body {
margin: 15px auto;
color: var(--highlight);
}
+
h1 {
color: var(--highlight);
}
+
.date {
font-style: italic;
color: var(--highlight);
@@ -62,4 +78,62 @@ h1 {
color: var(--text);
margin-top: 20px;
font-size: 1.2em;
-}
\ No newline at end of file
+}
+
+.content img {
+ display: block;
+ max-width: 80%;
+ max-height: 500px;
+ width: auto;
+ height: auto;
+ margin: 20px auto;
+ object-fit: contain;
+ object-position: center;
+}
+
+/* code snippets */
+.content pre {
+ padding: 1rem;
+ border-radius: 0.3rem;
+ line-height: 1.5;
+ overflow-x: auto;
+}
+
+.content code {
+ font-size: 0.8rem;
+}
+
+.content > p > code {
+ background-color: var(--code);
+ border-radius: 0.15rem;
+ padding: 0.02rem 0.2rem;
+ white-space: normal;
+ word-break: break-word;
+}
+
+.metadata {
+ margin-bottom: 20px;
+}
+
+.categories, .tags {
+ font-size: 0.9em;
+ color: var(--text);
+ opacity: 0.8;
+ margin: 5px 0;
+}
+
+.categories a, .tags a {
+ margin-right: 10px;
+ text-decoration: underline;
+}
+
+.content ul,
+.content ol {
+ line-height: 1.3;
+ padding-left: 30px;
+}
+
+.content ul li,
+.content ol li {
+ margin-bottom: 8px;
+}
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 4b33ce4..d0fd924 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -7,8 +7,5 @@
{{ block "main" . }}{{ end }}
-