little makefile changes, didn't actually work to set the section ids

index.html

@@ -37,7 +37,8 @@
 <p><a href="2022/call/">View the call</a></p>
 <p><a href="https://www.pzwart.nl/experimental-publishing/apply/"><button class="apply">Apply</button></a></p>
 </details>
-<h2 id="public-servers">public servers</h2>
+<section id="public-servers" class="level2">
+<h2>public servers</h2>
 <div class="flex">
 <details>
 <p><summary> Special Issues</p>
@@ -70,7 +71,9 @@
 <img src="images/pad.webp" alt="Etherpad" /> </summary> The <a href="https://pad.xpub.nl">XPUB etherpad</a> is another crucial piece of course self-hosted infrastructure. Etherpads are all about realtime group collaboration with a minimum of prescriptive structures. Pads are used heavily in the course as a means of collective note taking, planning, <a href="https://pzwiki.wdka.nl/mediadesign/Methods_xpub">writing and annotation</a>.
 </details>
 </div>
-<h2 id="servers-for-students-staff">servers for students &amp; staff</h2>
+</section>
+<section id="servers-for-students-staff" class="level2">
+<h2>servers for students &amp; staff</h2>
 <div class="flex">
 <details>
 <p><summary> Hub</p>
@@ -90,7 +93,9 @@ The course uses a mailing list provided by neighbor network <a href="https://we.
 <img src="images/jitsi.320x.jpg" title="hotline" alt="Hotline" /> </summary> The <a href="https://hotline.xpub.nl">hotline</a> is a self-hosted <a href="https://jitsi.org">Jitsi Meet</a> server, an alternative to proprietary services like Zoom, Teams, and Meet.
 </details>
 </div>
-<h2 id="section">2022</h2>
+</section>
+<section id="section" class="level2">
+<h2>2022</h2>
 <div class="flex">
 <details>
 <p><summary> Walkie Talkie</p>
@@ -126,7 +131,9 @@ The course uses a mailing list provided by neighbor network <a href="https://we.
 <a href="https://unpublic.bandcamp.com/album/paris-22-june-2022?fbclid=IwAR0i1kkNAKDhjbYlqrWgB_Em58f0Q9PaPAbfhg0XiaZbguPMEafLhENfLuQ">Recorded audio presentation</a>
 </details>
 </div>
-<h2 id="section-1">2021</h2>
+</section>
+<section id="section-1" class="level2">
+<h2>2021</h2>
 <div class="flex">
 <details>
 <p><summary> SWAAT #00</p>
@@ -141,11 +148,16 @@ The course uses a mailing list provided by neighbor network <a href="https://we.
 <a href="https://thephotographersgallery.org.uk/whats-on/watch-screen-walk-aymeric-mansoux-and-roel-roscam-abbing">Recorded video presentation</a>
 </details>
 </div>
-<h2 id="colophon">colophon</h2>
+</section>
+<section id="colophon" class="level2">
+<h2>colophon</h2>
 <p>This site is made with <a href="https://pandoc.org/">pandoc</a>, <a href="https://pandoc.org/MANUAL.html#pandocs-markdown">markdown</a>, and <a href="https://git.xpub.nl/XPUB/xpub.nl/">git</a>.</p>
-<h2 id="apply-to-the-course">apply to the course</h2>
+</section>
+<section id="apply-to-the-course" class="level2">
+<h2>apply to the course</h2>
 <p><strong>Applications deadlines</strong>: March 7, 2023 (non-EU) and <em>May 10, 2023</em> (EU)</p>
 <p><strong>Online open day</strong>: <em>February 11, 2023</em></p>
 <p><a href="https://www.pzwart.nl/experimental-publishing/apply/"><button class="apply">Apply</button></a></p>
+</section>
 </body>
 </html>

makefile

@@ -1,5 +1,10 @@
 index.html: index.md
-	pandoc --from markdown-implicit_figures --to html5 --css index.css --standalone index.md -o index.html
+	pandoc --from markdown-implicit_figures+auto_identifiers \
+	--section-divs \
+	--to html5 \
+	--css index.css \
+	--standalone index.md \
+	-o index.html
 
 all: index.json