and
elements + html = re.sub('((?)\n)(
)', r'\1
and non-
elements + html = re.sub('(
\n)((?!))', r'\1
elements
+ html = re.sub('()', r'\n\1', html)
+ # insert code-panel end after elements
+ html = re.sub('()', r'\1\n', html)
+
+ # replace horizontal rules with nice separator dot
+ html = re.sub('
', r'', html)
+
+ lines = html.split("\n")
+
+ # tack on a closing div because we will have opened one without closing it on the final
+ lines.append("")
+
+ for line in lines:
+ write_file.write(line + "\n")
+
+ write_file.write("\n#include blogend.html\n")
+
+os.remove(dummy_file)
+
+
diff --git a/scripts/mkblogindex.py b/scripts/mkblogindex.py
new file mode 100644
index 0000000..7db00bd
--- /dev/null
+++ b/scripts/mkblogindex.py
@@ -0,0 +1,44 @@
+#!/usr/bin/env python3
+
+import sys
+import re
+
+# we expect the arguments to be filepaths to each blog post
+
+def print_usage():
+ print("\nusage: python mkblogindex.py POSTS\n")
+ print("\n")
+ print("\t\tPOSTS\tfilepaths of blog posts")
+
+# check args for at least one file path
+if len(sys.argv) < 2:
+ print_usage()
+ sys.exit(1)
+
+# posts are arguments from index 1 onwards
+posts = sys.argv[1:]
+
+dir_pattern = re.compile("(.+)/(blog\/.+\.html)")
+path_pattern = re.compile("(.+)\/(\d{4})\/(\d{1,2})\/(\d{1,2})\/(.+).html")
+title_pattern = re.compile("
(.+)
")
+
+# filter posts to just those with a date in them
+posts = [p for p in posts if path_pattern.match(p)]
+posts.reverse()
+
+# for each file we want to output an tag with a relative href to the site root
+for path in posts:
+ date = re.sub(path_pattern, r'\2-\3-\4', path)
+
+ title = ""
+ with open(path) as f:
+ for line in f:
+ if title_pattern.match(line):
+ title = re.sub(title_pattern, r'\1', line).strip()
+ break
+
+ # clean leading directories to get the relative path we'll use for the link
+ url = re.sub(dir_pattern, r"\2", path)
+
+ print(f'{date}{title} ')
+
diff --git a/src/inc_css/blog.css b/src/inc_css/blog.css
index fba2ce1..8ec4a26 100644
--- a/src/inc_css/blog.css
+++ b/src/inc_css/blog.css
@@ -1,4 +1,92 @@
-.blog.page h1 {
- padding-top: 10%;
- font-size: 3em;
+.page .blog {
}
+
+.page .blog h1 {
+ font-size: 2.5em;
+}
+
+.page .blog .para-block {
+ color: var(--foreground-inactive);
+ font-size: 1.1em;
+
+ line-height: 1.25em;
+
+ background-color: var(--background);
+ border-color: var(--background-alt);
+ border-width: 3px;
+ border-radius: 2em;
+ border-style: solid;
+
+ padding: 1.0em 1.5em;
+}
+
+.page .blog .code-panel {
+ color: var(--background);
+ background-color: var(--foreground);
+
+ font-size 1.5em;
+ line-height: 1.3em;
+
+ border-color: var(--accent);
+ border-width: 2px;
+ border-radius: 2em;
+ border-style: solid;
+
+ padding: 1.0em 2.0em;
+ margin: 2.5em -4.0em;
+
+ overflow: hidden;
+}
+
+.page .blog .code-panel pre {
+ overflow: scroll;
+}
+
+.page .blog .separator {
+ margin: 2em;
+}
+
+.page .blog p code {
+ font-size: 1.2em;
+ height: 0.8em;
+ padding: 0.07em 0.25em;
+ margin: 0 0.1em;
+ background-color: var(--foreground);
+ color: var(--background);
+ border-radius: .3em;
+}
+
+ul.blog-index li {
+
+ display: block;
+ margin: .2em 0;
+}
+
+ul.blog-index li a {
+ color: var(--foreground-inactive);
+ transition: none;
+ text-decoration: none;
+}
+
+.blog-index li a:hover {
+ color: var(--accent);
+}
+
+.blog-index li a:visited {
+ color: var(--foreground);
+}
+
+.page ul.blog-index li a::before {
+ content: "• "
+}
+
+.blog-index .post-date {
+ padding-right: 1em;
+}
+
+@media only screen and (max-width: 700px) {
+ .page .blog .code-panel {
+ padding: 1.0em 5.0em;
+ }
+}
+
diff --git a/src/inc_css/nav.css b/src/inc_css/nav.css
index 3c314e7..b5c1f9c 100644
--- a/src/inc_css/nav.css
+++ b/src/inc_css/nav.css
@@ -46,7 +46,15 @@ ul.nav-links {
color: var(--accent);
}
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 1200px) {
+ .nav .socials a {
+ padding: .2em 0;
+ display: block;
+ text-align: center;
+ }
+}
+
+@media only screen and (max-width: 1000px) {
.nav {
position: fixed;
width: 100%;
@@ -54,6 +62,8 @@ ul.nav-links {
z-index: 1;
top: 0;
height: 3em;
+
+ border-bottom: 3px solid var(--background-alt);
}
.nav .title {
@@ -84,6 +94,14 @@ ul.nav-links {
display: none;
}
+ .nav .socials {
+ position: fixed;
+ left: .5em;
+ bottom: .5em;
+ }
+}
+
+@media only screen and (max-width: 700px) {
.nav .socials {
display: none;
}
diff --git a/src/inc_css/page.css b/src/inc_css/page.css
index 6f64dd1..1807a86 100644
--- a/src/inc_css/page.css
+++ b/src/inc_css/page.css
@@ -9,7 +9,7 @@
transform: translate(-50%, 0);
}
-.page .text-panel .separator {
+.page .separator {
position: relative;
background-color: var(--foreground-inactive);
@@ -23,10 +23,6 @@
}
.page a {
- /*
- color: #dd2570;
- text-decoration: none;
- */
color: var(--accent);
transition: all 0.1s;
@@ -37,8 +33,8 @@
.page .text-panel {
margin: 0;
- margin-left: -2em;
- padding: .6em 2em;
+ margin-left: -1.5em;
+ padding: 1.0em 1.5em;
color: var(--foreground-inactive);
font-size: 1.1em;
@@ -56,7 +52,7 @@
}
-.page h1 {
+.page h1, h2 {
color: var(--foreground-inactive);
font-size: 1.7em;
@@ -67,7 +63,7 @@
text-align: center;
}
-@media (max-width: 600px) {
+@media (max-width: 700px) {
.page {
margin-top: 2.5em;
width: 100%;
diff --git a/src/inc_css/socials.css b/src/inc_css/socials.css
index 7e48ccf..6e66db6 100644
--- a/src/inc_css/socials.css
+++ b/src/inc_css/socials.css
@@ -21,3 +21,5 @@
text-decoration: none;
transition: color 0.3s;
}
+
+
diff --git a/src/inc_html/blogend.html b/src/inc_html/blogend.html
new file mode 100644
index 0000000..55de9bd
--- /dev/null
+++ b/src/inc_html/blogend.html
@@ -0,0 +1,7 @@
+
+
+
+#include planets.html
+
+