Some media pages

assets/scss/custom.scss

@@ -55,3 +55,8 @@
 .testimonial a:hover {
     text-decoration: underline;
 }
+
+.video-container {
+  aspect-ratio: 16 / 9;
+  width: 100%;
+}

content/english/media/seattle-2023/disassembling-impostor-syndrome.md

@@ -0,0 +1,32 @@
++++
+title="Disassembling impostor syndrome"
+mediatype="talk"
+conference="Handmade Seattle 2023"
+
+[[videos]]
+title="Disassembling impostor syndrome"
+embed="https://player.vimeo.com/video/888147720?h=f0182acf4e"
+service="vimeo"
+download_link="https://vimeo.com/888147720/f0182acf4e"
+
+[[videos]]
+title="Disassembling impostor syndrome - Q&A"
+embed="https://player.vimeo.com/video/888147596?h=a9edcfc622"
+service="vimeo"
+download_link="https://vimeo.com/888147596/a9edcfc622"
+
+[[speakers]]
+name="Loris Cro"
+bio="""
+VP of Community at [Zig](https://ziglang.org).
+"""
+image="/images/people/2023-loriscro.jpg"
++++
+
+Understand the mechanisms behind how we see ourselves (and others) in communities that focus on building competence.
+
+I’m going to explore some of the mechanisms that might lead us to feeling like an impostor.
+
+This talk is not meant to be a cheap “just believe in yourself” self-help guide, but rather an investigation of how social dynamics interact with engineering processes (e.g. evaluating our code against someone else’s) and in fact I will spend a good chunk of the talk on the analysis of situations where the same mechanisms lead to completely different outcomes.
+
+I’m a software engineer, not a trained psychologist, so caveat emptor, but in my role of VP of Community at the Zig Software Foundation I’ve had the pleasure of observing these dynamics from multiple angles and hopefully will be able to bring you some insight that would otherwise be hard to procure on your own.

content/english/media/seattle-2023/high-level-is-the-goal.md

@@ -0,0 +1,31 @@
++++
+title="High-level is the goal"
+mediatype="talk"
+conference="Handmade Seattle 2023"
+
+[[videos]]
+title="High-level is the goal"
+embed="https://player.vimeo.com/video/888144904?h=41ea23bd45"
+service="vimeo"
+download_link="https://vimeo.com/888144904/41ea23bd45"
+
+[[videos]]
+title="High-level is the goal - Q&A"
+embed="https://player.vimeo.com/video/888145288?h=1ab0720e8d"
+service="vimeo"
+download_link="https://vimeo.com/888145288/1ab0720e8d"
+
+[[speakers]]
+name="Ben Visness"
+bio="""
+Head of [Handmade Network](https://handmade.network). WebAssembly engineer at Mozilla.
+"""
+image="/images/people/2023-bvisness.jpg"
++++
+
+#### Why "Handmade" means more than "low-level."
+
+Why does the Handmade community focus so much on low-level programming?
+What's the point? Do we simply reject new things to return to the good old days?
+Or is there more than that? Let's dig into the current state of computing and talk
+about what sets the Handmade ethos apart. 

content/english/media/seattle-2023/opticks.md

@@ -0,0 +1,26 @@
++++
+title="Opticks"
+mediatype="demo"
+conference="Handmade Seattle 2023"
+
+[[videos]]
+title="Opticks demo"
+embed="https://player.vimeo.com/video/887510428?h=8926bf202d"
+service="vimeo"
+download_link="https://vimeo.com/887510428/8926bf202d"
+
+[[videos]]
+title="Opticks demo - Q&A"
+embed="https://player.vimeo.com/video/889290315?h=86696223bb"
+service="vimeo"
+download_link="https://vimeo.com/889290315/86696223bb"
+
+[[speakers]]
+name="Janidhu Somatilaka (Zeanith)"
+bio="""
+Hi I’m Janidhu (I also go by the screenname Zeanith, feel free to call me either), and I'm a graduate from the University of Auckland and an engineer from a small corner of the globe called New Zealand. I have a passion for low level software and embedded hardware, I also love RGB LEDS which you can see in my demo of Opticks at Handmade Seattle 2023.
+"""
+image=""
++++
+
+Opticks is an RGB project that demonstrates how cool RGB products can be if they dont ship with the most invasive, inefficient, opaque software/firmware.

content/english/media/seattle-2023/serenum.md

@@ -0,0 +1,27 @@
++++
+title="Serenum"
+mediatype="demo"
+conference="Handmade Seattle 2023"
+
+[[videos]]
+title="Serenum"
+embed="https://player.vimeo.com/video/887510365?h=8446cf0e2d"
+service="vimeo"
+download_link="https://vimeo.com/887510365/8446cf0e2d"
+
+[[videos]]
+title="Serenum - Q&A"
+embed="https://player.vimeo.com/video/889303217?h=4ea9a13f28"
+service="vimeo"
+download_link="https://vimeo.com/889303217/4ea9a13f28"
+
+[[speakers]]
+name="Sam H. Smith"
+bio="""
+"""
+image=""
++++
+
+#### A self-hosting system free from traditional constraints.
+
+I have made a desktop computer system that shares no code or language with existing software. Everything can be understood by one person, no bug is unfixable. Everything is written in my language Brevis and the system is self-hosting without any ties to C or existing toolchains.

content/english/media/seattle-2023/the-ethics-of-psychological-manipulation.md

@@ -0,0 +1,26 @@
++++
+title="The ethics of psychological manipulation"
+mediatype="talk"
+conference="Handmade Seattle 2023"
+
+[[videos]]
+title="The ethics of psychological manipulation"
+embed="https://player.vimeo.com/video/888147720?h=f0182acf4e"
+service="vimeo"
+download_link="https://vimeo.com/888147720/f0182acf4e"
+
+[[videos]]
+title="The ethics of psychological manipulation - Q&A"
+embed="https://player.vimeo.com/video/888147777?h=1272b516b8"
+service="vimeo"
+download_link="https://vimeo.com/888147777/1272b516b8"
+
+[[speakers]]
+name="Scott Redig"
+bio="Engineer at [Pocketwatch Games](https://pocketwatchgames.com/)."
+image="/images/people/2023-scottredig.jpg"
++++
+
+#### A look at how video games make money.
+
+Learn an easy way to use ethical thinking to improve your decision making. Uncover how parts of the video game industry are exploiting their players.

content/english/media/seattle-2023/whitebox.md

@@ -0,0 +1,30 @@
++++
+title="Whitebox"
+mediatype="demo"
+conference="Handmade Seattle 2023"
+
+[[videos]]
+title="Whitebox demo"
+embed="https://player.vimeo.com/video/887510192?h=7488c1c6a0"
+service="vimeo"
+download_link="https://vimeo.com/887510192/7488c1c6a0"
+
+[[videos]]
+title="Whitebox demo - Q&A"
+embed="https://player.vimeo.com/video/889290745?h=b8a9f317b1"
+service="vimeo"
+download_link="https://vimeo.com/889290745/b8a9f317b1"
+
+[[speakers]]
+name="Andrew Reece"
+bio=""
+image=""
++++
+
+#### The world’s only live timeline debugger.
+
+This year, we have hugely expanded and generalized WhiteBoxs inspection & visualization engine.
+
+Previously, WhiteBox’s main focus has been to make writing code an exploratory conversation with the computer by visualizing feedback about code’s behaviour immediately as you write it.
+
+In this demo, we’re showcasing our first steps towards a new way to understand production-scale codebases.

layouts/media/single.html

@@ -0,0 +1,75 @@
+{{ define "main" }}
+  <section class="mb-8">
+    <div class="container flex flex-col gap-5">
+      <div>
+        <h2>{{ .Params.Title }}</h2>
+        <div>
+          {{ if eq .Params.Mediatype "talk" }}
+              Presented by
+          {{ else if eq .Params.Mediatype "demo" }}
+              Presented by
+          {{ else if eq .Params.Mediatype "chat" }}
+              Fireside chat with
+          {{ end }}
+          {{ range .Params.Speakers }}
+              <a href="">{{ .name }}</a>
+          {{ end }}
+          at
+          <a href="">{{ .Params.Conference }}</a>
+        </div>
+      </div>
+
+      {{ range .Params.Videos }}
+        <div class="video-container">
+          <iframe
+            src="{{ .embed }}"
+            frameborder="0"
+            allow="autoplay; fullscreen; picture-in-picture; clipboard-write"
+            style="width:100%;height:100%;"
+            title="{{ .title }}">
+          </iframe>
+        </div>
+      {{ end }}
+
+      <div class="dark:text-white">
+        {{ .Content }}
+      </div>
+
+      {{ $hasGoodSpeaker := false }}
+      {{ range .Params.Speakers }}
+        {{ if or .bio .image }}
+          {{ $hasGoodSpeaker = true }}
+        {{ end }}
+      {{ end }}
+      {{ if $hasGoodSpeaker }}
+        <h4>About the speaker{{ if (gt (len .Params.Speakers) 1) }}s{{ end }}</h4>
+        {{ range .Params.Speakers }}
+          <div class="flex">
+            <div class="grow">
+              <div class="font-bold dark:text-white">{{ .name }}</div>
+              {{ if .bio }}
+                <div>
+                  {{ .bio | markdownify }}
+                </div>
+              {{ end }}
+            </div>
+            {{ if .image }}
+              {{ $imageurl := resources.Get .image }}
+              <div
+                class="rounded-full aspect-square overflow-hidden shrink-0 w-32"
+                style="background: url({{ $imageurl.RelPermalink }}) center top no-repeat; background-size: cover;"
+                title="{{ .name }}"
+              ></div>
+            {{ end }}
+          </div>
+        {{ end }}
+      {{ end }}
+
+      {{ range .Params.Videos }}
+        {{ if .download_link }}
+          <a class="btn btn-outline-primary self-start" href="{{ .download_link }}">Download {{ .title }}</a>
+        {{ end }}
+      {{ end }}
+    </div>
+  </section>
+{{ end }}