From 18b16f1616f2ed25f6fd8cd28aa30876bae631fb Mon Sep 17 00:00:00 2001
From: m1kadev <67912368+m1kadev@users.noreply.github.com>
Date: Fri, 26 Dec 2025 18:09:47 +0100
Subject: [PATCH] add cool side message to lessen negative space
---
bricks/base-header.html | 2 +-
build.exs | 2 +-
scripts/{ldbuilddata.js => loadBuildData.js} | 0
scripts/showMotd.js | 10 ++++++++++
static/motds | 6 ++++++
styles/base.css | 17 +++++++++++------
styles/index.css | 5 ++---
templates/base.html | 5 +++--
templates/pages/colophon.html | 4 +++-
templates/pages/index.html | 12 +++++++-----
templates/paste.html | 6 +++---
templates/thoughts.html | 5 +++--
12 files changed, 50 insertions(+), 24 deletions(-)
rename scripts/{ldbuilddata.js => loadBuildData.js} (100%)
create mode 100644 scripts/showMotd.js
create mode 100644 static/motds
diff --git a/bricks/base-header.html b/bricks/base-header.html
index e2af40ec5056850f102afdc37cd65a4c0ee1cc56..bb8dfd9cbb0236e6b409d6ea02dd6f31e6de3170 100644
--- a/bricks/base-header.html
+++ b/bricks/base-header.html
@@ -1,4 +1,4 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/build.exs b/build.exs
index 4fb01ee84a9ed1da8d03909dea67f43a7099c27c..66fa6f346b38ec196d47a1f2fba5ea56c2ba34f1 100644
--- a/build.exs
+++ b/build.exs
@@ -90,7 +90,7 @@ defmodule Builders do
def fxg(input_path, template, bricks) do
own_template =
input_path
- |> String.replace_prefix("src", "templates/pages")
+ |> String.replace_prefix("pages", "templates/pages")
|> String.replace_suffix("fxg", "html")
case File.read(own_template) do
diff --git a/scripts/ldbuilddata.js b/scripts/loadBuildData.js
similarity index 100%
rename from scripts/ldbuilddata.js
rename to scripts/loadBuildData.js
diff --git a/scripts/showMotd.js b/scripts/showMotd.js
new file mode 100644
index 0000000000000000000000000000000000000000..fd9bf5d23d580e9c1d1f042f59d43687def0ce15
--- /dev/null
+++ b/scripts/showMotd.js
@@ -0,0 +1,10 @@
+const motdElement = document.getElementById("motd").children[0];
+
+fetch("/static/motds").then(async rres => {
+ const res = (await rres.text());
+ const motds = res.split("\n").map(motd => motd.split("#", 2));
+ let motd = motds[Math.floor(Math.random() * motds.length)];
+ console.log(motd);
+ motdElement.innerHTML = motd[0].trimEnd();
+ motdElement.setAttribute("title", motd[1].trimStart());
+});
\ No newline at end of file
diff --git a/static/motds b/static/motds
new file mode 100644
index 0000000000000000000000000000000000000000..714656562d779d6124411afed3ed6821c3c7958b
--- /dev/null
+++ b/static/motds
@@ -0,0 +1,6 @@
+"what do you think success is?", asked the boy
"to love", said the mole # from "the boy, the mole, the fox and the horse", by charlie mackesy
+let's go down to the bandstand on the pier / watch the drunks and lovers appear # from "sovereign light cafe", by keane, on the album strangeland
+just buy cool things, you'll be 30 before you know it # thrift store employee, in spijkenisse, the netherlands
+words are very unneccecary / they can only do harm # "enjoy the silence", by depeche mode, on violator
+and all the fears you hold so dear / will turn to whisper in your ear # "duvet" by bôa, on twilight
+when routine bites hard and ambitions are low # "love will tear us apart" by joy division, on the single of the same name
\ No newline at end of file
diff --git a/styles/base.css b/styles/base.css
index c2cbf22395e2abf9a84ce28687d006108c027b46..732afd17f1a29c9e50076c062b973ea00f292388 100644
--- a/styles/base.css
+++ b/styles/base.css
@@ -11,6 +11,10 @@ html {
margin: 0px;
}
+body {
+ display: flex;
+}
+
h1 {
margin: 0px;
}
@@ -39,10 +43,9 @@ h1 {
#content {
font-family: "Gothic A1", sans-serif;
color: var(--txt-colour);
- position: absolute;
- top: 0px;
- left: 0px;
- width: 100vw;
+ width: 50vw;
+ margin-left: auto;
+ margin-right: auto;
}
main>h2 {
@@ -55,8 +58,10 @@ main>p {
main {
background-color: #00000080;
- width: 50vw;
- margin: auto;
+ width: 60vw;
+ position: absolute;
+ left: 20vw;
+ top: 0px;
padding: 2em;
}
diff --git a/styles/index.css b/styles/index.css
index a6d7309f174f4c4ac4ccbfac3484dc03f29b20c2..160bddefd742ce5be7c41e7bed7c2557e799f1dd 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -1,15 +1,14 @@
#motd {
- position: absolute;
color: var(--txt-colour);
- width: 100vw;
font-family: "Space Grotesk", sans-serif;
}
#motd>h2 {
position: relative;
float: right;
- writing-mode: vertical-lr;
+ writing-mode: vertical-rl;
text-decoration: none;
margin: 0;
padding: .5em;
+ height: 67vh;
}
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
index 42ac0b858cfd7e92735d773566a087918ab5ec61..03451572af8b9420f545e6970b3711a51292abf6 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -11,6 +11,9 @@
+
+ {{ &navbar }}
+
{{ &fxg_content }}
@@ -19,8 +22,6 @@
- {{ &navbar }}
-