Annotated presentation for Topio 2023 talk

.circleci/config.yml

@@ -24,8 +24,8 @@ jobs:
     executor: docker_hugo_node
     resource_class: large
     environment:
-        - HUGO_VERSION: '0.88.1'
-        - HUGO_BINARY: hugo_extended_0.88.1_linux-64bit
+        - HUGO_VERSION: '0.110.0'
+        - HUGO_BINARY: hugo_extended_0.110.0_linux-64bit
     steps:
       - run:
           command: |
@@ -60,8 +60,8 @@ jobs:
         - image: cypress/base:14.17.0
       resource_class: large
       environment:
-        - HUGO_VERSION: '0.88.1'
-        - HUGO_BINARY: hugo_extended_0.88.1_linux-64bit
+        - HUGO_VERSION: '0.110.0'
+        - HUGO_BINARY: hugo_extended_0.110.0_linux-64bit
       steps:
         - run:
             command: |

README.md

@@ -15,7 +15,7 @@ Datenanfragen.de is designed as a static website, running on [Hugo](https://gohu
 
 To build the project locally for development, follow these steps:
 
-1. Install [Yarn 1](https://classic.yarnpkg.com/en/docs/install) (Classic) and the extended(!) version of [Hugo](https://gohugo.io/getting-started/quick-start/) (v0.88.1).
+1. Install [Yarn 1](https://classic.yarnpkg.com/en/docs/install) (Classic) and the extended(!) version of [Hugo](https://gohugo.io/getting-started/quick-start/) (v0.110.0).
 2. Clone the repo and run `yarn` in the root directory of the repo to fetch all required dependencies.
 3. Run the deploy script (`./deploy.sh`) to fetch and prepare the required resources from our [data](https://github.com/datenanfragen/data) repository.
 4. Open two terminal windows. In the first, run `yarn dev` to start the Webpack file watcher, which will automatically build the JS files. In the second one, run `hugo server` to have Hugo continuously build the actual website and the SCSS.

assets/styles/elements.scss

@@ -1486,3 +1486,12 @@ details.footnote {
         box-sizing: border-box;
     }
 }
+
+// Annotated slides
+.annotated-slide {
+    & + .annotated-slide {
+        margin-top: 2em;
+        padding-top: 2em;
+        border-top: 1px solid color('gray', 400);
+    }
+}

layouts/shortcodes/annotatedSlide.html

@@ -0,0 +1,20 @@
+{{ $link := "" }}
+{{ with $.Page.Params.slidesUrl }}
+    {{ $slideNumberMatches := findRESubmatch `-slide-(\d+)` $.Params.file }}
+    {{ $slideNumber := index (index $slideNumberMatches 0) 1 }}
+    {{ if $slideNumber }}
+        {{ $link = printf "%s#page=%s" $.Page.Params.slidesUrl $slideNumber }}
+    {{ end }}
+{{ end }}
+
+<div class="annotated-slide">
+    {{ partial "img" (dict
+        "page" $.Page
+        "name" (printf "slides/%s" $.Params.file)
+        "alt" $.Params.alt
+        "link" $link
+        "loading" "lazy"
+    ) }}
+
+    {{ .Inner | markdownify }}
+</div>

netlify.toml

@@ -1,4 +1,4 @@
 [build]
 publish = "public"
 command = "./deploy.sh"
-environment = {NODE_VERSION = "14.17.0", HUGO_VERSION = "0.88.1", YARN_VERSION = "1.22.4"}
+environment = {NODE_VERSION = "14.17.0", HUGO_VERSION = "0.110.0", YARN_VERSION = "1.22.4"}