Arbeid på nekrolog om Vemund

src/components/newsfeed/NekrologNewsfeed.astro

@@ -0,0 +1,40 @@
+---
+import "./newsfeed.css";
+import { Picture } from "astro:assets";
+import type { ImageMetadata } from "astro";
+import type { NewsfeedProps } from "@interfaces/newsfeed";
+import type { NekrologFrontmatter } from "@interfaces/frontmatter";
+
+interface Props extends NewsfeedProps, NekrologFrontmatter {}
+
+const {
+  draft,
+  title,
+  url,
+  image,
+  elementsPerRow = 1,
+  from,
+  to,
+  name,
+} = Astro.props;
+const images = import.meta.glob<{ default: ImageMetadata }>(
+  "/src/assets/*.{jpeg,jpg,png,gif}"
+);
+---
+
+<a class="newsfeed-post-link newsfeed-post-link-artikkel" href={url}>
+  <div class="newsfeed-post-image-wrapper">
+    <Picture
+      class="newsfeed-post-image"
+      style={image.height ? { height: image.height } : null}
+      src={images[image.url]()}
+      alt={image.alt}
+    />
+    {draft === true && <span class="newsfeed-post-draft">Draft</span>}
+  </div>
+  <div class="newsfeed-post-heading-wrapper">
+    <h2 class="newsfeed-post-heading">{title}</h2>
+    <span>{`${name} (${from}-${to})`}</span>
+  </div>
+</a>
+<style define:vars={{ elementsPerRow }}></style>

src/interfaces/frontmatter.ts

@@ -5,6 +5,7 @@ export enum PostType {
   Leder = 4,
   Musikkanmeldelse = 5,
   Temaserie = 6,
+  Nekrolog = 7,
 }
 
 export interface Frontmatter {
@@ -39,3 +40,9 @@ export interface MusikkanmeldelseFrontmatter extends Frontmatter {}
 export interface TemaserieFrontmatter extends Frontmatter {
   tema: string;
 }
+
+export interface NekrologFrontmatter extends Frontmatter {
+  name: string;
+  from: number;
+  to: number;
+}

src/layouts/NekrologLayout.astro

@@ -0,0 +1,41 @@
+---
+import type { MDXLayoutProps } from "astro";
+import Layout from "./Layout.astro";
+import type { NekrologFrontmatter } from "@interfaces/frontmatter";
+
+interface Props extends MDXLayoutProps<NekrologFrontmatter> {}
+
+const {
+  frontmatter: { title, author, summary },
+} = Astro.props;
+---
+
+<Layout>
+  <article>
+    <h1>{title}</h1>
+    <p class="ingress">{summary}</p>
+    <span class="authored-by">Skrevet av {author}</span>
+    <slot />
+  </article>
+</Layout>
+
+<style>
+  article {
+    margin: 0;
+  }
+
+  h1 {
+    margin: 0;
+    font-size: 4rem;
+  }
+
+  .authored-by {
+    font-size: 1.25rem;
+    color: #666;
+  }
+
+  .ingress {
+    font-size: 2rem;
+    margin-top: 1rem;
+  }
+</style>

src/pages/index.astro

@@ -7,6 +7,7 @@ import {
   type LederFrontmatter,
   type MatspaltenFrontmatter,
   type MusikkanmeldelseFrontmatter,
+  type NekrologFrontmatter,
   type ReisebrevFrontmatter,
   type TemaserieFrontmatter,
 } from "@interfaces/frontmatter";
@@ -17,6 +18,7 @@ import ReisebrevNewsfeed from "@components/newsfeed/ReisebrevNewsfeed.astro";
 import LederNewsfeed from "@components/newsfeed/LederNewsfeed.astro";
 import MusikkanmeldelseNewsfeed from "@components/newsfeed/MusikkanmeldelseNewsfeed.astro";
 import TemaserieNewsfeed from "@components/newsfeed/TemaserieNewsfeed.astro";
+import NekrologNewsfeed from "@components/newsfeed/NekrologNewsfeed.astro";
 
 const posts = await Astro.glob<Frontmatter>("../pages/posts/*.mdx");
 const getUrl = (url?: string) => (url ? url + "/index.html" : undefined);
@@ -84,6 +86,12 @@ const sortArticles = (
                 url={getUrl(post.url)}
               />
             )}
+            {post.frontmatter.type === PostType.Nekrolog && (
+              <NekrologNewsfeed
+                {...(post.frontmatter as NekrologFrontmatter)}
+                url={getUrl(post.url)}
+              />
+            )}
           </>
         ))
     }

src/pages/posts/nekrolog-for-vemund.mdx

@@ -0,0 +1,64 @@
+---
+type: 7
+draft: true
+title: "Adjø fabrikksjef"
+author: "Ola Matre og Marte Urstad"
+publishedAt: "2024-12-18T09:00:00+01:00"
+summary: "Dagen har kommet da vi mot vår vilje må si adjø til fabrikksjef Vemund Fredriksen. Han skal videre på sitt eventyr som backendutvikler, og forlater oss etter to fantastiske år sammen. To år fulle av glede, tårer, kaffe og litt utvikling."
+image: { url: "/src/assets/vemund-fredriksen.png", alt: "Vemund Fredriksen underveis i hans maraton i Valencia", height: "500px" }
+layout: "../../layouts/NekrologLayout.astro"
+name: "Vemund Fredriksen"
+from: 2021
+to: 2024
+---
+import VemundFredriksen from "@assets/vemund-fredriksen.png"
+import ArticleImage from "@components/ArticleImage.astro"
+
+<ArticleImage src={VemundFredriksen.src} alt="Vemund Fredriksen underveis i hand maraton i Valencia Maraton" width="300px" captionWidth="300px" float="right" caption={{
+  heading: "VED GODT MOT",
+  text: "Vemund Fredriksen mener selv det kunne gått fortere.",
+  photographer: "Vemund Fredriksen"
+}} />
+
+TODO: 5 kjappe
+TODO: Kolleger om Vemund
+TODO: Bilder
+TODO: Newsfeed-layout for nekrologer
+
+Vemund kom inn som nyutdanna utvikler og konsulent fra Sopria Steria i september 2021 under Linn Christin Haugen Lytskjold sitt nyoppstarta Team Ipa. Med sin mastergrad i informatikk fra teknologihovedstaten (omstridt) Trondheim og hans ekstreme Ut i vår hage-kompetanse ble han en viktig brikke i utviklingen av den nye inntauingsløsningen.
+
+Videre ble IPA splittet opp og Team KiH oppstod. Her ble det intensivt arbeid med flere produkter og nedleggelse av enda en mastodont: Puls.
+
+## - Det er bare en vei ut av Bymiljøetaten
+
+Vi tok en prat med Vemund for å snakke mer om livet og hans tid i Digital Utvikling.
+
+\- Vi lager en nekrolog om deg.
+
+**- En nekrolog?**
+
+\- Ja, det er bare én vei ut av Bymiljøetaten.
+
+Det er kanskje ikke så vanlig med nekrologer post mortum, men vi ender i alle fall med å få mange gode råd fra en med relativt mye livserfaring.
+
+**- Skulle jeg gitt meg selv et godt råd da jeg startet denne reisen ville det vært å være mer frempå i de uoffisielle kanalene slik at man får fremdrift og svar. ...og at den beste kaffen er i åttende etasje.**
+
+\- Hva har Bym gitt deg?
+
+**- Masse god lærdom, gode kolleger, latter og moro.**
+
+\- Det høres kjedelig ut.
+
+**- Er det et spørsmål?**
+
+Vi prøver å forklare Vemund at vi hadde sett for oss en mer portrettintervju-i-Aftenposten-flyt hvor vi svarer på svarene hand med korte setninger, og at han deretter utbroderer med noe mer interessant. Men det virker som han ikke helt mestrer formatet og kommer med nok en floskell som en god konsulent, som tross alt skal selges ut til nye kunder, ville gjort.
+
+**- Det har bydd på mange utfordringer og jeg har lært masse om meg selv underveis.**
+
+Men når vi utfordrer ham på det allment kjente “gimperyktet” må han gi etter.
+
+**- Vil ikke ha at jeg er GIMP på trykk, men det er jo sant.**
+
+På spørsmål om han har lært noe HTML forteller Vemund oss at han tvert imot er blitt svakere i HTML, men sterkere på å krangle. Når vi spør han om han har gitt Bym noe svarer han beskjedent:
+
+**- Masse teknisk gjeld. Bidratt med mitt. Gjort så godt jeg kan. Blir ikke bedre enn det med meg på laget. Burde kanskje hatt noen andre...**