Add direnv, improve css and formatting, and update now page

.envrc

@@ -0,0 +1,4 @@
+if ! has nix_direnv_version || ! nix_direnv_version 3.0.4; then
+    source_url "https://raw.githubusercontent.com/nix-community/nix-direnv/3.0.4/direnvrc" "sha256-DzlYZ33mWF/Gs8DDeyjr8mnVmQGx7ASYqA5WlxwvBG4="
+fi
+use flake

.gitignore

@@ -2,11 +2,13 @@ public/
 *.log
 *.iso*
 *.bz2
-*.lock
-content/gallery/*/
+.hugo_build.lock
+.direnv/
+.gitignore
 layouts/partials/webring-out.html
 layouts/partials/webring-out.html
 Makefile
 feeds/
 static/sfeed.html
 *\~
+resources/_gen

assets/main.css

@@ -15,58 +15,45 @@ body {
 
 main {
   background-color: #fefefe;
+  display: flex;
+  flex-direction: row;
 }
 
 a {
-  color: #134dae
+  color: #134dae;
 }
 
 .nav {
   background-color: #134dae;
   margin: 0;
   padding: 0.5em 0;
+  text-align: center;
 }
 
 .nav a {
   margin: 0;
   padding: 0.5em 0;
   text-decoration: none;
+  color: #fefefe;
 }
 
 .nav a:hover {
   text-decoration: underline;
 }
 
-.nav a:focus {
+.nav a:focus, .nav a:active {
   color: #000;
   background-color: #ffbf47;
 }
 
-.nav, .nav a {
-  color: #fefefe;
-}
-
 section {
   width: 100%;
 }
 
-.index {
-  display: flex;
-  flex-direction: row;
-}
-
-.index aside {
+main aside {
   width: 40%;
 }
 
-.me {
-  display: block;
-  float: right;
-  width: 148px;
-  margin: 0 auto;
-  border-radius: 20px;
-}
-
 /* Typography */
 h1, h2, h3, h4, h5, h6 {
   color: #333;
@@ -81,10 +68,6 @@ h1, h2, h3, h4, h5, h6 {
   padding: 0 2em;
 }
 
-.c {
-  text-align: center;
-}
-
 .entry {
   display: block;
   width: 100%;
@@ -126,7 +109,7 @@ footer p {
   margin: 0 0 0 0.2em;
 }
 
-a:focus {
+a:focus, a:active {
   outline: 0.2rem solid #ffbf47;
 }
 
@@ -166,10 +149,10 @@ code {
     float: none;
     max-width: 80%;
   }
-  .index {
+  main {
     display: block;
   }
-  .index .container, .index aside {
+  main .container, main aside {
     width: 100%;
   }
 }

content/now/_index.md

@@ -3,16 +3,11 @@ title: What I'm Doing Now
 description: What I am doing right now...
 ---
 
-*This is a [now page](https://nownownow.com/about), which is where I write a
-summary of what I am doing right now.*
+_This is a [now page](https://nownownow.com/about), which is where I write a
+summary of what I am doing right now._
 
-**Last updated:** 19th December 2022, from Ajman, United Arab Emirates.
+**Last updated:** 11th March 2024, from Ajman, United Arab Emirates.
 
-I am currently preparing for military conscription (national service), where I
-will serve starting from February 2023.
-
-I got married and have graduated with Bachelor of Computer Science with Honours
-of the first class during summer of 2021.
-
-Since then, I have been working at the [Technology Innovation Institute](https://tii.ae), where I
-build and test secure systems.
+I have been working at [Technology Innovation Institute](https://tii.ae) since
+August of 2021, where I'm currently I'm involved on the development of the [Ghaf
+Framework](https://tiiuae.github.io/ghaf/).

flake.nix

@@ -0,0 +1,16 @@
+{
+  description = "A basic flake with a shell";
+  inputs.nixpkgs.url = "github:NixOS/nixpkgs/nixpkgs-unstable";
+  inputs.flake-utils.url = "github:numtide/flake-utils";
+
+  outputs = { nixpkgs, flake-utils, ... }:
+    flake-utils.lib.eachDefaultSystem (system:
+      let
+        pkgs = nixpkgs.legacyPackages.${system};
+      in
+      {
+        devShells.default = pkgs.mkShell {
+          packages = [ pkgs.hugo ];
+        };
+      });
+}

layouts/_default/list.html

@@ -7,8 +7,11 @@
 </ul>{{ end }}
 {{if .IsHome}}
 <h2>Links</h2>
-  <a href="/avatar-fulldef.jpg"><img src="/{{$.Site.Params.Image}}" class="me" width="100px" height="100px"
-     alt="{{$.Site.Params.ImageAlt}}" /></a>
+  {{with resources.Get "/avatar.jpg"}}
+  {{with .Process "webp resize 200x"}}
+    <img src="{{.RelPermalink}}" class="me" width="100px" height="100px"
+      alt="{{$.Site.Params.ImageAlt}}" />
+  {{end}}{{end}}
   <dl>
     <dt>Email</dt>
     <dd><a rel="me" href="mailto:[email protected]">[email protected]</a></dd>
@@ -21,4 +24,13 @@ <h2>Links</h2>
   </dl>
 {{end}}
 </section>
+<style>
+.me {
+  display: block;
+  float: right;
+  width: 148px;
+  margin: 0 auto;
+  border-radius: 20px;
+}
+</style>
 {{ partial "footer.html" . }}

layouts/partials/header.html

@@ -25,12 +25,12 @@
 </head>
 <header>
   <h1 class="title">Humaid Alqasimi</h1>
-  <nav>
-    <p class="c nav"><a rel="prefetch" href="/">Home</a>
+  <nav class="nav">
+    <a rel="prefetch" href="/">Home</a>
     &middot; <a rel="prefetch" href="/blog/">Blog</a>
     &middot; <a rel="prefetch" href="/projects/">Projects</a>
     &middot; <a rel="prefetch" href="/recipes/">Recipes</a>
-    &middot; <a rel="prefetch" href="/now/">Now</a></p>
+    &middot; <a rel="prefetch" href="/now/">Now</a>
   </nav>
 </header>
-<main class="index">
+<main>

static/humans.txt

@@ -1,3 +1,2 @@
 /* SITE */
 Generator: Hugo <https://gohugo.io>
-Host: sourcehut pages <https://srht.site>