commit 877c90f8c6153f30127bead26486d1e5ea3773c6
parent b7aac334256d28b6869392ce8fc29cd7a1e2c5c6
Author: Luke Willis <lukejw@loquat.dev>
Date: Wed, 15 Oct 2025 17:24:05 -0400
Update site some more
Diffstat:
9 files changed, 105 insertions(+), 12 deletions(-)
diff --git a/css/style.css b/css/style.css
@@ -41,6 +41,13 @@ body {
margin: 1rem auto 1rem;
}
+/* Remove horizontal and top padding on mobile */
+@media (max-width: 600px) {
+ body {
+ padding: 0 0 1rem;
+ }
+}
+
.hidden {
display: none;
}
@@ -72,18 +79,22 @@ img {
#headerSubtitle {
color: var(--tx-2);
+ /* Wrap to the next line when the screen is too small */
+ display: inline-block;
}
nav {
background-color: var(--ye);
- padding-block: 0.6rem;
- padding-left: 1rem;
+ padding-block: 0.2rem;
+ text-align: center;
}
nav a {
color: var(--bg);
padding: 0.4rem;
- margin-right: 0.2rem;
+ margin: 0.1rem;
+ /* Wrap into more lines if the screen is too small */
+ display: inline-block;
}
nav a:hover {
@@ -96,9 +107,28 @@ nav a:hover {
line-height: 1.5;
}
+#frontPageArt {
+ width: 40%;
+ float: left;
+ margin-block: 1rem;
+}
+
+.post {
+
+}
+
+.postLink {
+
+}
+
+.postDate {
+ float: right;
+}
+
hr {
border: 0.1rem solid var(--ui);
margin-bottom: 3rem;
+ margin-inline: 1rem;
}
footer {
diff --git a/grug.scm b/grug.scm
@@ -32,7 +32,8 @@
,(assoc-ref site-metadata 'title))
(span (@ (class "hidden")) " - ")
(span (@ (id "headerSubtitle"))
- ,(assoc-ref metadata 'subtitle)))
+ ,(or (assoc-ref metadata 'subtitle)
+ "Technology in the world, not of the world.")))
(hr (@ (class "hidden")))
(nav
,(link "Home" "/")
@@ -51,10 +52,47 @@
(footer
(p "© 2025 Luke Willis")))))
+(define (blog-collection-template posts)
+ `((img (@ (id "frontPageArt")
+ (src "/img/monastech-cat-full.webp")))
+ (p "Welcome to MonasTech, where we help make technology in the world, \
+not of the world.")
+ (p "We specialize in the assembly of custom operating systems in order to \
+provide a more stable, secure, fast and "
+ (a (@ (href "https://www.gnu.org/philosophy/free-sw.html"))
+ "free")
+ " computing experience.")
+ (p "If you're frustrated with using Windows or MacOS but don't know what \
+your other options are, we can give you an alternative that perfectly fits \
+your practical needs and personal preferences.")
+ (p "Check out the " ,(link "FAQ" "/faq.html") " for more information.")
+ (h2 "Recent Articles")
+ ,@(map
+ (lambda (post)
+ `(p (@ (class "post"))
+ (span (@ (class "postLink"))
+ (a (@ (href ,(assoc-ref post 'uri)))
+ ,(assoc-ref post 'title)))
+ ,(hspan " - ")
+ ;; Parse ISO 8601 date from 'date and reformat it
+ (span (@ (class "postDate"))
+ ,(date->string
+ (string->date (assoc-ref post 'date) "~Y~m~d")
+ "~B ~d, ~Y"))))
+ (sort posts
+ (lambda (a b)
+ (string>? (assoc-ref a 'date)
+ (assoc-ref b 'date)))))))
+
(site #:metadata `((title . "MonasTech"))
#:builders (list (simple-pages
"pages"
#:template site-template)
+ (blog
+ "posts"
+ #:metadata `((title . "Home"))
+ #:template site-template
+ #:collection-template blog-collection-template)
(copy-directory "css")
(copy-directory "img"))
#:publishers (list (rsync-publisher #:user "lukejw"
diff --git a/img/favicon.webp b/img/favicon.webp
Binary files differ.
diff --git a/img/monastech-cat-full.webp b/img/monastech-cat-full.webp
Binary files differ.
diff --git a/img/monastech-cat-smaller.webp b/img/monastech-cat-smaller.webp
Binary files differ.
diff --git a/pages/faq.md b/pages/faq.md
@@ -52,7 +52,7 @@ a long, long time.
- **Is it stable?**
You can run a system for months without restarting it and it wouldn't have any
-issues. Because the system is tailored to your device, it only even does what it
+issues. Because the system is tailored to your device, it only ever does what it
needs to do.
- **What if I have more questions?**
diff --git a/pages/index.md b/pages/index.md
@@ -1,7 +0,0 @@
-`((title . "Home") (subtitle . "Technology in the world, not of the world"));`
-Welcome to MonasTech, where we make technology that's in the world, not of the
-world.
-
-This homepage is still under contruction! More coming soon!
-
-Check out the [FAQ](/faq.html) for more information.
diff --git a/posts/new-artwork.md b/posts/new-artwork.md
@@ -0,0 +1,23 @@
+`((title . "New Artwork!") (date . "2025-10-14"));`
+Thanks to a good friend of mine, I now have some promotional artwork!
+
+I initially wanted to create a mascot similar to the classic *nix mascots, like
+Tux, Beastie and the GNU. I initially wanted to create some sort of design based
+off of a monk, but I couldn't really find something unique.
+
+However, after a bit of brainstorming, we took a unique angle. What's associated
+with monks / monasteries? Cats! We ended up coming up with this design after a
+bit of work:
+
+
+
+Here's the icon version:
+
+
+
+Our mascot is this little cat, curled up in a computer. He's wearing a beanie
+that he allegedly stole from one of the monks. I think it captures that vibe of
+a tech project. It's not something I can quanitfy or explain to you from an
+artistic perspective, but I like it.
+
+Thanks to my artist - you know who you are!
diff --git a/posts/new-site.md b/posts/new-site.md
@@ -0,0 +1,9 @@
+`((title . "Refreshed Website") (date . "2025-10-15"));`
+For the few people who have already managed to come across this site, I am happy
+to inform you that the site has undergone a bit of a refresher. I have redone
+some of the CSS and reworked some of the pages.
+
+It is still in development, of course, but it is much nicer than before. I'm now
+using some of that new artwork on the new homepage and for the site icon.
+
+Thank you to everyone who has already shown me support!
