Create archive of old projects, add Rust for HelenOS

package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "dev": "astro dev --experimental-integrations",
     "build": "astro build --experimental-integrations",
-    "format": "prettier --write --plugin-search-dir . --ignore-path .gitignore"
+    "format": "prettier --write --plugin-search-dir . --ignore-path .gitignore ."
   },
   "devDependencies": {
     "@astrojs/sitemap": "^0.1.2",

src/layouts/Base.astro

@@ -26,7 +26,6 @@ const props = Astro.props as Props;
     <meta property="og:url" content="https://mvolfik.github.io/" />
     <meta property="og:site_name" content="Matěj Volf" />
     <meta property="og:type" content="website" />
-    <meta name="twitter:card" content="summary" />
     <meta property="twitter:title" content={props.title} />
     <script>
       import "../lib/tracker.ts";

src/layouts/archive.astro

@@ -0,0 +1,135 @@
+---
+import BaseLayout from "./Base.astro";
+import type { Props as ProjectProps } from "./project.astro";
+import { intersperse } from "../lib/utils.ts";
+
+export interface Props {
+  title: string;
+  summary: string;
+}
+
+const projects = await Astro.glob<ProjectProps>("../pages/archive/*.md");
+const props = Astro.props.content as Props;
+---
+
+<BaseLayout title={props.title} summary={props.summary}>
+  <div class="wrapper">
+    <h2>Archive</h2>
+    <hr />
+    <main>
+      <p><a href="/">&larr; back to homepage</a></p>
+      <slot />
+
+      {
+        projects
+          .sort(
+            (a, b) =>
+              b.frontmatter.ordering_value - a.frontmatter.ordering_value
+          )
+          .map(({ frontmatter, url }, i) => (
+            <>
+              <h4 class:list={[{ noprint: i >= 2 }]}>
+                <a target="_blank" href={frontmatter.links[0].href}>
+                  {frontmatter.name}
+                </a>
+                <span class="tags">
+                  {intersperse(
+                    frontmatter.tags.map((tag) => <span>{tag}</span>),
+                    ", "
+                  )}
+                </span>
+                <span class="timespan">{frontmatter.timespan}</span>
+              </h4>
+              {frontmatter.description.split(/\n\w*\n/).map((paragraph) => (
+                <p class:list={[{ noprint: i >= 2 }]}>{paragraph}</p>
+              ))}
+              {frontmatter.links.length > 1 || frontmatter.read_more ? (
+                <p class:list={[{ noprint: i >= 2 }]}>
+                  {intersperse(
+                    frontmatter.links.map(({ name, href }) => (
+                      <a target="_blank" href={href}>
+                        {name}
+                      </a>
+                    )),
+                    " | "
+                  )}
+                  {frontmatter.read_more ? (
+                    <>
+                      | <a href={url}>Read more&hellip;</a>
+                    </>
+                  ) : (
+                    ""
+                  )}
+                </p>
+              ) : (
+                ""
+              )}
+            </>
+          ))
+      }
+    </main>
+    <footer>
+      <p>
+        <small>
+          <span class="noprint">
+            Powered by <a target="_blank" href="https://astro.build/">Astro</a>;
+            Hosted on GitHub Pages
+          </span>
+          <span class="printonly">
+            This resume was printed from <a href="https://mvolfik.github.io/"
+              >https://mvolfik.github.io/
+            </a> on {new Date().toLocaleDateString()}
+          </span>
+        </small>
+      </p>
+    </footer>
+  </div>
+</BaseLayout>
+
+<script>
+  document.querySelector("a[href^='https://mailhide.io']").href = atob(
+    "tFWasR3b6gWZsx2bA1mdvxmZptmLj9Wb".split("").reverse().join("")
+  )
+    .split("")
+    .reverse()
+    .join("");
+</script>
+
+<style lang="scss">
+  @use "../lib/tags.scss";
+  @use "sass:list";
+
+  main h4 {
+    .tags,
+    .timespan {
+      white-space: nowrap;
+    }
+
+    @for $i from 0 to 6 {
+      &:nth-of-type(6n + #{$i}) .tags {
+        @include tags.tags($i);
+      }
+
+      &:nth-of-type(6n + #{$i}) {
+        $permut: list.nth(tags.$colors-permutations, ($i % 6) + 1);
+
+        .job-role {
+          color: list.nth($permut, 1);
+        }
+
+        .job-company {
+          color: list.nth($permut, 3);
+        }
+      }
+    }
+  }
+
+  div.wrapper {
+    max-width: 51em;
+    margin: 0 auto;
+  }
+
+  main {
+    margin: 0 1em;
+  }
+</style>

src/layouts/index.astro

@@ -139,9 +139,15 @@ const props = Astro.props.content as Props;
           .map(({ frontmatter, url }, i) => (
             <>
               <h4 class:list={[{ noprint: i >= 2 }]}>
-                <a target="_blank" href={frontmatter.links[0].href}>
-                  {frontmatter.name}
-                </a>
+                {frontmatter.links.length ? (
+                  <>
+                    <a target="_blank" href={frontmatter.links[0].href}>
+                      {frontmatter.name}
+                    </a>
+                  </>
+                ) : (
+                  frontmatter.name
+                )}
                 <span class="tags">
                   {intersperse(
                     frontmatter.tags.map((tag) => <span>{tag}</span>),
@@ -177,6 +183,9 @@ const props = Astro.props.content as Props;
             </>
           ))
       }
+      <p style="margin-top: 2rem;">
+        <a href="/archive">Archive of older projects</a>
+      </p>
     </main>
     <footer>
       <p>

src/layouts/project.astro

@@ -14,6 +14,7 @@ export interface Props {
   description: string;
 }
 const props = Astro.props.content as Props;
+const isArchive = Astro.props.url.startsWith("/archive/");
 ---
 
 <BaseLayout title={props.name} summary={props.description}>
@@ -36,7 +37,11 @@ const props = Astro.props.content as Props;
       )
     }
     <main>
-      <p class="noprint"><a href="/">&larr; back to homepage</a></p>
+      <p class="noprint">
+        <a href={isArchive ? "/archive" : "/"}
+          >&larr; back to {isArchive ? "archive" : "homepage"}</a
+        >
+      </p>
       <p class="metadata">
         Tags: <span class="tags">
           {
@@ -101,6 +106,10 @@ const props = Astro.props.content as Props;
     }
   }
 
+  main > :global(p > img) {
+    max-width: 100%;
+  }
+
   .metadata {
     font-size: 1.15em;
   }

src/pages/archive.md

@@ -0,0 +1,7 @@
+---
+layout: ../layouts/archive.astro
+title: Archive
+summary: Very old things
+---
+
+Here's a few very old things, that I used to show in my portfolio earlier. The content here may be embarassing, uninteresting, trivial, or even embarassingly uninteresting and trivial.

src/pages/projects/helenos-rust.md

@@ -0,0 +1,13 @@
+---
+layout: ../../layouts/project.astro
+name: Rust for HelenOS
+image: https://http.cat/404
+links: []
+timespan: 2024 – present
+ordering_value: 20240301
+tags:
+  - Rust
+  - Operating System development
+description: |
+  As my Individual Software project at Matfyz (and potentially my Bachelor's thesis), I am working on providing support for the HelenOS operating system to the Rust compiler, i.e. allow compiling Rust programs for HelenOS. I am very much in the beginning of this project and there isn't anything that I have to show yet.
+---