From 97f6da124787423f8ed31a61c991c0fa8a3e1389 Mon Sep 17 00:00:00 2001
From: Landon Curt Noll <github-mail@asthe.com>
Date: Mon, 22 Apr 2024 15:05:59 -0700
Subject: [PATCH] fix topbar to work on mobile devices

The topbar, by way of JavaScript, now works
on mobile devices such as cell phones and
tablets.

Internal links for entries from 1984 thru 2015
have been adjusted.

Ran `make www` to perform the above.

TODO: Fix some color issues on topbar.

TODO: More testing!
---
 1984/anonymous/index.html            |  198 ++++-
 1984/decot/index.html                |  198 ++++-
 1984/index.html                      |  198 ++++-
 1984/laman/index.html                |  198 ++++-
 1984/mullender/index.html            |  198 ++++-
 1985/applin/index.html               |  198 ++++-
 1985/august/index.html               |  198 ++++-
 1985/index.html                      |  198 ++++-
 1985/lycklama/index.html             |  198 ++++-
 1985/shapiro/index.html              |  198 ++++-
 1985/sicherman/index.html            |  198 ++++-
 1986/applin/index.html               |  198 ++++-
 1986/august/index.html               |  198 ++++-
 1986/bright/index.html               |  198 ++++-
 1986/hague/index.html                |  198 ++++-
 1986/holloway/index.html             |  198 ++++-
 1986/index.html                      |  198 ++++-
 1986/marshall/compilers.html         |  202 ++++-
 1986/marshall/compilers.md           |    4 +-
 1986/marshall/index.html             |  198 ++++-
 1986/pawka/index.html                |  198 ++++-
 1986/stein/index.html                |  198 ++++-
 1986/wall/index.html                 |  198 ++++-
 1987/biggar/index.html               |  198 ++++-
 1987/heckbert/index.html             |  198 ++++-
 1987/hines/index.html                |  198 ++++-
 1987/index.html                      |  198 ++++-
 1987/korn/index.html                 |  198 ++++-
 1987/lievaart/index.html             |  198 ++++-
 1987/wall/index.html                 |  198 ++++-
 1987/westley/index.html              |  198 ++++-
 1988/applin/index.html               |  198 ++++-
 1988/dale/index.html                 |  198 ++++-
 1988/index.html                      |  198 ++++-
 1988/isaak/index.html                |  198 ++++-
 1988/litmaath/index.html             |  198 ++++-
 1988/phillipps/index.html            |  198 ++++-
 1988/reddy/index.html                |  198 ++++-
 1988/robison/index.html              |  198 ++++-
 1988/spinellis/index.html            |  198 ++++-
 1988/westley/index.html              |  198 ++++-
 1989/fubar/index.html                |  198 ++++-
 1989/index.html                      |  198 ++++-
 1989/jar.1/index.html                |  198 ++++-
 1989/jar.2/index.html                |  198 ++++-
 1989/ovdluhe/index.html              |  198 ++++-
 1989/paul/index.html                 |  198 ++++-
 1989/robison/index.html              |  198 ++++-
 1989/roemer/index.html               |  198 ++++-
 1989/tromp/index.html                |  198 ++++-
 1989/vanb/index.html                 |  198 ++++-
 1989/westley/index.html              |  198 ++++-
 1990/baruch/index.html               |  198 ++++-
 1990/cmills/index.html               |  198 ++++-
 1990/dds/index.html                  |  198 ++++-
 1990/dg/index.html                   |  198 ++++-
 1990/index.html                      |  198 ++++-
 1990/jaw/index.html                  |  198 ++++-
 1990/pjr/index.html                  |  198 ++++-
 1990/scjones/index.html              |  198 ++++-
 1990/stig/index.html                 |  198 ++++-
 1990/tbr/index.html                  |  198 ++++-
 1990/theorem/index.html              |  198 ++++-
 1990/westley/index.html              |  198 ++++-
 1991/ant/index.html                  |  198 ++++-
 1991/brnstnd/index.html              |  198 ++++-
 1991/brnstnd/sorta.README.html       |  198 ++++-
 1991/buzzard/index.html              |  198 ++++-
 1991/cdupont/index.html              |  198 ++++-
 1991/davidguy/index.html             |  198 ++++-
 1991/dds/index.html                  |  198 ++++-
 1991/fine/index.html                 |  198 ++++-
 1991/index.html                      |  198 ++++-
 1991/rince/index.html                |  198 ++++-
 1991/westley/index.html              |  198 ++++-
 1992/adrian/index.html               |  198 ++++-
 1992/albert/index.html               |  198 ++++-
 1992/ant/index.html                  |  198 ++++-
 1992/buzzard.1/index.html            |  198 ++++-
 1992/buzzard.2/buzzard.2.README.html |  198 ++++-
 1992/buzzard.2/buzzard.2.design.html |  198 ++++-
 1992/buzzard.2/index.html            |  198 ++++-
 1992/gson/index.html                 |  198 ++++-
 1992/imc/index.html                  |  198 ++++-
 1992/index.html                      |  198 ++++-
 1992/kivinen/index.html              |  198 ++++-
 1992/lush/index.html                 |  198 ++++-
 1992/marangon/index.html             |  198 ++++-
 1992/nathan/index.html               |  198 ++++-
 1992/vern/index.html                 |  198 ++++-
 1992/westley/index.html              |  198 ++++-
 1993/ant/index.html                  |  198 ++++-
 1993/cmills/index.html               |  198 ++++-
 1993/dgibson/index.html              |  198 ++++-
 1993/ejb/hanoi.html                  |  198 ++++-
 1993/ejb/index.html                  |  198 ++++-
 1993/ejb/patience.html               |  200 ++++-
 1993/ejb/patience.md                 |    2 +-
 1993/index.html                      |  198 ++++-
 1993/jonth/index.html                |  198 ++++-
 1993/leo/index.html                  |  198 ++++-
 1993/lmfjyh/index.html               |  198 ++++-
 1993/plummer/index.html              |  198 ++++-
 1993/rince/design.html               |  198 ++++-
 1993/rince/index.html                |  198 ++++-
 1993/schnitzi/index.html             |  198 ++++-
 1993/vanb/index.html                 |  198 ++++-
 1994/dodsond1/index.html             |  198 ++++-
 1994/dodsond2/index.html             |  198 ++++-
 1994/horton/index.html               |  198 ++++-
 1994/imc/index.html                  |  198 ++++-
 1994/index.html                      |  198 ++++-
 1994/ldb/index.html                  |  198 ++++-
 1994/schnitzi/index.html             |  198 ++++-
 1994/shapiro/index.html              |  198 ++++-
 1994/shapiro/shapiro.html            |  198 ++++-
 1994/smr/index.html                  |  198 ++++-
 1994/tvr/index.html                  |  198 ++++-
 1994/weisberg/index.html             |  198 ++++-
 1994/westley/index.html              |  198 ++++-
 1995/cdua/index.html                 |  198 ++++-
 1995/dodsond1/index.html             |  198 ++++-
 1995/dodsond2/index.html             |  198 ++++-
 1995/esde/index.html                 |  198 ++++-
 1995/garry/index.html                |  198 ++++-
 1995/heathbar/index.html             |  198 ++++-
 1995/index.html                      |  198 ++++-
 1995/leo/index.html                  |  198 ++++-
 1995/leo/spoiler1.html               |  198 ++++-
 1995/makarios/index.html             |  198 ++++-
 1995/savastio/index.html             |  198 ++++-
 1995/schnitzi/index.html             |  198 ++++-
 1995/spinellis/index.html            |  198 ++++-
 1995/vanschnitz/index.html           |  198 ++++-
 1996/august/index.html               |  198 ++++-
 1996/dalbec/index.html               |  198 ++++-
 1996/eldby/index.html                |  198 ++++-
 1996/gandalf/index.html              |  198 ++++-
 1996/huffman/index.html              |  198 ++++-
 1996/index.html                      |  198 ++++-
 1996/jonth/index.html                |  198 ++++-
 1996/rcm/index.html                  |  198 ++++-
 1996/schweikh1/index.html            |  198 ++++-
 1996/schweikh2/index.html            |  198 ++++-
 1996/schweikh3/index.html            |  198 ++++-
 1996/westley/index.html              |  198 ++++-
 1998/banks/index.html                |  198 ++++-
 1998/bas1/index.html                 |  198 ++++-
 1998/bas2/index.html                 |  198 ++++-
 1998/chaos/index.html                |  198 ++++-
 1998/df/index.html                   |  198 ++++-
 1998/dlowe/index.html                |  198 ++++-
 1998/dloweneil/index.html            |  198 ++++-
 1998/dorssel/dorssel.html            |  198 ++++-
 1998/dorssel/index.html              |  198 ++++-
 1998/fanf/index.html                 |  198 ++++-
 1998/index.html                      |  198 ++++-
 1998/schnitzi/index.html             |  198 ++++-
 1998/schweikh1/index.html            |  198 ++++-
 1998/schweikh1/macos.html            |  198 ++++-
 1998/schweikh2/index.html            |  198 ++++-
 1998/schweikh3/index.html            |  198 ++++-
 1998/tomtorfs/index.html             |  198 ++++-
 2000/anderson/index.html             |  198 ++++-
 2000/bellard/index.html              |  198 ++++-
 2000/bmeyer/index.html               |  198 ++++-
 2000/briddlebane/index.html          |  198 ++++-
 2000/dhyang/index.html               |  198 ++++-
 2000/dlowe/index.html                |  198 ++++-
 2000/index.html                      |  198 ++++-
 2000/jarijyrki/index.html            |  198 ++++-
 2000/natori/index.html               |  198 ++++-
 2000/primenum/index.html             |  198 ++++-
 2000/rince/index.html                |  198 ++++-
 2000/robison/index.html              |  198 ++++-
 2000/schneiderwent/index.html        |  198 ++++-
 2000/thadgavin/index.html            |  198 ++++-
 2000/tomx/index.html                 |  198 ++++-
 2001/anonymous/index.html            |  198 ++++-
 2001/bellard/index.html              |  198 ++++-
 2001/cheong/index.html               |  198 ++++-
 2001/coupard/index.html              |  198 ++++-
 2001/ctk/index.html                  |  198 ++++-
 2001/dgbeards/index.html             |  198 ++++-
 2001/herrmann1/index.html            |  198 ++++-
 2001/herrmann2/index.html            |  198 ++++-
 2001/index.html                      |  198 ++++-
 2001/jason/index.html                |  198 ++++-
 2001/kev/index.html                  |  198 ++++-
 2001/ollinger/index.html             |  198 ++++-
 2001/rosten/index.html               |  198 ++++-
 2001/schweikh/index.html             |  198 ++++-
 2001/westley/index.html              |  198 ++++-
 2001/williams/index.html             |  198 ++++-
 2004/anonymous/index.html            |  198 ++++-
 2004/arachnid/index.html             |  198 ++++-
 2004/burley/index.html               |  198 ++++-
 2004/gavare/index.html               |  198 ++++-
 2004/gavin/gavin.html                |  198 ++++-
 2004/gavin/index.html                |  198 ++++-
 2004/hibachi/index.html              |  198 ++++-
 2004/hoyle/index.html                |  198 ++++-
 2004/index.html                      |  198 ++++-
 2004/jdalbec/index.html              |  198 ++++-
 2004/kopczynski/index.html           |  198 ++++-
 2004/newbern/index.html              |  198 ++++-
 2004/omoikane/index.html             |  198 ++++-
 2004/schnitzi/index.html             |  198 ++++-
 2004/sds/index.html                  |  198 ++++-
 2004/vik1/index.html                 |  198 ++++-
 2004/vik2/index.html                 |  198 ++++-
 2005/aidan/index.html                |  198 ++++-
 2005/anon/index.html                 |  198 ++++-
 2005/boutines/index.html             |  198 ++++-
 2005/chia/index.html                 |  198 ++++-
 2005/giljade/index.html              |  198 ++++-
 2005/index.html                      |  198 ++++-
 2005/jetro/index.html                |  198 ++++-
 2005/klausler/index.html             |  198 ++++-
 2005/mikeash/index.html              |  198 ++++-
 2005/mynx/index.html                 |  198 ++++-
 2005/persano/index.html              |  198 ++++-
 2005/sykes/index.html                |  198 ++++-
 2005/timwi/index.html                |  198 ++++-
 2005/toledo/index.html               |  198 ++++-
 2005/vik/index.html                  |  198 ++++-
 2005/vince/index.html                |  198 ++++-
 2006/birken/index.html               |  198 ++++-
 2006/borsanyi/index.html             |  198 ++++-
 2006/grothe/index.html               |  198 ++++-
 2006/hamre/index.html                |  198 ++++-
 2006/index.html                      |  198 ++++-
 2006/meyer/index.html                |  198 ++++-
 2006/monge/index.html                |  198 ++++-
 2006/night/index.html                |  198 ++++-
 2006/sloane/index.html               |  198 ++++-
 2006/stewart/index.html              |  198 ++++-
 2006/sykes1/index.html               |  198 ++++-
 2006/sykes2/index.html               |  198 ++++-
 2006/toledo1/index.html              |  198 ++++-
 2006/toledo2/index.html              |  198 ++++-
 2006/toledo3/index.html              |  198 ++++-
 2011/akari/index.html                |  198 ++++-
 2011/blakely/index.html              |  198 ++++-
 2011/borsanyi/index.html             |  198 ++++-
 2011/dlowe/index.html                |  198 ++++-
 2011/eastman/index.html              |  198 ++++-
 2011/fredriksson/index.html          |  198 ++++-
 2011/goren/index.html                |  198 ++++-
 2011/hamaji/index.html               |  198 ++++-
 2011/hou/index.html                  |  198 ++++-
 2011/index.html                      |  198 ++++-
 2011/konno/index.html                |  198 ++++-
 2011/richards/index.html             |  198 ++++-
 2011/toledo/index.html               |  198 ++++-
 2011/vik/index.html                  |  198 ++++-
 2011/zucker/index.html               |  198 ++++-
 2012/blakely/index.html              |  198 ++++-
 2012/deckmyn/deckmyn.html            |  198 ++++-
 2012/deckmyn/index.html              |  198 ++++-
 2012/dlowe/index.html                |  198 ++++-
 2012/endoh1/index.html               |  198 ++++-
 2012/endoh2/index.html               |  198 ++++-
 2012/grothe/index.html               |  198 ++++-
 2012/hamano/index.html               |  198 ++++-
 2012/hou/hint.html                   |  198 ++++-
 2012/hou/index.html                  |  198 ++++-
 2012/index.html                      |  198 ++++-
 2012/kang/index.html                 |  198 ++++-
 2012/konno/index.html                |  198 ++++-
 2012/omoikane/index.html             |  198 ++++-
 2012/tromp/how.html                  |  198 ++++-
 2012/tromp/index.html                |  198 ++++-
 2012/vik/index.html                  |  198 ++++-
 2012/zeitak/index.html               |  198 ++++-
 2013/birken/README.md                |    2 +-
 2013/birken/index.html               |  200 ++++-
 2013/cable1/index.html               |  198 ++++-
 2013/cable2/README.md                |    2 +-
 2013/cable2/index.html               |  200 ++++-
 2013/cable3/README.md                |   12 +-
 2013/cable3/index.html               |  210 ++++-
 2013/dlowe/README.md                 |    2 +-
 2013/dlowe/index.html                |  200 ++++-
 2013/endoh1/README.md                |    6 +-
 2013/endoh1/index.html               |  204 ++++-
 2013/endoh2/README.md                |    2 +-
 2013/endoh2/index.html               |  200 ++++-
 2013/endoh3/README.md                |    2 +-
 2013/endoh3/index.html               |  200 ++++-
 2013/endoh4/README.md                |    6 +-
 2013/endoh4/index.html               |  204 ++++-
 2013/hou/README.md                   |   30 +-
 2013/hou/doc/example.html            |  200 ++++-
 2013/hou/doc/example.md              |    2 +-
 2013/hou/index.html                  |  228 ++++-
 2013/index.html                      |  198 ++++-
 2013/mills/README.md                 |    4 +-
 2013/mills/index.html                |  202 ++++-
 2013/misaka/README.md                |    8 +-
 2013/misaka/index.html               |  206 ++++-
 2013/morgan1/index.html              |  198 ++++-
 2013/morgan2/index.html              |  198 ++++-
 2013/robison/index.html              |  198 ++++-
 2014/birken/README.md                |    2 +-
 2014/birken/index.html               |  200 ++++-
 2014/deak/README.md                  |    2 +-
 2014/deak/index.html                 |  200 ++++-
 2014/endoh1/README.md                |    2 +-
 2014/endoh1/index.html               |  200 ++++-
 2014/endoh1/spoilers.html            |  198 ++++-
 2014/endoh2/README.md                |    2 +-
 2014/endoh2/index.html               |  200 ++++-
 2014/index.html                      |  198 ++++-
 2014/maffiodo1/README.md             |    2 +-
 2014/maffiodo1/index.html            |  200 ++++-
 2014/maffiodo2/index.html            |  198 ++++-
 2014/morgan/index.html               |  198 ++++-
 2014/sinon/README.md                 |    2 +-
 2014/sinon/index.html                |  200 ++++-
 2014/skeggs/README.md                |    4 +-
 2014/skeggs/index.html               |  202 ++++-
 2014/vik/README.md                   |    4 +-
 2014/vik/index.html                  |  202 ++++-
 2014/wiedijk/index.html              |  198 ++++-
 2015/burton/README.md                |    2 +-
 2015/burton/index.html               |  200 ++++-
 2015/burton/road.to.obscurity.html   |  198 ++++-
 2015/burton/spoilers.html            |  198 ++++-
 2015/dogon/index.html                |  198 ++++-
 2015/duble/README.md                 |    4 +-
 2015/duble/index.html                |  202 ++++-
 2015/endoh1/index.html               |  198 ++++-
 2015/endoh2/README.md                |    2 +-
 2015/endoh2/index.html               |  200 ++++-
 2015/endoh3/README.md                |    2 +-
 2015/endoh3/index.html               |  200 ++++-
 2015/endoh4/README.md                |    4 +-
 2015/endoh4/index.html               |  202 ++++-
 2015/hou/index.html                  |  198 ++++-
 2015/howe/README.md                  |   12 +-
 2015/howe/index.html                 |  210 ++++-
 2015/index.html                      |  198 ++++-
 2015/mills1/index.html               |  198 ++++-
 2015/mills2/index.html               |  198 ++++-
 2015/muth/index.html                 |  198 ++++-
 2015/schweikhardt/README.md          |    2 +-
 2015/schweikhardt/index.html         |  200 ++++-
 2015/yang/README.md                  |    2 +-
 2015/yang/index.html                 |  200 ++++-
 2018/algmyr/README.md                |    2 +-
 2018/algmyr/index.html               |  200 ++++-
 2018/anderson/README.md              |    2 +-
 2018/anderson/index.html             |  200 ++++-
 2018/bellard/README.md               |    6 +-
 2018/bellard/index.html              |  204 ++++-
 2018/burton1/README.md               |    6 +-
 2018/burton1/index.html              |  204 ++++-
 2018/burton2/discrepancies.html      |  198 ++++-
 2018/burton2/index.html              |  198 ++++-
 2018/ciura/index.html                |  198 ++++-
 2018/endoh1/index.html               |  198 ++++-
 2018/endoh2/index.html               |  198 ++++-
 2018/ferguson/index.html             |  198 ++++-
 2018/ferguson/rpm.html               |  198 ++++-
 2018/giles/index.html                |  198 ++++-
 2018/hou/index.html                  |  198 ++++-
 2018/index.html                      |  198 ++++-
 2018/mills/index.html                |  198 ++++-
 2018/poikola/index.html              |  198 ++++-
 2018/vokes/index.html                |  198 ++++-
 2018/yang/index.html                 |  198 ++++-
 2019/adamovsky/index.html            |  198 ++++-
 2019/burton/index.html               |  198 ++++-
 2019/ciura/index.html                |  198 ++++-
 2019/diels-grabsch1/index.html       |  198 ++++-
 2019/diels-grabsch2/index.html       |  198 ++++-
 2019/dogon/index.html                |  198 ++++-
 2019/duble/index.html                |  198 ++++-
 2019/endoh/index.html                |  198 ++++-
 2019/giles/index.html                |  198 ++++-
 2019/index.html                      |  198 ++++-
 2019/karns/index.html                |  198 ++++-
 2019/lynn/index.html                 |  198 ++++-
 2019/mills/index.html                |  198 ++++-
 2019/poikola/index.html              |  198 ++++-
 2019/yang/index.html                 |  198 ++++-
 2020/burton/index.html               |  198 ++++-
 2020/carlini/index.html              |  198 ++++-
 2020/endoh1/index.html               |  198 ++++-
 2020/endoh2/index.html               |  198 ++++-
 2020/endoh2/spoiler/spoiler.html     |  198 ++++-
 2020/endoh3/index.html               |  198 ++++-
 2020/ferguson1/COMPILING.html        |  198 ++++-
 2020/ferguson1/HACKING.html          |  198 ++++-
 2020/ferguson1/bugs.html             |  198 ++++-
 2020/ferguson1/cannibalism.log.html  |  198 ++++-
 2020/ferguson1/chocolate-cake.html   |  198 ++++-
 2020/ferguson1/crazy.log.html        |  198 ++++-
 2020/ferguson1/gameplay.html         |  198 ++++-
 2020/ferguson1/index.html            |  198 ++++-
 2020/ferguson1/spoilers.html         |  198 ++++-
 2020/ferguson1/terminals.html        |  198 ++++-
 2020/ferguson1/troubleshooting.html  |  198 ++++-
 2020/ferguson2/index.html            |  198 ++++-
 2020/ferguson2/obfuscation.html      |  198 ++++-
 2020/ferguson2/recode.html           |  198 ++++-
 2020/giles/index.html                |  198 ++++-
 2020/index.html                      |  198 ++++-
 2020/kurdyukov1/index.html           |  198 ++++-
 2020/kurdyukov2/index.html           |  198 ++++-
 2020/kurdyukov3/index.html           |  198 ++++-
 2020/kurdyukov4/index.html           |  198 ++++-
 2020/otterness/index.html            |  198 ++++-
 2020/tsoj/index.html                 |  198 ++++-
 2020/yang/index.html                 |  198 ++++-
 CODE_OF_CONDUCT.html                 |  166 ++++
 README.html                          |  166 ++++
 archive/historic/index.html          |  198 ++++-
 authors.html                         |  166 ++++
 bin/index.html                       |  198 ++++-
 bugs.html                            |  166 ++++
 contact.html                         |  166 ++++
 faq.html                             |  166 ++++
 inc/index.html                       |  198 ++++-
 inc/topbar.default.html              |  198 ++++-
 index.html                           |  166 ++++
 ioccc.css                            |  105 +++
 judges.html                          |  166 ++++
 license.html                         |  166 ++++
 location.html                        |  166 ++++
 markdown.html                        |  166 ++++
 news.html                            |  166 ++++
 next/guidelines.html                 |  198 ++++-
 next/index.html                      |  198 ++++-
 next/rules.html                      |  198 ++++-
 sitemap.xml                          | 1164 +++++++++++++-------------
 status.html                          |  166 ++++
 thanks-for-help.html                 |  166 ++++
 years.html                           |  166 ++++
 440 files changed, 74125 insertions(+), 6956 deletions(-)

diff --git a/1984/anonymous/index.html b/1984/anonymous/index.html
index e74d0f64b..f0c4abe4c 100644
--- a/1984/anonymous/index.html
+++ b/1984/anonymous/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1984/decot/index.html b/1984/decot/index.html
index 705d96ffc..28ecb72ae 100644
--- a/1984/decot/index.html
+++ b/1984/decot/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1984/index.html b/1984/index.html
index ceaf20082..ea806c55d 100644
--- a/1984/index.html
+++ b/1984/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1984/laman/index.html b/1984/laman/index.html
index 447afcb8e..1dece821e 100644
--- a/1984/laman/index.html
+++ b/1984/laman/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1984/mullender/index.html b/1984/mullender/index.html
index fc65a0282..eb886c90b 100644
--- a/1984/mullender/index.html
+++ b/1984/mullender/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1985/applin/index.html b/1985/applin/index.html
index b0fd1dfb9..b11dcdf00 100644
--- a/1985/applin/index.html
+++ b/1985/applin/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1985/august/index.html b/1985/august/index.html
index 2fdd8cfcc..5ff5e1ccd 100644
--- a/1985/august/index.html
+++ b/1985/august/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1985/index.html b/1985/index.html
index 3dc0945b8..da4e1d5f5 100644
--- a/1985/index.html
+++ b/1985/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1985/lycklama/index.html b/1985/lycklama/index.html
index 06fee291b..4efb5c0a6 100644
--- a/1985/lycklama/index.html
+++ b/1985/lycklama/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1985/shapiro/index.html b/1985/shapiro/index.html
index 54ea78346..82df517e5 100644
--- a/1985/shapiro/index.html
+++ b/1985/shapiro/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1985/sicherman/index.html b/1985/sicherman/index.html
index 45bc3276e..7d66a114a 100644
--- a/1985/sicherman/index.html
+++ b/1985/sicherman/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1986/applin/index.html b/1986/applin/index.html
index 00b35d020..253ba8888 100644
--- a/1986/applin/index.html
+++ b/1986/applin/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1986/august/index.html b/1986/august/index.html
index 7ec59194b..e14881539 100644
--- a/1986/august/index.html
+++ b/1986/august/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1986/bright/index.html b/1986/bright/index.html
index f771a5790..c27b6f729 100644
--- a/1986/bright/index.html
+++ b/1986/bright/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1986/hague/index.html b/1986/hague/index.html
index 7e1479ce8..a4f981b09 100644
--- a/1986/hague/index.html
+++ b/1986/hague/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1986/holloway/index.html b/1986/holloway/index.html
index a083ff3ef..d76515537 100644
--- a/1986/holloway/index.html
+++ b/1986/holloway/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1986/index.html b/1986/index.html
index 4a8d41988..5efee10d5 100644
--- a/1986/index.html
+++ b/1986/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1986/marshall/compilers.html b/1986/marshall/compilers.html
index 6591a3f16..8268944bf 100644
--- a/1986/marshall/compilers.html
+++ b/1986/marshall/compilers.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -135,7 +301,7 @@
 
 <!-- BEFORE: 1st line of markdown file: 1986/marshall/compilers.md -->
 <h1 id="conflicting-compilers-and-optimisers-that-broke-this-entry-in-2023">Conflicting compilers and optimisers that broke this entry in 2023</h1>
-<p>As briefly noted in the <a href="index.html">index.html</a> gcc and clang caused different
+<p>As briefly noted in the <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/1986/marshall/index.html">index.html</a> gcc and clang caused different
 problems with this entry depending on the optimiser being enabled or not, where
 if the optimiser was enabled it would work with one compiler and not the other.
 But if you then disabled the optimiser the opposite problem would occur: the
@@ -154,7 +320,7 @@ segfault.</p>
 <p>It was not only one compiler that dumped core. Both dumped core with other
 behaviour, depending on what changes in code were made and the optimiser being
 on or off. Clang in macOS also dumped core!</p>
-<p>The <a href="index.html">index.html</a> has the original fix
+<p>The <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/1986/marshall/index.html">index.html</a> has the original fix
 for clang which works with some compilers depending on the optimiser. When we
 refer to the code below we refer to the alternate code.</p>
 <h2 id="the-conflicting-compiler-problems">The conflicting compiler problems:</h2>
diff --git a/1986/marshall/compilers.md b/1986/marshall/compilers.md
index 406b5a2e3..64598859f 100644
--- a/1986/marshall/compilers.md
+++ b/1986/marshall/compilers.md
@@ -1,6 +1,6 @@
 # Conflicting compilers and optimisers that broke this entry in 2023
 
-As briefly noted in the [index.html](index.html) gcc and clang caused different
+As briefly noted in the [index.html](%%REPO_URL%%/1986/marshall/index.html) gcc and clang caused different
 problems with this entry depending on the optimiser being enabled or not, where
 if the optimiser was enabled it would work with one compiler and not the other.
 But if you then disabled the optimiser the opposite problem would occur: the
@@ -24,7 +24,7 @@ It was not only one compiler that dumped core. Both dumped core with other
 behaviour, depending on what changes in code were made and the optimiser being
 on or off. Clang in macOS also dumped core!
 
-The [index.html](index.html) has the original fix
+The [index.html](%%REPO_URL%%/1986/marshall/index.html) has the original fix
 for clang which works with some compilers depending on the optimiser. When we
 refer to the code below we refer to the alternate code.
 
diff --git a/1986/marshall/index.html b/1986/marshall/index.html
index 9dbc22515..d224f617e 100644
--- a/1986/marshall/index.html
+++ b/1986/marshall/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1986/pawka/index.html b/1986/pawka/index.html
index c808db03e..f3759c90d 100644
--- a/1986/pawka/index.html
+++ b/1986/pawka/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1986/stein/index.html b/1986/stein/index.html
index 2c1939da9..900d5bba4 100644
--- a/1986/stein/index.html
+++ b/1986/stein/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1986/wall/index.html b/1986/wall/index.html
index 2d0d5c793..7c411e28f 100644
--- a/1986/wall/index.html
+++ b/1986/wall/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1987/biggar/index.html b/1987/biggar/index.html
index 2e25d63e1..ac7519802 100644
--- a/1987/biggar/index.html
+++ b/1987/biggar/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1987/heckbert/index.html b/1987/heckbert/index.html
index 2003185b3..7fce6aabb 100644
--- a/1987/heckbert/index.html
+++ b/1987/heckbert/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1987/hines/index.html b/1987/hines/index.html
index 8e53da3e2..99cbeff56 100644
--- a/1987/hines/index.html
+++ b/1987/hines/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1987/index.html b/1987/index.html
index 1d3179e44..901b6d2ff 100644
--- a/1987/index.html
+++ b/1987/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1987/korn/index.html b/1987/korn/index.html
index c3366937e..a345d0773 100644
--- a/1987/korn/index.html
+++ b/1987/korn/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1987/lievaart/index.html b/1987/lievaart/index.html
index b20582aad..4d7a4059c 100644
--- a/1987/lievaart/index.html
+++ b/1987/lievaart/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1987/wall/index.html b/1987/wall/index.html
index 52ecdc63c..887627179 100644
--- a/1987/wall/index.html
+++ b/1987/wall/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1987/westley/index.html b/1987/westley/index.html
index 5aee32f0a..74623794f 100644
--- a/1987/westley/index.html
+++ b/1987/westley/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1988/applin/index.html b/1988/applin/index.html
index 504a308b1..3f07f3869 100644
--- a/1988/applin/index.html
+++ b/1988/applin/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1988/dale/index.html b/1988/dale/index.html
index ec5c6d1a1..1f4f95b36 100644
--- a/1988/dale/index.html
+++ b/1988/dale/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1988/index.html b/1988/index.html
index 1acfb5fdb..68d865ecc 100644
--- a/1988/index.html
+++ b/1988/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1988/isaak/index.html b/1988/isaak/index.html
index 957991978..eaeba22c3 100644
--- a/1988/isaak/index.html
+++ b/1988/isaak/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1988/litmaath/index.html b/1988/litmaath/index.html
index 7891292c3..cefed7042 100644
--- a/1988/litmaath/index.html
+++ b/1988/litmaath/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1988/phillipps/index.html b/1988/phillipps/index.html
index 2dfbb5476..047153fc5 100644
--- a/1988/phillipps/index.html
+++ b/1988/phillipps/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1988/reddy/index.html b/1988/reddy/index.html
index 540bac43e..24f26eafe 100644
--- a/1988/reddy/index.html
+++ b/1988/reddy/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1988/robison/index.html b/1988/robison/index.html
index d578a4d96..d656d2182 100644
--- a/1988/robison/index.html
+++ b/1988/robison/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1988/spinellis/index.html b/1988/spinellis/index.html
index 5534ed3df..bc4f1ff62 100644
--- a/1988/spinellis/index.html
+++ b/1988/spinellis/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1988/westley/index.html b/1988/westley/index.html
index 4b3649222..2cb96ca20 100644
--- a/1988/westley/index.html
+++ b/1988/westley/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1989/fubar/index.html b/1989/fubar/index.html
index d1df6212e..6c1112030 100644
--- a/1989/fubar/index.html
+++ b/1989/fubar/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1989/index.html b/1989/index.html
index f104499e6..a8e9579a1 100644
--- a/1989/index.html
+++ b/1989/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1989/jar.1/index.html b/1989/jar.1/index.html
index 3192eb6e5..ca3ba0135 100644
--- a/1989/jar.1/index.html
+++ b/1989/jar.1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1989/jar.2/index.html b/1989/jar.2/index.html
index 33b418b31..d688bc033 100644
--- a/1989/jar.2/index.html
+++ b/1989/jar.2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1989/ovdluhe/index.html b/1989/ovdluhe/index.html
index c1cb1d23e..fcce16d4b 100644
--- a/1989/ovdluhe/index.html
+++ b/1989/ovdluhe/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1989/paul/index.html b/1989/paul/index.html
index 630b3c148..cf85a6572 100644
--- a/1989/paul/index.html
+++ b/1989/paul/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1989/robison/index.html b/1989/robison/index.html
index 6ba1baf31..b3686dbc5 100644
--- a/1989/robison/index.html
+++ b/1989/robison/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1989/roemer/index.html b/1989/roemer/index.html
index 5efb3f561..2924f544d 100644
--- a/1989/roemer/index.html
+++ b/1989/roemer/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1989/tromp/index.html b/1989/tromp/index.html
index f796573d7..ff5c5a202 100644
--- a/1989/tromp/index.html
+++ b/1989/tromp/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1989/vanb/index.html b/1989/vanb/index.html
index 00a52462c..3b9652c67 100644
--- a/1989/vanb/index.html
+++ b/1989/vanb/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1989/westley/index.html b/1989/westley/index.html
index 2e6b8133f..cda612a92 100644
--- a/1989/westley/index.html
+++ b/1989/westley/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1990/baruch/index.html b/1990/baruch/index.html
index 35f73bc3e..bd58807a1 100644
--- a/1990/baruch/index.html
+++ b/1990/baruch/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1990/cmills/index.html b/1990/cmills/index.html
index 99e985e8b..f4b05ff51 100644
--- a/1990/cmills/index.html
+++ b/1990/cmills/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1990/dds/index.html b/1990/dds/index.html
index d32fdd37e..b041f5967 100644
--- a/1990/dds/index.html
+++ b/1990/dds/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1990/dg/index.html b/1990/dg/index.html
index 3f336c3c5..40552bd68 100644
--- a/1990/dg/index.html
+++ b/1990/dg/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1990/index.html b/1990/index.html
index 1c24f137e..db2abb4be 100644
--- a/1990/index.html
+++ b/1990/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1990/jaw/index.html b/1990/jaw/index.html
index f567d3b89..230e1781c 100644
--- a/1990/jaw/index.html
+++ b/1990/jaw/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1990/pjr/index.html b/1990/pjr/index.html
index d1f0e08f7..315a5a3ab 100644
--- a/1990/pjr/index.html
+++ b/1990/pjr/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1990/scjones/index.html b/1990/scjones/index.html
index f349bb64b..c533847b1 100644
--- a/1990/scjones/index.html
+++ b/1990/scjones/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1990/stig/index.html b/1990/stig/index.html
index 3402e043f..2a17c364e 100644
--- a/1990/stig/index.html
+++ b/1990/stig/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1990/tbr/index.html b/1990/tbr/index.html
index be792c187..7dfd44dd7 100644
--- a/1990/tbr/index.html
+++ b/1990/tbr/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1990/theorem/index.html b/1990/theorem/index.html
index 5b5d8eb06..42ef598a0 100644
--- a/1990/theorem/index.html
+++ b/1990/theorem/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1990/westley/index.html b/1990/westley/index.html
index dccc2d0b0..942749caf 100644
--- a/1990/westley/index.html
+++ b/1990/westley/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1991/ant/index.html b/1991/ant/index.html
index 5013e4fb2..26868d10d 100644
--- a/1991/ant/index.html
+++ b/1991/ant/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1991/brnstnd/index.html b/1991/brnstnd/index.html
index ffb61c32a..d421f40ba 100644
--- a/1991/brnstnd/index.html
+++ b/1991/brnstnd/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1991/brnstnd/sorta.README.html b/1991/brnstnd/sorta.README.html
index fade332c4..fcd6bb1f1 100644
--- a/1991/brnstnd/sorta.README.html
+++ b/1991/brnstnd/sorta.README.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1991/buzzard/index.html b/1991/buzzard/index.html
index 9a821879d..643caf616 100644
--- a/1991/buzzard/index.html
+++ b/1991/buzzard/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1991/cdupont/index.html b/1991/cdupont/index.html
index 76987e3dd..ad61a19d7 100644
--- a/1991/cdupont/index.html
+++ b/1991/cdupont/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1991/davidguy/index.html b/1991/davidguy/index.html
index 3ef41ac28..c5fb22cc3 100644
--- a/1991/davidguy/index.html
+++ b/1991/davidguy/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1991/dds/index.html b/1991/dds/index.html
index 9a2b75aa1..22b1a103a 100644
--- a/1991/dds/index.html
+++ b/1991/dds/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1991/fine/index.html b/1991/fine/index.html
index f19fd1284..15f591b3a 100644
--- a/1991/fine/index.html
+++ b/1991/fine/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1991/index.html b/1991/index.html
index 3f443b8da..74fa53b21 100644
--- a/1991/index.html
+++ b/1991/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1991/rince/index.html b/1991/rince/index.html
index df4be03a2..27fb1a5a6 100644
--- a/1991/rince/index.html
+++ b/1991/rince/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1991/westley/index.html b/1991/westley/index.html
index 8a834c105..440f57a21 100644
--- a/1991/westley/index.html
+++ b/1991/westley/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1992/adrian/index.html b/1992/adrian/index.html
index e9eec880e..4b5bd54a7 100644
--- a/1992/adrian/index.html
+++ b/1992/adrian/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1992/albert/index.html b/1992/albert/index.html
index b29510200..0b0558d07 100644
--- a/1992/albert/index.html
+++ b/1992/albert/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1992/ant/index.html b/1992/ant/index.html
index 0b932fb95..af669a2e3 100644
--- a/1992/ant/index.html
+++ b/1992/ant/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1992/buzzard.1/index.html b/1992/buzzard.1/index.html
index 1e6f8d7e4..dcf80f30b 100644
--- a/1992/buzzard.1/index.html
+++ b/1992/buzzard.1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1992/buzzard.2/buzzard.2.README.html b/1992/buzzard.2/buzzard.2.README.html
index ce20e26d9..77350a2c1 100644
--- a/1992/buzzard.2/buzzard.2.README.html
+++ b/1992/buzzard.2/buzzard.2.README.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1992/buzzard.2/buzzard.2.design.html b/1992/buzzard.2/buzzard.2.design.html
index c17dcfebe..e6308d27e 100644
--- a/1992/buzzard.2/buzzard.2.design.html
+++ b/1992/buzzard.2/buzzard.2.design.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1992/buzzard.2/index.html b/1992/buzzard.2/index.html
index a18fb3a1d..db5848f05 100644
--- a/1992/buzzard.2/index.html
+++ b/1992/buzzard.2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1992/gson/index.html b/1992/gson/index.html
index 39eba9553..c0664fc4d 100644
--- a/1992/gson/index.html
+++ b/1992/gson/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1992/imc/index.html b/1992/imc/index.html
index 4627d6441..a57ed6be9 100644
--- a/1992/imc/index.html
+++ b/1992/imc/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1992/index.html b/1992/index.html
index caaf10b84..ddd43b614 100644
--- a/1992/index.html
+++ b/1992/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1992/kivinen/index.html b/1992/kivinen/index.html
index 37c4eb831..97cdb6bd5 100644
--- a/1992/kivinen/index.html
+++ b/1992/kivinen/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1992/lush/index.html b/1992/lush/index.html
index 581fb8a90..95f119166 100644
--- a/1992/lush/index.html
+++ b/1992/lush/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1992/marangon/index.html b/1992/marangon/index.html
index fc0069425..af1b03c45 100644
--- a/1992/marangon/index.html
+++ b/1992/marangon/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1992/nathan/index.html b/1992/nathan/index.html
index b3456f9d8..c424b5194 100644
--- a/1992/nathan/index.html
+++ b/1992/nathan/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1992/vern/index.html b/1992/vern/index.html
index 2838bf336..631bdac23 100644
--- a/1992/vern/index.html
+++ b/1992/vern/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1992/westley/index.html b/1992/westley/index.html
index 244871b99..8ca897485 100644
--- a/1992/westley/index.html
+++ b/1992/westley/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1993/ant/index.html b/1993/ant/index.html
index 83ba4c2be..b4cee5280 100644
--- a/1993/ant/index.html
+++ b/1993/ant/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1993/cmills/index.html b/1993/cmills/index.html
index 042426995..e862a9b7c 100644
--- a/1993/cmills/index.html
+++ b/1993/cmills/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1993/dgibson/index.html b/1993/dgibson/index.html
index 691b75f63..8646275a5 100644
--- a/1993/dgibson/index.html
+++ b/1993/dgibson/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1993/ejb/hanoi.html b/1993/ejb/hanoi.html
index f53ba4dc6..e49901aed 100644
--- a/1993/ejb/hanoi.html
+++ b/1993/ejb/hanoi.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1993/ejb/index.html b/1993/ejb/index.html
index f923da275..3e716d988 100644
--- a/1993/ejb/index.html
+++ b/1993/ejb/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1993/ejb/patience.html b/1993/ejb/patience.html
index 891a7ec99..91dcaeb44 100644
--- a/1993/ejb/patience.html
+++ b/1993/ejb/patience.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -265,7 +431,7 @@ restoration of ring 1 and the removal of ring 3. This is
 because ring 1 is always movable, and ring 3 is currently
 the second ring still attached to the <code>U</code>. This constraint
 leads to a recursive solution to the puzzle. Like the
-<a href="hanoi.md">Towers of Hanoi</a>, the number of steps to solve this puzzle is
+<a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/1993/ejb/hanoi.md">Towers of Hanoi</a>, the number of steps to solve this puzzle is
 exponential in the number of rings.</p>
 <hr style="width:10%;text-align:left;margin-left:0">
 <p>Jump to: <a href="#">top</a></p>
diff --git a/1993/ejb/patience.md b/1993/ejb/patience.md
index 483bc1f0b..43964b88f 100644
--- a/1993/ejb/patience.md
+++ b/1993/ejb/patience.md
@@ -139,7 +139,7 @@ restoration of ring 1 and the removal of ring 3.  This is
 because ring 1 is always movable, and ring 3 is currently
 the second ring still attached to the `U`.  This constraint
 leads to a recursive solution to the puzzle.  Like the
-[Towers of Hanoi](hanoi.md), the number of steps to solve this puzzle is
+[Towers of Hanoi](%%REPO_URL%%/1993/ejb/hanoi.md), the number of steps to solve this puzzle is
 exponential in the number of rings.
 
 
diff --git a/1993/index.html b/1993/index.html
index c3f925c98..0e7e33637 100644
--- a/1993/index.html
+++ b/1993/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1993/jonth/index.html b/1993/jonth/index.html
index 4c590582b..c0f92ccac 100644
--- a/1993/jonth/index.html
+++ b/1993/jonth/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1993/leo/index.html b/1993/leo/index.html
index 2d185882b..e8215f1f9 100644
--- a/1993/leo/index.html
+++ b/1993/leo/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1993/lmfjyh/index.html b/1993/lmfjyh/index.html
index 5c15225f0..812dbcbcb 100644
--- a/1993/lmfjyh/index.html
+++ b/1993/lmfjyh/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1993/plummer/index.html b/1993/plummer/index.html
index cb646aaac..9a1484075 100644
--- a/1993/plummer/index.html
+++ b/1993/plummer/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1993/rince/design.html b/1993/rince/design.html
index 162c28aa7..fb1ad904d 100644
--- a/1993/rince/design.html
+++ b/1993/rince/design.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1993/rince/index.html b/1993/rince/index.html
index cc1f85657..2814c9182 100644
--- a/1993/rince/index.html
+++ b/1993/rince/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1993/schnitzi/index.html b/1993/schnitzi/index.html
index b1f1a140d..ecea306a7 100644
--- a/1993/schnitzi/index.html
+++ b/1993/schnitzi/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1993/vanb/index.html b/1993/vanb/index.html
index 89511a108..4af16e168 100644
--- a/1993/vanb/index.html
+++ b/1993/vanb/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1994/dodsond1/index.html b/1994/dodsond1/index.html
index 4fa66f818..023e27bb8 100644
--- a/1994/dodsond1/index.html
+++ b/1994/dodsond1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1994/dodsond2/index.html b/1994/dodsond2/index.html
index 3207bb088..06edd9497 100644
--- a/1994/dodsond2/index.html
+++ b/1994/dodsond2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1994/horton/index.html b/1994/horton/index.html
index e8a9c4d40..c96b47bd3 100644
--- a/1994/horton/index.html
+++ b/1994/horton/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1994/imc/index.html b/1994/imc/index.html
index 9b8734461..b35870539 100644
--- a/1994/imc/index.html
+++ b/1994/imc/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1994/index.html b/1994/index.html
index 672277b98..8fe3b44e7 100644
--- a/1994/index.html
+++ b/1994/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1994/ldb/index.html b/1994/ldb/index.html
index 1207f8c41..b0c696855 100644
--- a/1994/ldb/index.html
+++ b/1994/ldb/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1994/schnitzi/index.html b/1994/schnitzi/index.html
index 7b91ce447..4c24c176a 100644
--- a/1994/schnitzi/index.html
+++ b/1994/schnitzi/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1994/shapiro/index.html b/1994/shapiro/index.html
index fb9279309..c1c35c8e5 100644
--- a/1994/shapiro/index.html
+++ b/1994/shapiro/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1994/shapiro/shapiro.html b/1994/shapiro/shapiro.html
index bdcfad7d4..33bd1536f 100644
--- a/1994/shapiro/shapiro.html
+++ b/1994/shapiro/shapiro.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1994/smr/index.html b/1994/smr/index.html
index 7aee9572b..8176ea48e 100644
--- a/1994/smr/index.html
+++ b/1994/smr/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1994/tvr/index.html b/1994/tvr/index.html
index b6532fa66..927d097e8 100644
--- a/1994/tvr/index.html
+++ b/1994/tvr/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1994/weisberg/index.html b/1994/weisberg/index.html
index 2ca8f6f39..27753307d 100644
--- a/1994/weisberg/index.html
+++ b/1994/weisberg/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1994/westley/index.html b/1994/westley/index.html
index 670987943..ad77edb3c 100644
--- a/1994/westley/index.html
+++ b/1994/westley/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1995/cdua/index.html b/1995/cdua/index.html
index 27f7d4218..b0dbf6ee8 100644
--- a/1995/cdua/index.html
+++ b/1995/cdua/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1995/dodsond1/index.html b/1995/dodsond1/index.html
index 3bd603bb9..0b8dc4c98 100644
--- a/1995/dodsond1/index.html
+++ b/1995/dodsond1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1995/dodsond2/index.html b/1995/dodsond2/index.html
index 2e5367ff8..33e56986e 100644
--- a/1995/dodsond2/index.html
+++ b/1995/dodsond2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1995/esde/index.html b/1995/esde/index.html
index c9272107c..00ad1e9c9 100644
--- a/1995/esde/index.html
+++ b/1995/esde/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1995/garry/index.html b/1995/garry/index.html
index d3579e85c..5b25ebe19 100644
--- a/1995/garry/index.html
+++ b/1995/garry/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1995/heathbar/index.html b/1995/heathbar/index.html
index 0dc215f36..ff1a0eddd 100644
--- a/1995/heathbar/index.html
+++ b/1995/heathbar/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1995/index.html b/1995/index.html
index 298b2824c..c8af96198 100644
--- a/1995/index.html
+++ b/1995/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1995/leo/index.html b/1995/leo/index.html
index 140601cd0..38a384367 100644
--- a/1995/leo/index.html
+++ b/1995/leo/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1995/leo/spoiler1.html b/1995/leo/spoiler1.html
index 2093f93c6..ae74b3349 100644
--- a/1995/leo/spoiler1.html
+++ b/1995/leo/spoiler1.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1995/makarios/index.html b/1995/makarios/index.html
index ba8cf2a64..a667a9dfe 100644
--- a/1995/makarios/index.html
+++ b/1995/makarios/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1995/savastio/index.html b/1995/savastio/index.html
index a7d07741e..ea51dbbf3 100644
--- a/1995/savastio/index.html
+++ b/1995/savastio/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1995/schnitzi/index.html b/1995/schnitzi/index.html
index 55d92b818..008e0f275 100644
--- a/1995/schnitzi/index.html
+++ b/1995/schnitzi/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1995/spinellis/index.html b/1995/spinellis/index.html
index 3fb758ef3..d374a10f1 100644
--- a/1995/spinellis/index.html
+++ b/1995/spinellis/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1995/vanschnitz/index.html b/1995/vanschnitz/index.html
index 81769b053..212893cf0 100644
--- a/1995/vanschnitz/index.html
+++ b/1995/vanschnitz/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1996/august/index.html b/1996/august/index.html
index 8ac6dfc0f..d7c6dc7ce 100644
--- a/1996/august/index.html
+++ b/1996/august/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1996/dalbec/index.html b/1996/dalbec/index.html
index b0f1073b4..502296c37 100644
--- a/1996/dalbec/index.html
+++ b/1996/dalbec/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1996/eldby/index.html b/1996/eldby/index.html
index af9f94922..7306d5fdf 100644
--- a/1996/eldby/index.html
+++ b/1996/eldby/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1996/gandalf/index.html b/1996/gandalf/index.html
index 41f0d36eb..d499e60ad 100644
--- a/1996/gandalf/index.html
+++ b/1996/gandalf/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1996/huffman/index.html b/1996/huffman/index.html
index 37eb0cf51..5969fc700 100644
--- a/1996/huffman/index.html
+++ b/1996/huffman/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1996/index.html b/1996/index.html
index a7f8e6b7a..80b782154 100644
--- a/1996/index.html
+++ b/1996/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1996/jonth/index.html b/1996/jonth/index.html
index 9c3e93605..4250217de 100644
--- a/1996/jonth/index.html
+++ b/1996/jonth/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1996/rcm/index.html b/1996/rcm/index.html
index 9e6460ee7..51c6a6dd6 100644
--- a/1996/rcm/index.html
+++ b/1996/rcm/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1996/schweikh1/index.html b/1996/schweikh1/index.html
index ba99617c0..1642eaf6b 100644
--- a/1996/schweikh1/index.html
+++ b/1996/schweikh1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1996/schweikh2/index.html b/1996/schweikh2/index.html
index 9a47cbff8..cdfbc01b3 100644
--- a/1996/schweikh2/index.html
+++ b/1996/schweikh2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1996/schweikh3/index.html b/1996/schweikh3/index.html
index c6c2130ac..58c869eb9 100644
--- a/1996/schweikh3/index.html
+++ b/1996/schweikh3/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1996/westley/index.html b/1996/westley/index.html
index cc7398132..7bf47164d 100644
--- a/1996/westley/index.html
+++ b/1996/westley/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1998/banks/index.html b/1998/banks/index.html
index 7b977c2bf..bd658ac7d 100644
--- a/1998/banks/index.html
+++ b/1998/banks/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1998/bas1/index.html b/1998/bas1/index.html
index 273125ccb..469bdc2a5 100644
--- a/1998/bas1/index.html
+++ b/1998/bas1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1998/bas2/index.html b/1998/bas2/index.html
index 03dcd2cab..307a88c28 100644
--- a/1998/bas2/index.html
+++ b/1998/bas2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1998/chaos/index.html b/1998/chaos/index.html
index 71aa60f25..d3ed8f59e 100644
--- a/1998/chaos/index.html
+++ b/1998/chaos/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1998/df/index.html b/1998/df/index.html
index 525e8d192..3eee59eb4 100644
--- a/1998/df/index.html
+++ b/1998/df/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1998/dlowe/index.html b/1998/dlowe/index.html
index fcae60a3d..829994142 100644
--- a/1998/dlowe/index.html
+++ b/1998/dlowe/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1998/dloweneil/index.html b/1998/dloweneil/index.html
index bd90a02b0..eaf9fef93 100644
--- a/1998/dloweneil/index.html
+++ b/1998/dloweneil/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1998/dorssel/dorssel.html b/1998/dorssel/dorssel.html
index c005536a1..550f3fb1d 100644
--- a/1998/dorssel/dorssel.html
+++ b/1998/dorssel/dorssel.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1998/dorssel/index.html b/1998/dorssel/index.html
index 60c3a7340..18617256f 100644
--- a/1998/dorssel/index.html
+++ b/1998/dorssel/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1998/fanf/index.html b/1998/fanf/index.html
index 8196fd626..48f3417c3 100644
--- a/1998/fanf/index.html
+++ b/1998/fanf/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1998/index.html b/1998/index.html
index 6470b680f..5dd91486d 100644
--- a/1998/index.html
+++ b/1998/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1998/schnitzi/index.html b/1998/schnitzi/index.html
index 1c8a0923d..1c8f9ed9b 100644
--- a/1998/schnitzi/index.html
+++ b/1998/schnitzi/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1998/schweikh1/index.html b/1998/schweikh1/index.html
index c2657d201..8695f19ee 100644
--- a/1998/schweikh1/index.html
+++ b/1998/schweikh1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1998/schweikh1/macos.html b/1998/schweikh1/macos.html
index 0d60d7cd4..4f3159814 100644
--- a/1998/schweikh1/macos.html
+++ b/1998/schweikh1/macos.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1998/schweikh2/index.html b/1998/schweikh2/index.html
index e6b974637..b32d85e11 100644
--- a/1998/schweikh2/index.html
+++ b/1998/schweikh2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1998/schweikh3/index.html b/1998/schweikh3/index.html
index 4bd34024f..13059a52d 100644
--- a/1998/schweikh3/index.html
+++ b/1998/schweikh3/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/1998/tomtorfs/index.html b/1998/tomtorfs/index.html
index b51db28a2..b2894578d 100644
--- a/1998/tomtorfs/index.html
+++ b/1998/tomtorfs/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2000/anderson/index.html b/2000/anderson/index.html
index 6f5edd81b..6756c7ddf 100644
--- a/2000/anderson/index.html
+++ b/2000/anderson/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2000/bellard/index.html b/2000/bellard/index.html
index c3a769d07..bd3f31507 100644
--- a/2000/bellard/index.html
+++ b/2000/bellard/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2000/bmeyer/index.html b/2000/bmeyer/index.html
index 04d2efdf1..6c48ca494 100644
--- a/2000/bmeyer/index.html
+++ b/2000/bmeyer/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2000/briddlebane/index.html b/2000/briddlebane/index.html
index ddfc5ddf7..3a6c8dbbc 100644
--- a/2000/briddlebane/index.html
+++ b/2000/briddlebane/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2000/dhyang/index.html b/2000/dhyang/index.html
index fd2b78754..6da557644 100644
--- a/2000/dhyang/index.html
+++ b/2000/dhyang/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2000/dlowe/index.html b/2000/dlowe/index.html
index 4f19084aa..10c3c5fe5 100644
--- a/2000/dlowe/index.html
+++ b/2000/dlowe/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2000/index.html b/2000/index.html
index 61598416e..2238195bf 100644
--- a/2000/index.html
+++ b/2000/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2000/jarijyrki/index.html b/2000/jarijyrki/index.html
index 3a5f20e11..eddf33535 100644
--- a/2000/jarijyrki/index.html
+++ b/2000/jarijyrki/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2000/natori/index.html b/2000/natori/index.html
index 6abea66c1..e3cf45c73 100644
--- a/2000/natori/index.html
+++ b/2000/natori/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2000/primenum/index.html b/2000/primenum/index.html
index 2d49e68c8..8fc231ec7 100644
--- a/2000/primenum/index.html
+++ b/2000/primenum/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2000/rince/index.html b/2000/rince/index.html
index 1274cbb32..aecbb71d0 100644
--- a/2000/rince/index.html
+++ b/2000/rince/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2000/robison/index.html b/2000/robison/index.html
index 258b0dbc9..600388ab5 100644
--- a/2000/robison/index.html
+++ b/2000/robison/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2000/schneiderwent/index.html b/2000/schneiderwent/index.html
index 1092db2ee..5c319582a 100644
--- a/2000/schneiderwent/index.html
+++ b/2000/schneiderwent/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2000/thadgavin/index.html b/2000/thadgavin/index.html
index e7149da69..d5c0c8fdf 100644
--- a/2000/thadgavin/index.html
+++ b/2000/thadgavin/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2000/tomx/index.html b/2000/tomx/index.html
index d7cd72353..4d55b3538 100644
--- a/2000/tomx/index.html
+++ b/2000/tomx/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2001/anonymous/index.html b/2001/anonymous/index.html
index 7d5baa843..c411c630c 100644
--- a/2001/anonymous/index.html
+++ b/2001/anonymous/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2001/bellard/index.html b/2001/bellard/index.html
index 2275df1a3..9f5570905 100644
--- a/2001/bellard/index.html
+++ b/2001/bellard/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2001/cheong/index.html b/2001/cheong/index.html
index 4e7101810..1928034f1 100644
--- a/2001/cheong/index.html
+++ b/2001/cheong/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2001/coupard/index.html b/2001/coupard/index.html
index c6671493e..54e0cee33 100644
--- a/2001/coupard/index.html
+++ b/2001/coupard/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2001/ctk/index.html b/2001/ctk/index.html
index fe5d4f4ab..34740fee1 100644
--- a/2001/ctk/index.html
+++ b/2001/ctk/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2001/dgbeards/index.html b/2001/dgbeards/index.html
index c21b61e4d..a39c257b8 100644
--- a/2001/dgbeards/index.html
+++ b/2001/dgbeards/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2001/herrmann1/index.html b/2001/herrmann1/index.html
index 92c3df78b..bf8cf5d23 100644
--- a/2001/herrmann1/index.html
+++ b/2001/herrmann1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2001/herrmann2/index.html b/2001/herrmann2/index.html
index b3084f581..636f816b7 100644
--- a/2001/herrmann2/index.html
+++ b/2001/herrmann2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2001/index.html b/2001/index.html
index 8ad15489f..2661d14c5 100644
--- a/2001/index.html
+++ b/2001/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2001/jason/index.html b/2001/jason/index.html
index ea6f5f0c8..b4434a999 100644
--- a/2001/jason/index.html
+++ b/2001/jason/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2001/kev/index.html b/2001/kev/index.html
index accce3c07..150d0c2ec 100644
--- a/2001/kev/index.html
+++ b/2001/kev/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2001/ollinger/index.html b/2001/ollinger/index.html
index 7d8270b57..bd3052a78 100644
--- a/2001/ollinger/index.html
+++ b/2001/ollinger/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2001/rosten/index.html b/2001/rosten/index.html
index 035993f83..0c7d4e310 100644
--- a/2001/rosten/index.html
+++ b/2001/rosten/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2001/schweikh/index.html b/2001/schweikh/index.html
index 1469e9b36..0cc68c511 100644
--- a/2001/schweikh/index.html
+++ b/2001/schweikh/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2001/westley/index.html b/2001/westley/index.html
index f3edbcd82..4f6051237 100644
--- a/2001/westley/index.html
+++ b/2001/westley/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2001/williams/index.html b/2001/williams/index.html
index 7ce5528f3..c20b9642b 100644
--- a/2001/williams/index.html
+++ b/2001/williams/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2004/anonymous/index.html b/2004/anonymous/index.html
index 533d64754..af54e26a5 100644
--- a/2004/anonymous/index.html
+++ b/2004/anonymous/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2004/arachnid/index.html b/2004/arachnid/index.html
index 73c248e32..93cbfbb60 100644
--- a/2004/arachnid/index.html
+++ b/2004/arachnid/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2004/burley/index.html b/2004/burley/index.html
index 6a632872a..f9d65dcce 100644
--- a/2004/burley/index.html
+++ b/2004/burley/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2004/gavare/index.html b/2004/gavare/index.html
index 707f40e90..3e37e02b0 100644
--- a/2004/gavare/index.html
+++ b/2004/gavare/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2004/gavin/gavin.html b/2004/gavin/gavin.html
index 6afcc2fc2..683d25788 100644
--- a/2004/gavin/gavin.html
+++ b/2004/gavin/gavin.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2004/gavin/index.html b/2004/gavin/index.html
index 34487f5cd..6e6a0cccf 100644
--- a/2004/gavin/index.html
+++ b/2004/gavin/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2004/hibachi/index.html b/2004/hibachi/index.html
index 853f7d343..aabcf961b 100644
--- a/2004/hibachi/index.html
+++ b/2004/hibachi/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2004/hoyle/index.html b/2004/hoyle/index.html
index 5ab3b02de..064b1c904 100644
--- a/2004/hoyle/index.html
+++ b/2004/hoyle/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2004/index.html b/2004/index.html
index a713572ec..a7f1243ef 100644
--- a/2004/index.html
+++ b/2004/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2004/jdalbec/index.html b/2004/jdalbec/index.html
index 7fc29c157..243aa3b7d 100644
--- a/2004/jdalbec/index.html
+++ b/2004/jdalbec/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2004/kopczynski/index.html b/2004/kopczynski/index.html
index 0ceaed0f8..1e3418b10 100644
--- a/2004/kopczynski/index.html
+++ b/2004/kopczynski/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2004/newbern/index.html b/2004/newbern/index.html
index 07025360a..6344bf260 100644
--- a/2004/newbern/index.html
+++ b/2004/newbern/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2004/omoikane/index.html b/2004/omoikane/index.html
index 1d12879e0..c9684f8b0 100644
--- a/2004/omoikane/index.html
+++ b/2004/omoikane/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2004/schnitzi/index.html b/2004/schnitzi/index.html
index 04e364130..d9a4eb0b7 100644
--- a/2004/schnitzi/index.html
+++ b/2004/schnitzi/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2004/sds/index.html b/2004/sds/index.html
index 7487358fc..787a10e06 100644
--- a/2004/sds/index.html
+++ b/2004/sds/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2004/vik1/index.html b/2004/vik1/index.html
index 693bf1fcd..d605066c9 100644
--- a/2004/vik1/index.html
+++ b/2004/vik1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2004/vik2/index.html b/2004/vik2/index.html
index f1c929e65..b47b52b2b 100644
--- a/2004/vik2/index.html
+++ b/2004/vik2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2005/aidan/index.html b/2005/aidan/index.html
index 987497741..fcd5ec05d 100644
--- a/2005/aidan/index.html
+++ b/2005/aidan/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2005/anon/index.html b/2005/anon/index.html
index 2f3de3649..5d13e98e1 100644
--- a/2005/anon/index.html
+++ b/2005/anon/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2005/boutines/index.html b/2005/boutines/index.html
index 4c6e182df..5dc5f3500 100644
--- a/2005/boutines/index.html
+++ b/2005/boutines/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2005/chia/index.html b/2005/chia/index.html
index d0e712387..91ea101cb 100644
--- a/2005/chia/index.html
+++ b/2005/chia/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2005/giljade/index.html b/2005/giljade/index.html
index 9ba69497d..ba48d7bb2 100644
--- a/2005/giljade/index.html
+++ b/2005/giljade/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2005/index.html b/2005/index.html
index 562c88f97..3008d3cc2 100644
--- a/2005/index.html
+++ b/2005/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2005/jetro/index.html b/2005/jetro/index.html
index 7cb0b84d1..7af95bc50 100644
--- a/2005/jetro/index.html
+++ b/2005/jetro/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2005/klausler/index.html b/2005/klausler/index.html
index 4c1aff955..88009cc55 100644
--- a/2005/klausler/index.html
+++ b/2005/klausler/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2005/mikeash/index.html b/2005/mikeash/index.html
index 3449a0137..9c38a3232 100644
--- a/2005/mikeash/index.html
+++ b/2005/mikeash/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2005/mynx/index.html b/2005/mynx/index.html
index 7c7aaa897..750823b44 100644
--- a/2005/mynx/index.html
+++ b/2005/mynx/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2005/persano/index.html b/2005/persano/index.html
index c3a1814e1..31f8a0569 100644
--- a/2005/persano/index.html
+++ b/2005/persano/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2005/sykes/index.html b/2005/sykes/index.html
index 7a7ff53a6..b14a118b4 100644
--- a/2005/sykes/index.html
+++ b/2005/sykes/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2005/timwi/index.html b/2005/timwi/index.html
index 7354d5a10..70e6357a0 100644
--- a/2005/timwi/index.html
+++ b/2005/timwi/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2005/toledo/index.html b/2005/toledo/index.html
index 60e3a9d73..71c0f3cc1 100644
--- a/2005/toledo/index.html
+++ b/2005/toledo/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2005/vik/index.html b/2005/vik/index.html
index 1627bd144..d845488f0 100644
--- a/2005/vik/index.html
+++ b/2005/vik/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2005/vince/index.html b/2005/vince/index.html
index 2ab668076..608c2200b 100644
--- a/2005/vince/index.html
+++ b/2005/vince/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2006/birken/index.html b/2006/birken/index.html
index 23dd06cd0..0f6dbc659 100644
--- a/2006/birken/index.html
+++ b/2006/birken/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2006/borsanyi/index.html b/2006/borsanyi/index.html
index 102a61ec2..fb355ff76 100644
--- a/2006/borsanyi/index.html
+++ b/2006/borsanyi/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2006/grothe/index.html b/2006/grothe/index.html
index 370f16971..e015756cc 100644
--- a/2006/grothe/index.html
+++ b/2006/grothe/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2006/hamre/index.html b/2006/hamre/index.html
index f391ff4e7..8cfefc94b 100644
--- a/2006/hamre/index.html
+++ b/2006/hamre/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2006/index.html b/2006/index.html
index 640df23cf..1eef42707 100644
--- a/2006/index.html
+++ b/2006/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2006/meyer/index.html b/2006/meyer/index.html
index fbefb973e..4fc6dd606 100644
--- a/2006/meyer/index.html
+++ b/2006/meyer/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2006/monge/index.html b/2006/monge/index.html
index 89ea639f9..57e831a76 100644
--- a/2006/monge/index.html
+++ b/2006/monge/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2006/night/index.html b/2006/night/index.html
index 7ef4d9e5a..130d4d3d2 100644
--- a/2006/night/index.html
+++ b/2006/night/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2006/sloane/index.html b/2006/sloane/index.html
index f216351e8..89f4be253 100644
--- a/2006/sloane/index.html
+++ b/2006/sloane/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2006/stewart/index.html b/2006/stewart/index.html
index 995680f8a..8fbac8585 100644
--- a/2006/stewart/index.html
+++ b/2006/stewart/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2006/sykes1/index.html b/2006/sykes1/index.html
index 97d555a0a..685f5b395 100644
--- a/2006/sykes1/index.html
+++ b/2006/sykes1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2006/sykes2/index.html b/2006/sykes2/index.html
index 9b830cbd0..60214bbfb 100644
--- a/2006/sykes2/index.html
+++ b/2006/sykes2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2006/toledo1/index.html b/2006/toledo1/index.html
index fad89a052..5dc624aba 100644
--- a/2006/toledo1/index.html
+++ b/2006/toledo1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2006/toledo2/index.html b/2006/toledo2/index.html
index df874bc37..d8157ff84 100644
--- a/2006/toledo2/index.html
+++ b/2006/toledo2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2006/toledo3/index.html b/2006/toledo3/index.html
index 842ea5cf9..26fc58bfe 100644
--- a/2006/toledo3/index.html
+++ b/2006/toledo3/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2011/akari/index.html b/2011/akari/index.html
index 2a59f79c0..c49537808 100644
--- a/2011/akari/index.html
+++ b/2011/akari/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2011/blakely/index.html b/2011/blakely/index.html
index 33e4abc07..d0fab3a22 100644
--- a/2011/blakely/index.html
+++ b/2011/blakely/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2011/borsanyi/index.html b/2011/borsanyi/index.html
index 1eae9838d..39eaa690c 100644
--- a/2011/borsanyi/index.html
+++ b/2011/borsanyi/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2011/dlowe/index.html b/2011/dlowe/index.html
index bdfe18709..28d75baaf 100644
--- a/2011/dlowe/index.html
+++ b/2011/dlowe/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2011/eastman/index.html b/2011/eastman/index.html
index cc419a476..578a49721 100644
--- a/2011/eastman/index.html
+++ b/2011/eastman/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2011/fredriksson/index.html b/2011/fredriksson/index.html
index 9fa8cb530..71f7cb48c 100644
--- a/2011/fredriksson/index.html
+++ b/2011/fredriksson/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2011/goren/index.html b/2011/goren/index.html
index 497de49aa..ed1dcecdf 100644
--- a/2011/goren/index.html
+++ b/2011/goren/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2011/hamaji/index.html b/2011/hamaji/index.html
index 7b5e594aa..111763304 100644
--- a/2011/hamaji/index.html
+++ b/2011/hamaji/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2011/hou/index.html b/2011/hou/index.html
index c3da6359a..dc80cbe89 100644
--- a/2011/hou/index.html
+++ b/2011/hou/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2011/index.html b/2011/index.html
index fd207977d..c9301999c 100644
--- a/2011/index.html
+++ b/2011/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2011/konno/index.html b/2011/konno/index.html
index 11d36a8bd..fbdb492d8 100644
--- a/2011/konno/index.html
+++ b/2011/konno/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2011/richards/index.html b/2011/richards/index.html
index 1b22865df..3109e3da3 100644
--- a/2011/richards/index.html
+++ b/2011/richards/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2011/toledo/index.html b/2011/toledo/index.html
index 28e4beb61..791bf8414 100644
--- a/2011/toledo/index.html
+++ b/2011/toledo/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2011/vik/index.html b/2011/vik/index.html
index bc2605324..b56580026 100644
--- a/2011/vik/index.html
+++ b/2011/vik/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2011/zucker/index.html b/2011/zucker/index.html
index d1a4bb2de..04342d52e 100644
--- a/2011/zucker/index.html
+++ b/2011/zucker/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2012/blakely/index.html b/2012/blakely/index.html
index 8c15599f7..6cc12e6c2 100644
--- a/2012/blakely/index.html
+++ b/2012/blakely/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2012/deckmyn/deckmyn.html b/2012/deckmyn/deckmyn.html
index 83d360f92..f551b951f 100644
--- a/2012/deckmyn/deckmyn.html
+++ b/2012/deckmyn/deckmyn.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2012/deckmyn/index.html b/2012/deckmyn/index.html
index 8910a9918..1f38e93bd 100644
--- a/2012/deckmyn/index.html
+++ b/2012/deckmyn/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2012/dlowe/index.html b/2012/dlowe/index.html
index 032e097c9..5c3795016 100644
--- a/2012/dlowe/index.html
+++ b/2012/dlowe/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2012/endoh1/index.html b/2012/endoh1/index.html
index cda48b7c1..d17c193b1 100644
--- a/2012/endoh1/index.html
+++ b/2012/endoh1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2012/endoh2/index.html b/2012/endoh2/index.html
index 1568bc7ac..cf13b0d65 100644
--- a/2012/endoh2/index.html
+++ b/2012/endoh2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2012/grothe/index.html b/2012/grothe/index.html
index 031d6ccfe..efdf669cd 100644
--- a/2012/grothe/index.html
+++ b/2012/grothe/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2012/hamano/index.html b/2012/hamano/index.html
index 21b767d86..5fecfdde9 100644
--- a/2012/hamano/index.html
+++ b/2012/hamano/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2012/hou/hint.html b/2012/hou/hint.html
index 3610d82c8..b5301f51d 100644
--- a/2012/hou/hint.html
+++ b/2012/hou/hint.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2012/hou/index.html b/2012/hou/index.html
index 1f546712b..0990fca84 100644
--- a/2012/hou/index.html
+++ b/2012/hou/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2012/index.html b/2012/index.html
index bc67f410a..b80fd4fb8 100644
--- a/2012/index.html
+++ b/2012/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2012/kang/index.html b/2012/kang/index.html
index 5c27f6b4d..09e9b1d4a 100644
--- a/2012/kang/index.html
+++ b/2012/kang/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2012/konno/index.html b/2012/konno/index.html
index 86f989b28..7d8a78031 100644
--- a/2012/konno/index.html
+++ b/2012/konno/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2012/omoikane/index.html b/2012/omoikane/index.html
index bc353cdf6..54fb42744 100644
--- a/2012/omoikane/index.html
+++ b/2012/omoikane/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2012/tromp/how.html b/2012/tromp/how.html
index 82a4dc943..a47f5438b 100644
--- a/2012/tromp/how.html
+++ b/2012/tromp/how.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2012/tromp/index.html b/2012/tromp/index.html
index 7381e1ae6..fa95c5a4b 100644
--- a/2012/tromp/index.html
+++ b/2012/tromp/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2012/vik/index.html b/2012/vik/index.html
index 1cfa7ca9e..1dd20cebb 100644
--- a/2012/vik/index.html
+++ b/2012/vik/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2012/zeitak/index.html b/2012/zeitak/index.html
index 37c20bf3c..69a5b37db 100644
--- a/2012/zeitak/index.html
+++ b/2012/zeitak/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2013/birken/README.md b/2013/birken/README.md
index b6e8c0eb8..b970a4902 100644
--- a/2013/birken/README.md
+++ b/2013/birken/README.md
@@ -458,7 +458,7 @@ always evaluate to true.
 decoding using the clever expression, `(i & 3) - 3`, which identifies pattern 3
 and 7 as longer.
 
-* The file size of [birken.c](birken.c) is a prime number.  Deleting the first
+* The file size of [birken.c](%%REPO_URL%%/2013/birken/birken.c) is a prime number.  Deleting the first
 line also produces a prime-sized program.  These properties do not qualify the
 program as a prime number generator.
 
diff --git a/2013/birken/index.html b/2013/birken/index.html
index f1764c24b..ef7d932ee 100644
--- a/2013/birken/index.html
+++ b/2013/birken/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -462,7 +628,7 @@ always evaluate to true.</p></li>
 <li><p>The varying single square emitter pattern lengths are resolved during string
 decoding using the clever expression, <code>(i &amp; 3) - 3</code>, which identifies pattern 3
 and 7 as longer.</p></li>
-<li><p>The file size of <a href="birken.c">birken.c</a> is a prime number. Deleting the first
+<li><p>The file size of <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/birken/birken.c">birken.c</a> is a prime number. Deleting the first
 line also produces a prime-sized program. These properties do not qualify the
 program as a prime number generator.</p></li>
 </ul>
diff --git a/2013/cable1/index.html b/2013/cable1/index.html
index d4c29c289..916956ba8 100644
--- a/2013/cable1/index.html
+++ b/2013/cable1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2013/cable2/README.md b/2013/cable2/README.md
index 8c48bd5c9..34bbf99bc 100644
--- a/2013/cable2/README.md
+++ b/2013/cable2/README.md
@@ -105,7 +105,7 @@ this entry win the IOCCC, it will be the first time (to the author's knowledge)
 that the IOCCC has been used for peer review/publication of original research.
 - OCR in general is a hard problem. Here, we only recognise one possible form
 for each character. You can see what the supported character shapes look like by
-looking at the examples in [ascii.bmp](ascii.bmp). If you copy the shape of the
+looking at the examples in [ascii.bmp](%%REPO_URL%%/2013/cable2/ascii.bmp). If you copy the shape of the
 character forms you find in there, recognition accuracy should be very good
 (95%+). A more "useful" version would extend the character stroke table to
 support multiple different commonly-used forms for each character.
diff --git a/2013/cable2/index.html b/2013/cable2/index.html
index 45652b4db..bc0289400 100644
--- a/2013/cable2/index.html
+++ b/2013/cable2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -226,7 +392,7 @@ this entry win the IOCCC, it will be the first time (to the author’s knowledge
 that the IOCCC has been used for peer review/publication of original research.</li>
 <li>OCR in general is a hard problem. Here, we only recognise one possible form
 for each character. You can see what the supported character shapes look like by
-looking at the examples in <a href="ascii.bmp">ascii.bmp</a>. If you copy the shape of the
+looking at the examples in <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/cable2/ascii.bmp">ascii.bmp</a>. If you copy the shape of the
 character forms you find in there, recognition accuracy should be very good
 (95%+). A more “useful” version would extend the character stroke table to
 support multiple different commonly-used forms for each character.</li>
diff --git a/2013/cable3/README.md b/2013/cable3/README.md
index f851f8149..cba1d2e13 100644
--- a/2013/cable3/README.md
+++ b/2013/cable3/README.md
@@ -63,7 +63,7 @@ bits). It manages to implement most of the hardware in a 1980's era
 IBM-PC using a few hundred fewer bits than the total number of
 transistors used to implement the original 8086 CPU.
 
-If you are using macOS, the included [sc-ioccc.terminal](sc-ioccc.terminal)
+If you are using macOS, the included [sc-ioccc.terminal](%%REPO_URL%%/2013/cable3/sc-ioccc.terminal)
 configuration file will correctly display console applications that use ANSI
 graphics.
 
@@ -163,7 +163,7 @@ This entry has been tested on Windows (compiled with MS Visual Studio 2010 and
 supplied is good for Mac OS X, Linux and probably other Unices. I have received
 reports that the emulator works on Raspberry Pi/Android/ARM (you will need to
 compile with `-fsigned-char`) and iOS. You will need to adjust the
-[Makefile](Makefile) if your system lacks `sdl-config` to correctly point to the
+[Makefile](%%REPO_URL%%/M2013/cable3/akefile) if your system lacks `sdl-config` to correctly point to the
 SDL libraries and header files.
 
 On UNIX-based systems we can get raw keystrokes using `stty`. However Windows
@@ -193,7 +193,7 @@ include to the top of the source:
     #include <unistd.h>
 ```
 
-NOTE: this has been done in [cable3.c](cable3.c).
+NOTE: this has been done in [cable3.c](%%REPO_URL%%/2013/cable3/cable3.c).
 
 ### Usage
 
@@ -211,7 +211,7 @@ looks something like:
     stty cooked echo
 ```
 
-See the [cable3.sh](cable3.sh) script.
+See the [cable3.sh](%%REPO_URL%%/2013/cable3/cable3.sh) script.
 
 ## To use the emulator - floppy mode only
 
@@ -221,7 +221,7 @@ the `fd.img` provided, which is a FreeDOS boot disk.
 Before running the emulator on a Unix-type system, `stty` needs to be used to
 put the keyboard into raw mode (and afterwards it needs to be put back to
 cooked). So, run the emulator using something like this script (provided as
-[cable3.sh](cable3.sh)):
+[cable3.sh](%%REPO_URL%%/c2013/cable3/able3.sh)):
 
 ``` <!---sh-->
     stty cbreak raw -echo min 0
@@ -343,7 +343,7 @@ for the (terminal) text and (SDL) graphics displays.
 Like a real PC, the emulator needs a BIOS to do anything useful. Here we use a
 custom BIOS, written from scratch specifically for the emulator. Source code for
 the BIOS (written in 8086 assembly language) which compiles with the
-freely-available NASM x86 assembler is in [bios.asm](bios.asm).
+freely-available NASM x86 assembler is in [bios.asm](%%REPO_URL%%/2013/cable3/bios.asm).
 
 The BIOS implements the standard interrupt interfaces for video, disk, timer,
 clock and so on, much as a "real" PC BIOS does, and also a small
diff --git a/2013/cable3/index.html b/2013/cable3/index.html
index 4efd4b18d..4a0cd4bf8 100644
--- a/2013/cable3/index.html
+++ b/2013/cable3/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -182,7 +348,7 @@ combinations are left for the discovery of the user.</p>
 bits). It manages to implement most of the hardware in a 1980’s era
 IBM-PC using a few hundred fewer bits than the total number of
 transistors used to implement the original 8086 CPU.</p>
-<p>If you are using macOS, the included <a href="sc-ioccc.terminal">sc-ioccc.terminal</a>
+<p>If you are using macOS, the included <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/cable3/sc-ioccc.terminal">sc-ioccc.terminal</a>
 configuration file will correctly display console applications that use ANSI
 graphics.</p>
 <p>NOTE: the author remarked that in some systems one might need to <code>#include &lt;unistd.h&gt;</code>. This has been done in the entry but not the alternate version. This
@@ -268,7 +434,7 @@ competition (see above).</li>
 supplied is good for Mac OS X, Linux and probably other Unices. I have received
 reports that the emulator works on Raspberry Pi/Android/ARM (you will need to
 compile with <code>-fsigned-char</code>) and iOS. You will need to adjust the
-<a href="Makefile">Makefile</a> if your system lacks <code>sdl-config</code> to correctly point to the
+<a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/M2013/cable3/akefile">Makefile</a> if your system lacks <code>sdl-config</code> to correctly point to the
 SDL libraries and header files.</p>
 <p>On UNIX-based systems we can get raw keystrokes using <code>stty</code>. However Windows
 has no <code>stty</code>. Therefore the Makefile includes a <code>-D</code> option to define a
@@ -286,7 +452,7 @@ offsets) this is not the case, and to run successfully on these systems, you
 will need to explicitly declare these functions by adding the appropriate
 include to the top of the source:</p>
 <pre><code>    #include &lt;unistd.h&gt;</code></pre>
-<p>NOTE: this has been done in <a href="cable3.c">cable3.c</a>.</p>
+<p>NOTE: this has been done in <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/cable3/cable3.c">cable3.c</a>.</p>
 <h3 id="usage">Usage</h3>
 <pre><code>    ./cable3 bios-image-file floppy-image-file [harddisk-image-file]</code></pre>
 <p>PLEASE NOTE that under Unices the keyboard must be in raw mode for the emulator
@@ -295,14 +461,14 @@ looks something like:</p>
 <pre><code>    stty cbreak raw -echo min 0
     ./cable3 bios floppy.img harddisk.img
     stty cooked echo</code></pre>
-<p>See the <a href="cable3.sh">cable3.sh</a> script.</p>
+<p>See the <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/cable3/cable3.sh">cable3.sh</a> script.</p>
 <h2 id="to-use-the-emulator---floppy-mode-only">To use the emulator - floppy mode only</h2>
 <p>The simplest use of the emulator is with a single floppy boot disk image, like
 the <code>fd.img</code> provided, which is a FreeDOS boot disk.</p>
 <p>Before running the emulator on a Unix-type system, <code>stty</code> needs to be used to
 put the keyboard into raw mode (and afterwards it needs to be put back to
 cooked). So, run the emulator using something like this script (provided as
-<a href="cable3.sh">cable3.sh</a>):</p>
+<a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/c2013/cable3/able3.sh">cable3.sh</a>):</p>
 <pre><code>    stty cbreak raw -echo min 0
     ./cable3 bios fd.img
     stty cooked echo</code></pre>
@@ -389,7 +555,7 @@ for the (terminal) text and (SDL) graphics displays.</p>
 <p>Like a real PC, the emulator needs a BIOS to do anything useful. Here we use a
 custom BIOS, written from scratch specifically for the emulator. Source code for
 the BIOS (written in 8086 assembly language) which compiles with the
-freely-available NASM x86 assembler is in <a href="bios.asm">bios.asm</a>.</p>
+freely-available NASM x86 assembler is in <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/cable3/bios.asm">bios.asm</a>.</p>
 <p>The BIOS implements the standard interrupt interfaces for video, disk, timer,
 clock and so on, much as a “real” PC BIOS does, and also a small
 timer-controlled video driver to convert video memory formatting into ANSI
diff --git a/2013/dlowe/README.md b/2013/dlowe/README.md
index 693a2a7c7..94070e84d 100644
--- a/2013/dlowe/README.md
+++ b/2013/dlowe/README.md
@@ -56,7 +56,7 @@ obfuscated way.
 Also, why doesn't it crash but instead produces a correct output when called
 with one argument or when all arguments are equal?
 
-For extra fun, compile and run [fun.c](fun.c):
+For extra fun, compile and run [fun.c](%%REPO_URL%%/2013/dlowe/fun.c):
 
 ``` <!---c-->
     #include <stdio.h>
diff --git a/2013/dlowe/index.html b/2013/dlowe/index.html
index 12b877b3c..894c858f5 100644
--- a/2013/dlowe/index.html
+++ b/2013/dlowe/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -175,7 +341,7 @@ Location: <a href="../../location.html#US">US</a> - <em>United States of America
 obfuscated way.</p>
 <p>Also, why doesn’t it crash but instead produces a correct output when called
 with one argument or when all arguments are equal?</p>
-<p>For extra fun, compile and run <a href="fun.c">fun.c</a>:</p>
+<p>For extra fun, compile and run <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/dlowe/fun.c">fun.c</a>:</p>
 <pre><code>    #include &lt;stdio.h&gt;
     int main() {
         printf(&quot;%d %d %d\n&quot;, (int)(-1.0/0.0), (int)(0.0/0.0), (int)(1.0/0.0));
diff --git a/2013/endoh1/README.md b/2013/endoh1/README.md
index 19243d2d8..c650d183a 100644
--- a/2013/endoh1/README.md
+++ b/2013/endoh1/README.md
@@ -64,7 +64,7 @@ This is a tool *for C programmers* to play the [SKI combinator calculus][1],
 especially, [Lazy K][2].
 
 This program will shine when it is used as a library.  For example,
-[hello.lazy](hello.lazy) is a "Hello world" program written in Lazy K.
+[hello.lazy](%%REPO_URL%%/2013/endoh1/hello.lazy) is a "Hello world" program written in Lazy K.
 
 ``` <!---sh-->
     $ lazy hello.lazy
@@ -72,7 +72,7 @@ This program will shine when it is used as a library.  For example,
 ```
 
 where `lazy` is [a reference implementation of Lazy K][3].  At the same time,
-[hello.lazy](hello.lazy) is *a valid C program* that uses [endoh1.c](endoh1.c)
+[hello.lazy](%%REPO_URL%%/2013/endoh1/hello.lazy) is *a valid C program* that uses [endoh1.c](%%REPO_URL%%/2013/endoh1/endoh1.c)
 as a library.
 
 ``` <!---sh-->
@@ -162,7 +162,7 @@ The whole program is interpreted by macro expansion.
 For example, `S (K I)` is translated to a normal C code, `(s)((k)(i))`, or
 simply `s(k(i))`.
 
-This expression returns an abstract syntax tree, and [endoh1.c](endoh1.c)
+This expression returns an abstract syntax tree, and [endoh1.c](%%REPO_URL%%/e2013/endoh1/ndoh1.c)
 evaluates it.
 
 This program uses a very simple "term rewriting" approach for evaluating SKI
diff --git a/2013/endoh1/index.html b/2013/endoh1/index.html
index d36dfc46a..98d44b7a4 100644
--- a/2013/endoh1/index.html
+++ b/2013/endoh1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -180,11 +346,11 @@ the program itself.</p>
 <p>This is a tool <em>for C programmers</em> to play the <a href="http://en.wikipedia.org/wiki/SKI_combinator_calculus">SKI combinator calculus</a>,
 especially, <a href="https://tromp.github.io/cl/lazy-k.html">Lazy K</a>.</p>
 <p>This program will shine when it is used as a library. For example,
-<a href="hello.lazy">hello.lazy</a> is a “Hello world” program written in Lazy K.</p>
+<a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/endoh1/hello.lazy">hello.lazy</a> is a “Hello world” program written in Lazy K.</p>
 <pre><code>    $ lazy hello.lazy
     Hello, world!</code></pre>
 <p>where <code>lazy</code> is <a href="https://github.com/irori/lazyk">a reference implementation of Lazy K</a>. At the same time,
-<a href="hello.lazy">hello.lazy</a> is <em>a valid C program</em> that uses <a href="endoh1.c">endoh1.c</a>
+<a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/endoh1/hello.lazy">hello.lazy</a> is <em>a valid C program</em> that uses <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/endoh1/endoh1.c">endoh1.c</a>
 as a library.</p>
 <pre><code>    $ gcc -o hello -xc hello.lazy
     $ ./hello
@@ -241,7 +407,7 @@ macro, but does work.</p>
 <p>The whole program is interpreted by macro expansion.
 For example, <code>S (K I)</code> is translated to a normal C code, <code>(s)((k)(i))</code>, or
 simply <code>s(k(i))</code>.</p>
-<p>This expression returns an abstract syntax tree, and <a href="endoh1.c">endoh1.c</a>
+<p>This expression returns an abstract syntax tree, and <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/e2013/endoh1/ndoh1.c">endoh1.c</a>
 evaluates it.</p>
 <p>This program uses a very simple “term rewriting” approach for evaluating SKI
 combinator calculus. The rewriting rules are shown in the shape of the code.</p>
diff --git a/2013/endoh2/README.md b/2013/endoh2/README.md
index 9a716cfe3..01cdd8dba 100644
--- a/2013/endoh2/README.md
+++ b/2013/endoh2/README.md
@@ -16,7 +16,7 @@ You'll need to have both [Ruby](https://www.ruby-lang.org) and
 checks.
 
 If you do not have both, however, you can still do the below in the [try](#try)
-section to enjoy the entry. The [Makefile](Makefile) `check` rule will check if
+section to enjoy the entry. The [Makefile](%%REPO_URL%%/2013/endoh2/Makefile) `check` rule will check if
 you have both and if either is not found it will report it and tell you where to
 download one or both before exiting.
 
diff --git a/2013/endoh2/index.html b/2013/endoh2/index.html
index 0a866d142..c645b13e1 100644
--- a/2013/endoh2/index.html
+++ b/2013/endoh2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -160,7 +326,7 @@ Location: <a href="../../location.html#JP">JP</a> - <em>Japan</em></li>
 <a href="https://imagemagick.org/">ImageMagick</a> installed to run all the automated
 checks.</p>
 <p>If you do not have both, however, you can still do the below in the <a href="#try">try</a>
-section to enjoy the entry. The <a href="Makefile">Makefile</a> <code>check</code> rule will check if
+section to enjoy the entry. The <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/endoh2/Makefile">Makefile</a> <code>check</code> rule will check if
 you have both and if either is not found it will report it and tell you where to
 download one or both before exiting.</p>
 <h2 id="try">Try:</h2>
diff --git a/2013/endoh3/README.md b/2013/endoh3/README.md
index 1a764788e..a83540f1f 100644
--- a/2013/endoh3/README.md
+++ b/2013/endoh3/README.md
@@ -43,7 +43,7 @@ The script will check for SoX first and next `padsp` from `PulseAudio` and
 finally if neither are found if you have `ruby(1)` installed it'll use the
 included ruby script to convert it to a WAV file for you to play.
 
-If no args are passed to the script it will play [twinkle.abc](twinkle.abc) and
+If no args are passed to the script it will play [twinkle.abc](%%REPO_URL%%/2013/endoh3/twinkle.abc) and
 the string `ABC`. Otherwise while there's a remaining arg if it's a file it will
 run the program on the file. If it's not a file it'll run it as a string.
 
diff --git a/2013/endoh3/index.html b/2013/endoh3/index.html
index dfb4c9164..cd27ceb89 100644
--- a/2013/endoh3/index.html
+++ b/2013/endoh3/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -174,7 +340,7 @@ system up for this or if you want to verify that everything is oky.</p>
 <p>The script will check for SoX first and next <code>padsp</code> from <code>PulseAudio</code> and
 finally if neither are found if you have <code>ruby(1)</code> installed it’ll use the
 included ruby script to convert it to a WAV file for you to play.</p>
-<p>If no args are passed to the script it will play <a href="twinkle.abc">twinkle.abc</a> and
+<p>If no args are passed to the script it will play <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/endoh3/twinkle.abc">twinkle.abc</a> and
 the string <code>ABC</code>. Otherwise while there’s a remaining arg if it’s a file it will
 run the program on the file. If it’s not a file it’ll run it as a string.</p>
 <p>The <code>*.abc</code> files are provided as music samples.</p>
diff --git a/2013/endoh4/README.md b/2013/endoh4/README.md
index 0e263a6c3..229ca0125 100644
--- a/2013/endoh4/README.md
+++ b/2013/endoh4/README.md
@@ -12,7 +12,7 @@ below) you can do so with the `SIZE` variable. For instance you can do:
     make clobber SIZE=50,50 all
 ```
 
-but you can also do this directly with the [endoh4.sh](endoh4.sh) script as
+but you can also do this directly with the [endoh4.sh](%%REPO_URL%%/2013/endoh4/endoh4.sh) script as
 described below.
 
 
@@ -36,7 +36,7 @@ For more detailed information see [2013 endoh4 bugs](../../bugs.html#2013_endoh4
 
 The second form is preferable as it will temporarily make the cursor invisible
 as recommended by the author. If no file is specified in the `./endoh4.sh` command
-line it will feed to the program [endoh4.c](endoh4.c).
+line it will feed to the program [endoh4.c](%%REPO_URL%%/2013/endoh4/endoh4.c).
 
 
 ## Try:
@@ -70,7 +70,7 @@ If you wish to change the size to `50,50` without passing any arg:
     SIZE=50,50 ./endoh4.sh
 ```
 
-Not specifying a file feeds [endoh4.c](endoh4.c) to the program.
+Not specifying a file feeds [endoh4.c](%%REPO_URL%%/2013/endoh4/endoh4.c) to the program.
 
 
 ## Judges' remarks:
diff --git a/2013/endoh4/index.html b/2013/endoh4/index.html
index 27e9724c3..2d1c89a73 100644
--- a/2013/endoh4/index.html
+++ b/2013/endoh4/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -157,7 +323,7 @@ Location: <a href="../../location.html#JP">JP</a> - <em>Japan</em></li>
 <p>If you wish to change the size (see the <a href="#authors-remarks">Author’s remarks</a>
 below) you can do so with the <code>SIZE</code> variable. For instance you can do:</p>
 <pre><code>    make clobber SIZE=50,50 all</code></pre>
-<p>but you can also do this directly with the <a href="endoh4.sh">endoh4.sh</a> script as
+<p>but you can also do this directly with the <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/endoh4/endoh4.sh">endoh4.sh</a> script as
 described below.</p>
 <h3 id="bugs-and-misfeatures">Bugs and (Mis)features:</h3>
 <p>The current status of this entry is:</p>
@@ -168,7 +334,7 @@ described below.</p>
     ./endoh4.sh file</code></pre>
 <p>The second form is preferable as it will temporarily make the cursor invisible
 as recommended by the author. If no file is specified in the <code>./endoh4.sh</code> command
-line it will feed to the program <a href="endoh4.c">endoh4.c</a>.</p>
+line it will feed to the program <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/endoh4/endoh4.c">endoh4.c</a>.</p>
 <h2 id="try">Try:</h2>
 <pre><code>    ./endoh4.sh cube.txt</code></pre>
 <p>Hit ctrl-c to end the program.</p>
@@ -180,7 +346,7 @@ line it will feed to the program <a href="endoh4.c">endoh4.c</a>.</p>
 <p>Hit ctrl-c/intr to go to the next file.</p>
 <p>If you wish to change the size to <code>50,50</code> without passing any arg:</p>
 <pre><code>    SIZE=50,50 ./endoh4.sh</code></pre>
-<p>Not specifying a file feeds <a href="endoh4.c">endoh4.c</a> to the program.</p>
+<p>Not specifying a file feeds <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/endoh4/endoh4.c">endoh4.c</a> to the program.</p>
 <h2 id="judges-remarks">Judges’ remarks:</h2>
 <p>This program is formatted as the net for a tetrahedron (hint: try feeding the
 program it’s own source code like <code>./endoh4.sh</code>). When it runs there is an
diff --git a/2013/hou/README.md b/2013/hou/README.md
index 4b29ac0fa..196918d8f 100644
--- a/2013/hou/README.md
+++ b/2013/hou/README.md
@@ -65,7 +65,7 @@ program.
 This program will loop infinitely while progressively refining a
 [raytraced](https://en.wikipedia.org/wiki/Ray_tracing_(graphics)) image.
 
-NOTE: the author refers to [a.c](a.c), placed in a gzipped file `a.c.gz`. We do not
+NOTE: the author refers to [a.c](%%REPO_URL%%/2013/hou/a.c), placed in a gzipped file `a.c.gz`. We do not
 include it but it can be generated like:
 
 ``` <!---sh-->
@@ -134,7 +134,7 @@ don't have to worry about conflicts.
 
 ### Abuse of the rules
 
-* [hou.c](hou.c) uses compression to get around the size limit. The compression
+* [hou.c](%%REPO_URL%%/2013/hou/hou.c) uses compression to get around the size limit. The compression
 fully complies with the rules and the guidelines (at least the portion that
 shows up in `grep` "size limit"). Please see the [Self-imposed
 restrictions](self-imposed-restrictions) section below for more details.
@@ -145,18 +145,18 @@ restrictions](self-imposed-restrictions) section below for more details.
 
 * The building process does not involve any OS tool beyond `cc(1)` and
 `make(1)`. No `gzip(1)` compression! `a.c.gz` doesn't fit in 2053 bytes, anyway.
-* Neither [hou.c](hou.c) nor [a.c](a.c) (the *real* decompressed source) uses
+* Neither [hou.c](%%REPO_URL%%/2013/hou/hou.c) nor [a.c](%%REPO_URL%%/2013/hou/a.c) (the *real* decompressed source) uses
 `#define` (or `cc -D`) at all.
 * The source code is not required at runtime.
-* [a.c](a.c) does not drop optional features to reduce size. There are pure
+* [a.c](%%REPO_URL%%/2013/hou/a.c) does not drop optional features to reduce size. There are pure
 optimization code that can be dropped without affecting the converged output
 (only affecting the ray tracing speed / convergence rate). All files are
 properly `fopen()`ed with `"rb"` / `"wb"` for Windows compatibility. The PPM
 header has a comment line for non-standard-compliant viewers (specifically, my
 old HDRShop 1.0). And there is a nice text message saying "please wait...".
-Despite the messy look, [a.c](a.c) and [hou.c](hou.c) compile warning-free
-([hou.c](hou.c) even wastes 18 bytes on `#include<stdio.h>` just for `putchar(3)`).
-[a.c](a.c) compiles mostly clean in the C99/ANSI modes of clang and gcc (with:
+Despite the messy look, [a.c](%%REPO_URL%%/2013/hou/a.c) and [hou.c](%%REPO_URL%%/2013/hou/hou.c) compile warning-free
+([hou.c](%%REPO_URL%%/2013/hou/hou.c) even wastes 18 bytes on `#include<stdio.h>` just for `putchar(3)`).
+[a.c](%%REPO_URL%%/2013/hou/a.c) compiles mostly clean in the C99/ANSI modes of clang and gcc (with:
 
 ```
 -Wall --pedantic
@@ -178,15 +178,15 @@ internal states.
 the code, but they leave the text clear in the *result*. This entry takes it
 further and obfuscates the output image as well. Can you find the text in the
 image? Hint: look up.
-* [a.c](a.c) leaves all shaders in plain text, but the plain text shader code can't
+* [a.c](%%REPO_URL%%/2013/hou/a.c) leaves all shaders in plain text, but the plain text shader code can't
 be taken for its face value; the arithmetic rules subtly diverge from our common
 sense.
-* [a.c](a.c) is less portable than [hou.c](hou.c) itself. [hou.c](hou.c) only depends
+* [a.c](%%REPO_URL%%/2013/hou/a.c) is less portable than [hou.c](%%REPO_URL%%/2013/hou/hou.c) itself. [hou.c](%%REPO_URL%%/2013/hou/hou.c) only depends
 on ASCII and should run just fine on 16-bit, small memory, or
-floating-point-incapable machines. [a.c](a.c), while still reasonably portable, is
+floating-point-incapable machines. [a.c](%%REPO_URL%%/2013/hou/a.c), while still reasonably portable, is
 quite memory consuming, requires IEEE754-compliant `double`, and assumes `int` to be
 32-bits.
-* Though technically endian-dependent, [a.c](a.c) remains portable providing that one
+* Though technically endian-dependent, [a.c](%%REPO_URL%%/2013/hou/a.c) remains portable providing that one
 doesn't copy saved sessions across different endianness.
 
 
@@ -216,7 +216,7 @@ corresponds to the final image, which can then be produced as a simple per-pixel
 histogram of all generated paths. The robustness comes from a state mutation
 strategy that actively tries to explore the neighborhood of high energy peaks
 (e.g. paths that happen to hit the light source in
-[otherroom.scene](otherroom.scene)). In addition, a rudimentary form of lens
+[otherroom.scene](%%REPO_URL%%/2013/hou/otherroom.scene)). In addition, a rudimentary form of lens
 path stratification is added to balance the attention each pixel receives. The
 Metropolis-Hasting process completely avoids the tell-tale pixel sampling loop
 required in most other image generation methods.
@@ -237,11 +237,11 @@ necessarily map to the same set of paths in `PSSMLT`. After all,
 Metropolis-Hasting used an even worse PRNG in their 1953 paper.
 
 The `PPM` compressor uses statically weighted fixed order contexts with an
-arithmetic encoder tweaked for [iocccsize.c](../iocccsize.c). The encoder emits octet-space pairs
+arithmetic encoder tweaked for [iocccsize.c](%%REPO_URL%%/2013/iocccsize.c). The encoder emits octet-space pairs
 where each octet encodes ~6.5 bits of information and each space encodes 2 bits
-(thanks to the generous definition of "space" in [iocccsize.c](../iocccsize.c)). The compressor
+(thanks to the generous definition of "space" in [iocccsize.c](%%REPO_URL%%/2013/iocccsize.c)). The compressor
 actively shuffles the variable names around until the compressed string happens
-to contain enough `{}; `s to pass the final [iocccsize.c](../iocccsize.c) test.
+to contain enough `{}; `s to pass the final [iocccsize.c](%%REPO_URL%%/2013/iocccsize.c) test.
 There are a few other tweaks:
 
 * The `PPM` model uses mostly whitespace characters for weights.
diff --git a/2013/hou/doc/example.html b/2013/hou/doc/example.html
index 01836096a..4940c8c50 100644
--- a/2013/hou/doc/example.html
+++ b/2013/hou/doc/example.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -312,7 +478,7 @@ the camera, and shoot a ray from the camera point to the image plane point, see:
  width=935 height=632></p>
 <p>.. and the ray direction vector (image plane point - camera point) is <code>(X,Y,Z)</code>. For the
 coordinate space, volume 0 is scaled up 64x here to <code>(0,0,0)-(4096,4096,4096)</code>.</p>
-<p>For a basic camera shader example, check <a href="../otherroom.scene">otherroom.scene</a>.</p>
+<p>For a basic camera shader example, check <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/hou/otherroom.scene">otherroom.scene</a>.</p>
 <p>If any ray goes out of volume 0, the renderer crashes. Make sure it doesn’t
 happen. Wall up everything.</p>
 <p>Variables <code>ABCDEF</code> control the color returned from the ray. They will be
diff --git a/2013/hou/doc/example.md b/2013/hou/doc/example.md
index e5f6ff270..000aef2cd 100644
--- a/2013/hou/doc/example.md
+++ b/2013/hou/doc/example.md
@@ -247,7 +247,7 @@ the camera, and shoot a ray from the camera point to the image plane point, see:
 .. and the ray direction vector (image plane point - camera point) is `(X,Y,Z)`. For the
 coordinate space, volume 0 is scaled up 64x here to `(0,0,0)-(4096,4096,4096)`.
 
-For a basic camera shader example, check [otherroom.scene](../otherroom.scene).
+For a basic camera shader example, check [otherroom.scene](%%REPO_URL%%/2013/hou/otherroom.scene).
 
 If any ray goes out of volume 0, the renderer crashes. Make sure it doesn't
 happen. Wall up everything.
diff --git a/2013/hou/index.html b/2013/hou/index.html
index 89c414ada..4752464ca 100644
--- a/2013/hou/index.html
+++ b/2013/hou/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -188,7 +354,7 @@ really just a decompressor to generate the real source code of the
 program.</p>
 <p>This program will loop infinitely while progressively refining a
 <a href="https://en.wikipedia.org/wiki/Ray_tracing_(graphics)">raytraced</a> image.</p>
-<p>NOTE: the author refers to <a href="a.c">a.c</a>, placed in a gzipped file <code>a.c.gz</code>. We do not
+<p>NOTE: the author refers to <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/hou/a.c">a.c</a>, placed in a gzipped file <code>a.c.gz</code>. We do not
 include it but it can be generated like:</p>
 <pre><code>    cc -Wall hou.c -o hou -lm
     ./hou &gt; a.c</code></pre>
@@ -241,7 +407,7 @@ don’t have to worry about conflicts.</li>
 </ul>
 <h3 id="abuse-of-the-rules">Abuse of the rules</h3>
 <ul>
-<li><a href="hou.c">hou.c</a> uses compression to get around the size limit. The compression
+<li><a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/hou/hou.c">hou.c</a> uses compression to get around the size limit. The compression
 fully complies with the rules and the guidelines (at least the portion that
 shows up in <code>grep</code> “size limit”). Please see the <a href="self-imposed-restrictions">Self-imposed
 restrictions</a> section below for more details.</li>
@@ -251,18 +417,18 @@ restrictions</a> section below for more details.</li>
 <ul>
 <li>The building process does not involve any OS tool beyond <code>cc(1)</code> and
 <code>make(1)</code>. No <code>gzip(1)</code> compression! <code>a.c.gz</code> doesn’t fit in 2053 bytes, anyway.</li>
-<li>Neither <a href="hou.c">hou.c</a> nor <a href="a.c">a.c</a> (the <em>real</em> decompressed source) uses
+<li>Neither <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/hou/hou.c">hou.c</a> nor <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/hou/a.c">a.c</a> (the <em>real</em> decompressed source) uses
 <code>#define</code> (or <code>cc -D</code>) at all.</li>
 <li>The source code is not required at runtime.</li>
-<li><a href="a.c">a.c</a> does not drop optional features to reduce size. There are pure
+<li><a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/hou/a.c">a.c</a> does not drop optional features to reduce size. There are pure
 optimization code that can be dropped without affecting the converged output
 (only affecting the ray tracing speed / convergence rate). All files are
 properly <code>fopen()</code>ed with <code>"rb"</code> / <code>"wb"</code> for Windows compatibility. The PPM
 header has a comment line for non-standard-compliant viewers (specifically, my
 old HDRShop 1.0). And there is a nice text message saying “please wait…”.
-Despite the messy look, <a href="a.c">a.c</a> and <a href="hou.c">hou.c</a> compile warning-free
-(<a href="hou.c">hou.c</a> even wastes 18 bytes on <code>#include&lt;stdio.h&gt;</code> just for <code>putchar(3)</code>).
-<a href="a.c">a.c</a> compiles mostly clean in the C99/ANSI modes of clang and gcc (with:</li>
+Despite the messy look, <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/hou/a.c">a.c</a> and <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/hou/hou.c">hou.c</a> compile warning-free
+(<a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/hou/hou.c">hou.c</a> even wastes 18 bytes on <code>#include&lt;stdio.h&gt;</code> just for <code>putchar(3)</code>).
+<a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/hou/a.c">a.c</a> compiles mostly clean in the C99/ANSI modes of clang and gcc (with:</li>
 </ul>
 <pre><code>-Wall --pedantic</code></pre>
 <p>The only warning generated is a pedantic one: <code>"string constant too long"</code>.</p>
@@ -278,15 +444,15 @@ internal states.</li>
 the code, but they leave the text clear in the <em>result</em>. This entry takes it
 further and obfuscates the output image as well. Can you find the text in the
 image? Hint: look up.</li>
-<li><a href="a.c">a.c</a> leaves all shaders in plain text, but the plain text shader code can’t
+<li><a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/hou/a.c">a.c</a> leaves all shaders in plain text, but the plain text shader code can’t
 be taken for its face value; the arithmetic rules subtly diverge from our common
 sense.</li>
-<li><a href="a.c">a.c</a> is less portable than <a href="hou.c">hou.c</a> itself. <a href="hou.c">hou.c</a> only depends
+<li><a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/hou/a.c">a.c</a> is less portable than <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/hou/hou.c">hou.c</a> itself. <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/hou/hou.c">hou.c</a> only depends
 on ASCII and should run just fine on 16-bit, small memory, or
-floating-point-incapable machines. <a href="a.c">a.c</a>, while still reasonably portable, is
+floating-point-incapable machines. <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/hou/a.c">a.c</a>, while still reasonably portable, is
 quite memory consuming, requires IEEE754-compliant <code>double</code>, and assumes <code>int</code> to be
 32-bits.</li>
-<li>Though technically endian-dependent, <a href="a.c">a.c</a> remains portable providing that one
+<li>Though technically endian-dependent, <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/hou/a.c">a.c</a> remains portable providing that one
 doesn’t copy saved sessions across different endianness.</li>
 </ul>
 <h3 id="spoiler">Spoiler</h3>
@@ -310,7 +476,7 @@ corresponds to the final image, which can then be produced as a simple per-pixel
 histogram of all generated paths. The robustness comes from a state mutation
 strategy that actively tries to explore the neighborhood of high energy peaks
 (e.g. paths that happen to hit the light source in
-<a href="otherroom.scene">otherroom.scene</a>). In addition, a rudimentary form of lens
+<a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/hou/otherroom.scene">otherroom.scene</a>). In addition, a rudimentary form of lens
 path stratification is added to balance the attention each pixel receives. The
 Metropolis-Hasting process completely avoids the tell-tale pixel sampling loop
 required in most other image generation methods.</p>
@@ -329,11 +495,11 @@ session would run through its short period many times, but that doesn’t
 necessarily map to the same set of paths in <code>PSSMLT</code>. After all,
 Metropolis-Hasting used an even worse PRNG in their 1953 paper.</p>
 <p>The <code>PPM</code> compressor uses statically weighted fixed order contexts with an
-arithmetic encoder tweaked for <a href="../iocccsize.c">iocccsize.c</a>. The encoder emits octet-space pairs
+arithmetic encoder tweaked for <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/iocccsize.c">iocccsize.c</a>. The encoder emits octet-space pairs
 where each octet encodes ~6.5 bits of information and each space encodes 2 bits
-(thanks to the generous definition of “space” in <a href="../iocccsize.c">iocccsize.c</a>). The compressor
+(thanks to the generous definition of “space” in <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/iocccsize.c">iocccsize.c</a>). The compressor
 actively shuffles the variable names around until the compressed string happens
-to contain enough <code>{};</code>s to pass the final <a href="../iocccsize.c">iocccsize.c</a> test.
+to contain enough <code>{};</code>s to pass the final <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/iocccsize.c">iocccsize.c</a> test.
 There are a few other tweaks:</p>
 <ul>
 <li><p>The <code>PPM</code> model uses mostly whitespace characters for weights.</p></li>
diff --git a/2013/index.html b/2013/index.html
index c85aaf668..7cacd6a04 100644
--- a/2013/index.html
+++ b/2013/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2013/mills/README.md b/2013/mills/README.md
index 6ee670edb..140bb2da1 100644
--- a/2013/mills/README.md
+++ b/2013/mills/README.md
@@ -110,7 +110,7 @@ them.
 ### User-modifiable Features
 
 The code can be user-modified simply by changing the build command line.
-The following symbols are defined in the [Makefile](Makefile):
+The following symbols are defined in the [Makefile](%%REPO_URL%%/2013/millsMakefile):
 
 * `-DLT=x1,y1,z1,x2,y2,z2,...` defines the coordinates of the lights in the
 scene. It should be a comma-separated list of coordinates `(x, y, z)`, three per
@@ -129,7 +129,7 @@ The original program bound the server to `INADDR_ANY` to allow everyone to
 experience the server's output.  The Judges suggested that I instead restrict
 the bind to `INADDR_LOOPBACK` to reduce security alarms.  As a compliant veteran
 of innumerable post-ship late feature additions, I have modified the
-[Makefile](Makefile) to inject the new code without destroying the beautiful
+[Makefile](%%REPO_URL%%/2013/millsMakefile) to inject the new code without destroying the beautiful
 spherical symmetry of the source code.  In addition, I have altered the word
 `sin_port` to the more family-friendly version `win_port` (via
 `-Dwin_port="sin_addr.s_addr=htonl(2130706433),R.sin_port"`) to protect against
diff --git a/2013/mills/index.html b/2013/mills/index.html
index 3ba6ddc61..1299a9065 100644
--- a/2013/mills/index.html
+++ b/2013/mills/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -216,7 +382,7 @@ doesn’t count whitespace in strings differently than whitespace outside of
 them.</p>
 <h3 id="user-modifiable-features">User-modifiable Features</h3>
 <p>The code can be user-modified simply by changing the build command line.
-The following symbols are defined in the <a href="Makefile">Makefile</a>:</p>
+The following symbols are defined in the <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/millsMakefile">Makefile</a>:</p>
 <ul>
 <li><p><code>-DLT=x1,y1,z1,x2,y2,z2,...</code> defines the coordinates of the lights in the
 scene. It should be a comma-separated list of coordinates <code>(x, y, z)</code>, three per
@@ -231,7 +397,7 @@ The eye is looking at the origin <code>(0, 0, 0)</code>.</p></li>
 experience the server’s output. The Judges suggested that I instead restrict
 the bind to <code>INADDR_LOOPBACK</code> to reduce security alarms. As a compliant veteran
 of innumerable post-ship late feature additions, I have modified the
-<a href="Makefile">Makefile</a> to inject the new code without destroying the beautiful
+<a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/millsMakefile">Makefile</a> to inject the new code without destroying the beautiful
 spherical symmetry of the source code. In addition, I have altered the word
 <code>sin_port</code> to the more family-friendly version <code>win_port</code> (via
 <code>-Dwin_port="sin_addr.s_addr=htonl(2130706433),R.sin_port"</code>) to protect against
diff --git a/2013/misaka/README.md b/2013/misaka/README.md
index e1f07e5b0..48586afe9 100644
--- a/2013/misaka/README.md
+++ b/2013/misaka/README.md
@@ -107,7 +107,7 @@ If `-` is specified as a file name, `horizontal_cat` will read from `stdin`.
 Unlike `cat`, `horizontal_cat` loads all input to memory first.  Thus you
 can specify `-` multiple times to get `stdin` multiplied horizontally.  For
 example, if you have `seq(1)` in your shell, you can add line numbers to both
-sides of [misaka.c](misaka.c) like this:
+sides of [misaka.c](%%REPO_URL%%/2013/misaka/misaka.c) like this:
 
 ``` <!---sh-->
     seq -f '  %.0f  ' 45 | ./horizontal_cat - misaka.c -
@@ -144,7 +144,7 @@ enabled by concatenating the source code horizontally:
 
 After `horizontal_cat` and `vertical_cat`, I thought, maybe all I really wanted
 was just more [cats](https://rationalwiki.org/wiki/Fun:Cat).  So I implemented
-one more mode, this one is enabled by concatenating [misaka.c](misaka.c)
+one more mode, this one is enabled by concatenating [misaka.c](%%REPO_URL%%/2013/misaka/misaka.c)
 vertically:
 
 ``` <!---sh-->
@@ -187,7 +187,7 @@ triangle like the following will not have horizontally expanded output:
     gcc misaka9.c -o same_as_long_cat
 ```
 
-Finally, if you lost track of how many [misaka.c](misaka.c) you have stacked
+Finally, if you lost track of how many [misaka.c](%%REPO_URL%%/2013/misaka/misaka.c) you have stacked
 together, you can feed the source to a
 [brainfuck](https://en.wikipedia.org/wiki/Brainfuck) interpreter to get an
 overview of how the programs are stacked.  Example:
@@ -261,7 +261,7 @@ does not output any irrelevant other warnings (verified on 4.6.3).
 Extra files included in my submission are informational only, they are not
 needed for the program to work.
 
-* [bf.pl](bf.pl) - a perl brainfuck interpreter, in case you don't have one
+* [bf.pl](%%REPO_URL%%/2013/misaka/bf.pl) - a perl brainfuck interpreter, in case you don't have one
 handy.
 * [spoiler.html](spoiler.html) - making of this program.
 
diff --git a/2013/misaka/index.html b/2013/misaka/index.html
index 79ec118c8..2b3f4bc63 100644
--- a/2013/misaka/index.html
+++ b/2013/misaka/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -213,7 +379,7 @@ original text alignments are preserved.</p>
 Unlike <code>cat</code>, <code>horizontal_cat</code> loads all input to memory first. Thus you
 can specify <code>-</code> multiple times to get <code>stdin</code> multiplied horizontally. For
 example, if you have <code>seq(1)</code> in your shell, you can add line numbers to both
-sides of <a href="misaka.c">misaka.c</a> like this:</p>
+sides of <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/misaka/misaka.c">misaka.c</a> like this:</p>
 <pre><code>    seq -f &#39;  %.0f  &#39; 45 | ./horizontal_cat - misaka.c -</code></pre>
 <h3 id="vertical-cat">Vertical cat</h3>
 <p>Because <code>horizontal_cat</code> must know the maximum width of all files before
@@ -233,7 +399,7 @@ enabled by concatenating the source code horizontally:</p>
 <h3 id="long-cat">Long cat</h3>
 <p>After <code>horizontal_cat</code> and <code>vertical_cat</code>, I thought, maybe all I really wanted
 was just more <a href="https://rationalwiki.org/wiki/Fun:Cat">cats</a>. So I implemented
-one more mode, this one is enabled by concatenating <a href="misaka.c">misaka.c</a>
+one more mode, this one is enabled by concatenating <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/misaka/misaka.c">misaka.c</a>
 vertically:</p>
 <pre><code>    ./vertical_cat misaka.c misaka.c &gt; misaka3.c
     gcc misaka3.c -o long_cat
@@ -260,7 +426,7 @@ by concatenating files horizontally:</p>
 triangle like the following will not have horizontally expanded output:</p>
 <pre><code>    ./horizontal_cat misaka.c misaka.c | ./vertical_cat misaka.c - &gt; misaka9.c
     gcc misaka9.c -o same_as_long_cat</code></pre>
-<p>Finally, if you lost track of how many <a href="misaka.c">misaka.c</a> you have stacked
+<p>Finally, if you lost track of how many <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/misaka/misaka.c">misaka.c</a> you have stacked
 together, you can feed the source to a
 <a href="https://en.wikipedia.org/wiki/Brainfuck">brainfuck</a> interpreter to get an
 overview of how the programs are stacked. Example:</p>
@@ -311,7 +477,7 @@ does not output any irrelevant other warnings (verified on 4.6.3).</p>
 <p>Extra files included in my submission are informational only, they are not
 needed for the program to work.</p>
 <ul>
-<li><a href="bf.pl">bf.pl</a> - a perl brainfuck interpreter, in case you don’t have one
+<li><a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2013/misaka/bf.pl">bf.pl</a> - a perl brainfuck interpreter, in case you don’t have one
 handy.</li>
 <li><a href="spoiler.html">spoiler.html</a> - making of this program.</li>
 </ul>
diff --git a/2013/morgan1/index.html b/2013/morgan1/index.html
index 17efb8de9..8f485e8db 100644
--- a/2013/morgan1/index.html
+++ b/2013/morgan1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2013/morgan2/index.html b/2013/morgan2/index.html
index c339a0d9c..b3c2dd16a 100644
--- a/2013/morgan2/index.html
+++ b/2013/morgan2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2013/robison/index.html b/2013/robison/index.html
index 050ea0d5f..6fe70368f 100644
--- a/2013/robison/index.html
+++ b/2013/robison/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2014/birken/README.md b/2014/birken/README.md
index e99332a53..e48236950 100644
--- a/2014/birken/README.md
+++ b/2014/birken/README.md
@@ -188,7 +188,7 @@ generator by accessing its prefix code: 16309).
 
 As obligated by a program that employs 23rd century cloaking technology, when
 the source is fed as input to [IOCCC size tool version
-2014-09-23-v19](../iocccsize.c), and the `-i` command line option is used, the
+2014-09-23-v19](%%REPO_URL%%/2014/iocccsize.c), and the `-i` command line option is used, the
 value printed is 0.
 
 
diff --git a/2014/birken/index.html b/2014/birken/index.html
index 66e097fba..4c1d1d231 100644
--- a/2014/birken/index.html
+++ b/2014/birken/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -265,7 +431,7 @@ damaged Enterprise managed to disable the USS
 generator by accessing its prefix code: 16309).</p>
 <h3 id="secondary-size-limit">Secondary size limit</h3>
 <p>As obligated by a program that employs 23rd century cloaking technology, when
-the source is fed as input to <a href="../iocccsize.c">IOCCC size tool version
+the source is fed as input to <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2014/iocccsize.c">IOCCC size tool version
 2014-09-23-v19</a>, and the <code>-i</code> command line option is used, the
 value printed is 0.</p>
 <h3 id="transmission-protocol-revealed">Transmission protocol revealed</h3>
diff --git a/2014/deak/README.md b/2014/deak/README.md
index f171d10fc..e6e11cfb3 100644
--- a/2014/deak/README.md
+++ b/2014/deak/README.md
@@ -29,7 +29,7 @@ various regions of the fractal.
 
 ## Alternate code:
 
-The alternate code is included as [prog.alt.c](prog.alt.c) so you can more
+The alternate code is included as [prog.alt.c](%%REPO_URL%%/2014/deak/prog.alt.c) so you can more
 easily see the difference in what it might look like if the C was more
 recognisable and also to let you reconfigure the coordinates.
 
diff --git a/2014/deak/index.html b/2014/deak/index.html
index ead55b73b..442bc8230 100644
--- a/2014/deak/index.html
+++ b/2014/deak/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -165,7 +331,7 @@ code</a> below.</p>
 <p>Try changing bounding box coordinates in the source to explore
 various regions of the fractal.</p>
 <h2 id="alternate-code">Alternate code:</h2>
-<p>The alternate code is included as <a href="prog.alt.c">prog.alt.c</a> so you can more
+<p>The alternate code is included as <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2014/deak/prog.alt.c">prog.alt.c</a> so you can more
 easily see the difference in what it might look like if the C was more
 recognisable and also to let you reconfigure the coordinates.</p>
 <h3 id="alternate-build">Alternate build:</h3>
diff --git a/2014/endoh1/README.md b/2014/endoh1/README.md
index b5c226da3..0fe7b8ae3 100644
--- a/2014/endoh1/README.md
+++ b/2014/endoh1/README.md
@@ -19,7 +19,7 @@
 ```
 
 The script will ask you if you wish to run `make rake` but this is not necessary
-to fully enjoy the entry. `make rake` will run the [rake.sh](rake.sh) script and
+to fully enjoy the entry. `make rake` will run the [rake.sh](%%REPO_URL%%/2014/endoh1/rake.sh) script and
 then `prog` if all is built okay. If `rake` is not installed then it will check
 that `gem` is installed. If `gem` is not installed it will tell you where to get
 it and then tell you how to install `rake`. Otherwise, if `rake` is installed it
diff --git a/2014/endoh1/index.html b/2014/endoh1/index.html
index 9ea9fcc08..163dfd057 100644
--- a/2014/endoh1/index.html
+++ b/2014/endoh1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -159,7 +325,7 @@ Location: <a href="../../location.html#JP">JP</a> - <em>Japan</em></li>
 <h2 id="try">Try:</h2>
 <pre><code>    ./try.sh</code></pre>
 <p>The script will ask you if you wish to run <code>make rake</code> but this is not necessary
-to fully enjoy the entry. <code>make rake</code> will run the <a href="rake.sh">rake.sh</a> script and
+to fully enjoy the entry. <code>make rake</code> will run the <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2014/endoh1/rake.sh">rake.sh</a> script and
 then <code>prog</code> if all is built okay. If <code>rake</code> is not installed then it will check
 that <code>gem</code> is installed. If <code>gem</code> is not installed it will tell you where to get
 it and then tell you how to install <code>rake</code>. Otherwise, if <code>rake</code> is installed it
diff --git a/2014/endoh1/spoilers.html b/2014/endoh1/spoilers.html
index ae02f4230..8995a4729 100644
--- a/2014/endoh1/spoilers.html
+++ b/2014/endoh1/spoilers.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2014/endoh2/README.md b/2014/endoh2/README.md
index 1b22f4872..9c6908840 100644
--- a/2014/endoh2/README.md
+++ b/2014/endoh2/README.md
@@ -42,7 +42,7 @@ Enjoy DNA programming!
   <http://search.cpan.org/~xern/Acme-DoubleHelix-0.01/>
 
 * The synthesized helix just includes the original program at the head.
-  Do you see how [prog.c](prog.c) determines whether it was invoked as a
+  Do you see how [prog.c](%%REPO_URL%%/2014/endoh2/prog.c) determines whether it was invoked as a
   standalone program or included as a header file? Note that it does not use any
   gcc extension such as `__INCLUDE_LEVEL__`.
 
diff --git a/2014/endoh2/index.html b/2014/endoh2/index.html
index 7fdfb1e92..a2d0ae007 100644
--- a/2014/endoh2/index.html
+++ b/2014/endoh2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -172,7 +338,7 @@ The helix can also be compiled as a C program.</p>
 <li><p>This program was inspired by Acme::DoubleHelix:
 <a href="http://search.cpan.org/~xern/Acme-DoubleHelix-0.01/" class="uri">http://search.cpan.org/~xern/Acme-DoubleHelix-0.01/</a></p></li>
 <li><p>The synthesized helix just includes the original program at the head.
-Do you see how <a href="prog.c">prog.c</a> determines whether it was invoked as a
+Do you see how <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2014/endoh2/prog.c">prog.c</a> determines whether it was invoked as a
 standalone program or included as a header file? Note that it does not use any
 gcc extension such as <code>__INCLUDE_LEVEL__</code>.</p></li>
 <li><p>The synthesized helix of course follows the base-pairing rules for DNA:
diff --git a/2014/index.html b/2014/index.html
index 93b8871e2..1a0daf9ff 100644
--- a/2014/index.html
+++ b/2014/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2014/maffiodo1/README.md b/2014/maffiodo1/README.md
index 654e60f91..60ddd6e9e 100644
--- a/2014/maffiodo1/README.md
+++ b/2014/maffiodo1/README.md
@@ -47,7 +47,7 @@ note on macOS.
     ./mario.sh
 ```
 
-If you end up telnetting to the server (feature of [mario.sh](mario.sh)) you can
+If you end up telnetting to the server (feature of [mario.sh](%%REPO_URL%%/2014/maffiodo1/mario.sh)) you can
 try:
 
 
diff --git a/2014/maffiodo1/index.html b/2014/maffiodo1/index.html
index fad794148..4202ff55f 100644
--- a/2014/maffiodo1/index.html
+++ b/2014/maffiodo1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -179,7 +345,7 @@ note on macOS.</li>
 <pre><code>    ./giana.sh
 
     ./mario.sh</code></pre>
-<p>If you end up telnetting to the server (feature of <a href="mario.sh">mario.sh</a>) you can
+<p>If you end up telnetting to the server (feature of <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2014/maffiodo1/mario.sh">mario.sh</a>) you can
 try:</p>
 <pre><code>    ls # show files including games
     wumpus.bas # play Hunt the Wumpus
diff --git a/2014/maffiodo2/index.html b/2014/maffiodo2/index.html
index 504edc464..7d045f3a8 100644
--- a/2014/maffiodo2/index.html
+++ b/2014/maffiodo2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2014/morgan/index.html b/2014/morgan/index.html
index 09bed8906..a0220a81f 100644
--- a/2014/morgan/index.html
+++ b/2014/morgan/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2014/sinon/README.md b/2014/sinon/README.md
index bcf7ab2f1..8c762c712 100644
--- a/2014/sinon/README.md
+++ b/2014/sinon/README.md
@@ -110,7 +110,7 @@ that there are no files named "run" and "run.c" in current directory
     perl prog.c | bash
 ```
 
-File size and CRC32 of [prog.c](prog.c) are embedded in line 7.
+File size and CRC32 of [prog.c](%%REPO_URL%%/2014/sinon/prog.c) are embedded in line 7.
 
 Process for making `Sinon` is included in [spoiler.html](spoiler.html).
 
diff --git a/2014/sinon/index.html b/2014/sinon/index.html
index b5f84611b..b57db22e3 100644
--- a/2014/sinon/index.html
+++ b/2014/sinon/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -224,7 +390,7 @@ a primary input.</p>
 that there are no files named “run” and “run.c” in current directory
 (they will be overwritten) and run:</p>
 <pre><code>    perl prog.c | bash</code></pre>
-<p>File size and CRC32 of <a href="prog.c">prog.c</a> are embedded in line 7.</p>
+<p>File size and CRC32 of <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2014/sinon/prog.c">prog.c</a> are embedded in line 7.</p>
 <p>Process for making <code>Sinon</code> is included in <a href="spoiler.html">spoiler.html</a>.</p>
 <p>Layout of this code is based on Asada Shino, also known as “<code>Sinon</code>”,
 from Sword Art Online.</p>
diff --git a/2014/skeggs/README.md b/2014/skeggs/README.md
index b3d42b4fe..32f8a1942 100644
--- a/2014/skeggs/README.md
+++ b/2014/skeggs/README.md
@@ -132,7 +132,7 @@ There is a little bit of obfuscation gained from using the stringification
 operator. (I can never remember what it's actually called, but it's the `#`
 operator in a preprocessor macro) - this allows me to pass C code in arguments
 to the macros, meaning that it gets interpreted as C code instead of a string
-by the [iocccsize](../iocccsize.c) tool, so it gets counted as smaller! :D
+by the [iocccsize](%%REPO_URL%%/2014/iocccsize.c) tool, so it gets counted as smaller! :D
 
 # A SLIGHTLY COOL PART
 
@@ -218,7 +218,7 @@ I ran out of time to test it on more systems.
   development of this entry.
 
 * What's the length of this README file according to the
-[iocccsize](../iocccsize.c) tool?
+[iocccsize](%%REPO_URL%%/2014/iocccsize.c) tool?
 
 ```
     $ ./iocccsize -i < README.md
diff --git a/2014/skeggs/index.html b/2014/skeggs/index.html
index e3c45f5fa..7b7abc58b 100644
--- a/2014/skeggs/index.html
+++ b/2014/skeggs/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -244,7 +410,7 @@ enter itself where it’s needed.</p>
 operator. (I can never remember what it’s actually called, but it’s the <code>#</code>
 operator in a preprocessor macro) - this allows me to pass C code in arguments
 to the macros, meaning that it gets interpreted as C code instead of a string
-by the <a href="../iocccsize.c">iocccsize</a> tool, so it gets counted as smaller! :D</p>
+by the <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2014/iocccsize.c">iocccsize</a> tool, so it gets counted as smaller! :D</p>
 <h1 id="a-slightly-cool-part">A SLIGHTLY COOL PART</h1>
 <p>As part of the JIT compiling, the program hides the fact that it needs ncurses:
 it just links ncurses with one of the generated shared libraries, and then can
@@ -305,7 +471,7 @@ require a pet fish license.</p></li>
 Station 13. I didn’t, however, look at the minigame at all during the
 development of this entry.</p></li>
 <li><p>What’s the length of this README file according to the
-<a href="../iocccsize.c">iocccsize</a> tool?</p></li>
+<a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2014/iocccsize.c">iocccsize</a> tool?</p></li>
 </ul>
 <pre><code>    $ ./iocccsize -i &lt; README.md
     6057</code></pre>
diff --git a/2014/vik/README.md b/2014/vik/README.md
index 9e992304b..67a603e37 100644
--- a/2014/vik/README.md
+++ b/2014/vik/README.md
@@ -38,7 +38,7 @@ For more detailed information see [2014 vik bugs](../../bugs.html#2014_vik).
 
 ## Alternate code:
 
-The alternate code, [prog.alt.c](prog.alt.c), is based on the author's
+The alternate code, [prog.alt.c](%%REPO_URL%%/2014/vik/prog.alt.c), is based on the author's
 instructions on how to get it to work with Windows.
 
 
@@ -110,7 +110,7 @@ any code in order for the program to run correctly:
     _setmode(_fileno(stdout), 0x8000);
 ```
 
-NOTE: see the [alternate code](prog.alt.c) for this.
+NOTE: see the [alternate code](%%REPO_URL%%/2014/vik/prog.alt.c) for this.
 
 
 ### Known Issues
diff --git a/2014/vik/index.html b/2014/vik/index.html
index d8d93183d..9c099ba05 100644
--- a/2014/vik/index.html
+++ b/2014/vik/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -168,7 +334,7 @@ code</a> section below.</p>
 <h2 id="try">Try:</h2>
 <pre><code>    ./try.sh</code></pre>
 <h2 id="alternate-code">Alternate code:</h2>
-<p>The alternate code, <a href="prog.alt.c">prog.alt.c</a>, is based on the author’s
+<p>The alternate code, <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2014/vik/prog.alt.c">prog.alt.c</a>, is based on the author’s
 instructions on how to get it to work with Windows.</p>
 <h3 id="alternate-build">Alternate build:</h3>
 <pre><code>    make alt</code></pre>
@@ -200,7 +366,7 @@ the program relies on writing binary data to <code>stdout</code>.</p>
 program with this platform, the following line can be added to <code>main()</code> before
 any code in order for the program to run correctly:</p>
 <pre><code>    _setmode(_fileno(stdout), 0x8000);</code></pre>
-<p>NOTE: see the <a href="prog.alt.c">alternate code</a> for this.</p>
+<p>NOTE: see the <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2014/vik/prog.alt.c">alternate code</a> for this.</p>
 <h3 id="known-issues">Known Issues</h3>
 <p>The program uses a quite simple algorithm for detecting tone on and off events
 in the Morse signal. Hence the program does not work well with noisy input
diff --git a/2014/wiedijk/index.html b/2014/wiedijk/index.html
index 8d095c4b0..c0a7c264d 100644
--- a/2014/wiedijk/index.html
+++ b/2014/wiedijk/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2015/burton/README.md b/2015/burton/README.md
index 4cf96b2a3..cc4e3c1ae 100644
--- a/2015/burton/README.md
+++ b/2015/burton/README.md
@@ -44,7 +44,7 @@ Finally, if you wish to read the man page:
 
 ## Alternate code:
 
-An alternate version of this entry, [prog.alt.c](prog.alt.c), is provided.
+An alternate version of this entry, [prog.alt.c](%%REPO_URL%%/2015/burton/prog.alt.c), is provided.
 This alternate code is discussed in the "prog.c vs prog.alt.c" section of the
 author's remarks below.
 
diff --git a/2015/burton/index.html b/2015/burton/index.html
index e94035c3a..e471efe89 100644
--- a/2015/burton/index.html
+++ b/2015/burton/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -167,7 +333,7 @@ Location: <a href="../../location.html#US">US</a> - <em>United States of America
 <p>Finally, if you wish to read the man page:</p>
 <pre><code>    man ./calc.1</code></pre>
 <h2 id="alternate-code">Alternate code:</h2>
-<p>An alternate version of this entry, <a href="prog.alt.c">prog.alt.c</a>, is provided.
+<p>An alternate version of this entry, <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2015/burton/prog.alt.c">prog.alt.c</a>, is provided.
 This alternate code is discussed in the “prog.c vs prog.alt.c” section of the
 author’s remarks below.</p>
 <h3 id="alternate-build">Alternate build:</h3>
diff --git a/2015/burton/road.to.obscurity.html b/2015/burton/road.to.obscurity.html
index daab67e98..620864eba 100644
--- a/2015/burton/road.to.obscurity.html
+++ b/2015/burton/road.to.obscurity.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2015/burton/spoilers.html b/2015/burton/spoilers.html
index da7469e78..589d1a5f8 100644
--- a/2015/burton/spoilers.html
+++ b/2015/burton/spoilers.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2015/dogon/index.html b/2015/dogon/index.html
index e38fa0ef6..249e78593 100644
--- a/2015/dogon/index.html
+++ b/2015/dogon/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2015/duble/README.md b/2015/duble/README.md
index 8575428de..00298a82a 100644
--- a/2015/duble/README.md
+++ b/2015/duble/README.md
@@ -29,7 +29,7 @@ ctrl-c/sending intr.
 ## Alternate code:
 
 This alternate code, provided by the author, is discussed in more detail by the
-author in the '[prog.c](prog.c) vs [prog.alt.c](prog.alt.c)' section of their remarks.
+author in the '[prog.c](%%REPO_URL%%/ 2015/duble/prog.c) vs [prog.alt.c](%%REPO_URL%%/2015/duble/prog.alt.c)' section of their remarks.
 
 
 ### Alternate build:
@@ -67,7 +67,7 @@ blasphemous. When I was fighting to make this program work, I started
 wondering if it was not the reason for its very erratic behaviour.
 
 
-### [prog.c](prog.c) vs [prog.alt.c](prog.alt.c)
+### [prog.c](%%REPO_URL%%/2015/duble/prog.c) vs [prog.alt.c](%%REPO_URL%%/2015/duble/prog.alt.c)
 
 The file [prog.alt.c](prog.alt.c) is the one I submitted.
 
diff --git a/2015/duble/index.html b/2015/duble/index.html
index ccd473bb0..6c4014ec3 100644
--- a/2015/duble/index.html
+++ b/2015/duble/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -165,7 +331,7 @@ See <a href="#alternate-code">Alternate code</a> below.</p>
 ctrl-c/sending intr.</p>
 <h2 id="alternate-code">Alternate code:</h2>
 <p>This alternate code, provided by the author, is discussed in more detail by the
-author in the ‘<a href="prog.c">prog.c</a> vs <a href="prog.alt.c">prog.alt.c</a>’ section of their remarks.</p>
+author in the ‘<a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/%202015/duble/prog.c">prog.c</a> vs <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2015/duble/prog.alt.c">prog.alt.c</a>’ section of their remarks.</p>
 <h3 id="alternate-build">Alternate build:</h3>
 <pre><code>    make alt</code></pre>
 <h3 id="alternate-use">Alternate use:</h3>
@@ -183,7 +349,7 @@ allows to consider each terminal character as a tiny 2x4 bitmap.</p>
 <p>Turning the Braille code into something visual might be considered
 blasphemous. When I was fighting to make this program work, I started
 wondering if it was not the reason for its very erratic behaviour.</p>
-<h3 id="prog.c-vs-prog.alt.c"><a href="prog.c">prog.c</a> vs <a href="prog.alt.c">prog.alt.c</a></h3>
+<h3 id="prog.c-vs-prog.alt.c"><a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2015/duble/prog.c">prog.c</a> vs <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2015/duble/prog.alt.c">prog.alt.c</a></h3>
 <p>The file <a href="prog.alt.c">prog.alt.c</a> is the one I submitted.</p>
 <p><a href="../../authors.html#Gil_Dogon">Gil Dogon</a> noted a few unsafe statements (statements
 whose behaviour is undefined in the C standard and, as such, could cause issues
diff --git a/2015/endoh1/index.html b/2015/endoh1/index.html
index 5e938a650..a2475467e 100644
--- a/2015/endoh1/index.html
+++ b/2015/endoh1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2015/endoh2/README.md b/2015/endoh2/README.md
index f87e5fda1..448aa4337 100644
--- a/2015/endoh2/README.md
+++ b/2015/endoh2/README.md
@@ -42,7 +42,7 @@ Where did those underscores come from?  Well [RTFS](http://acronyms.thefreedicti
 ** Read the Freaking Source (polite form)
 ** Read The Freaking Screen (polite form)
 
-If you are still puzzled, look at [prog.c](prog.c) with your favorite text editor.
+If you are still puzzled, look at [prog.c](%%REPO_URL%%/2015/endoh2/Rprog.c) with your favorite text editor.
 
 
 ## Author's remarks:
diff --git a/2015/endoh2/index.html b/2015/endoh2/index.html
index 109331749..ad3754993 100644
--- a/2015/endoh2/index.html
+++ b/2015/endoh2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -172,7 +338,7 @@ Location: <a href="../../location.html#JP">JP</a> - <em>Japan</em></li>
 <p>Where did those underscores come from? Well <a href="http://acronyms.thefreedictionary.com/RTFS">RTFS</a>!**</p>
 <p>** Read the Freaking Source (polite form)
 ** Read The Freaking Screen (polite form)</p>
-<p>If you are still puzzled, look at <a href="prog.c">prog.c</a> with your favorite text editor.</p>
+<p>If you are still puzzled, look at <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2015/endoh2/Rprog.c">prog.c</a> with your favorite text editor.</p>
 <h2 id="authors-remarks">Author’s remarks:</h2>
 <p><strong>Follow these instructions literally!</strong></p>
 <pre><code>    cat prog.c
diff --git a/2015/endoh3/README.md b/2015/endoh3/README.md
index b8b26149d..258b55f1b 100644
--- a/2015/endoh3/README.md
+++ b/2015/endoh3/README.md
@@ -14,7 +14,7 @@
 
 ## Try:
 
-To see the original [mullender](mullender.c) in action:
+To see the original [mullender](%%REPO_URL%%/2015/endoh3/mullender.c) in action:
 
 ``` <!---sh-->
     ./try.sh
diff --git a/2015/endoh3/index.html b/2015/endoh3/index.html
index ba3f239d6..abda2590d 100644
--- a/2015/endoh3/index.html
+++ b/2015/endoh3/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -157,7 +323,7 @@ Location: <a href="../../location.html#JP">JP</a> - <em>Japan</em></li>
 <h2 id="to-use">To use:</h2>
 <pre><code>    ./prog</code></pre>
 <h2 id="try">Try:</h2>
-<p>To see the original <a href="mullender.c">mullender</a> in action:</p>
+<p>To see the original <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2015/endoh3/mullender.c">mullender</a> in action:</p>
 <pre><code>    ./try.sh</code></pre>
 <p>Observe what happens when you hit enter or another character! You might even try
 typing out, one character at a time, <code>1984/mullender</code>, and then see what it looks
diff --git a/2015/endoh4/README.md b/2015/endoh4/README.md
index baa90edd2..01703c8c5 100644
--- a/2015/endoh4/README.md
+++ b/2015/endoh4/README.md
@@ -25,7 +25,7 @@ code](#alternate-code) below for details.
 
 ## Alternate code:
 
-An alternate version of this entry, [prog.alt.c](prog.alt.c), is provided.
+An alternate version of this entry, [prog.alt.c](%%REPO_URL%%/2015/endoh4/prog.alt.c), is provided.
 This alternate code does not contain improvements suggested by [Gil
 Dogon](../../authors.html#Gil_Dogon); it is the author's original entry.
 
@@ -68,7 +68,7 @@ Visual factorization 1-liner.  Try:
 Inspired by [Animated Factorization
 Diagrams](http://www.datapointed.net/visualizations/math/factorization/animated-diagrams/).
 
-[prog.alt.c](prog.alt.c) is the original version that I submitted. [Gil
+[prog.alt.c](%%REPO_URL%%/2015/endoh4/prog.alt.c) is the original version that I submitted. [Gil
 Dogon](../../authors.html#Gil_Dogon) kindly improved it during the review.  Thank
 you!
 
diff --git a/2015/endoh4/index.html b/2015/endoh4/index.html
index 0de38beb1..6b6d43435 100644
--- a/2015/endoh4/index.html
+++ b/2015/endoh4/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -161,7 +327,7 @@ code</a> below for details.</p>
 <h2 id="try">Try:</h2>
 <pre><code>    ./try.sh</code></pre>
 <h2 id="alternate-code">Alternate code:</h2>
-<p>An alternate version of this entry, <a href="prog.alt.c">prog.alt.c</a>, is provided.
+<p>An alternate version of this entry, <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2015/endoh4/prog.alt.c">prog.alt.c</a>, is provided.
 This alternate code does not contain improvements suggested by <a href="../../authors.html#Gil_Dogon">Gil
 Dogon</a>; it is the author’s original entry.</p>
 <h3 id="alternate-build">Alternate build:</h3>
@@ -185,7 +351,7 @@ experiment with numbers that have more or larger factors?</p>
     ./prog @ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @</code></pre>
 <p>Inspired by <a href="http://www.datapointed.net/visualizations/math/factorization/animated-diagrams/">Animated Factorization
 Diagrams</a>.</p>
-<p><a href="prog.alt.c">prog.alt.c</a> is the original version that I submitted. <a href="../../authors.html#Gil_Dogon">Gil
+<p><a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2015/endoh4/prog.alt.c">prog.alt.c</a> is the original version that I submitted. <a href="../../authors.html#Gil_Dogon">Gil
 Dogon</a> kindly improved it during the review. Thank
 you!</p>
 <!--
diff --git a/2015/hou/index.html b/2015/hou/index.html
index 37bbba8a6..d4ceaac1f 100644
--- a/2015/hou/index.html
+++ b/2015/hou/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2015/howe/README.md b/2015/howe/README.md
index 52a74a349..2e935b076 100644
--- a/2015/howe/README.md
+++ b/2015/howe/README.md
@@ -63,8 +63,8 @@ Or should we teach our youth to understand the intricacies of this code?
 Ying Tong Iddle I Po!  We suggest you read the source for yourself, which
 might be easier than the academic papers it was inspired by.
 
-NOTE: Unlike the original entry source, [prog.alt.c](prog.alt.c),
-[prog.c](prog.c) uses a
+NOTE: Unlike the original entry source, [prog.alt.c](%%REPO_URL%%/2015/howe/prog.alt.c),
+[prog.c](%%REPO_URL%%/2015/howe/prog.c) uses a
 64 bit FNV hash and fixes a function call warning.
 
 
@@ -95,7 +95,7 @@ The `-d` option simply writes the edit distance between `file1` and `file2`.
 The FNV1a hash is a little slow compared to the trivial hash [GNU
 diff](https://www.gnu.org/software/diffutils/) uses. I downloaded a plain text
 copy of "War And Peace" from [Project Gutenberg](https://www.gutenberg.org),
-used [makeholes.c](makeholes.c) to make 1000 random changes, then profiled and
+used [makeholes.c](%%REPO_URL%%/2015/howe/makeholes.c) to make 1000 random changes, then profiled and
 timed the program verses GNU `diff(1)`.  The bottleneck appears to be in the
 file I/O and line hashing with an average +0.05s slower.  Using a huge file like
 "War And Peace" for testing offsets the `diff(1)` optimised file I/O.
@@ -107,12 +107,12 @@ a region of edits are highly unlikely.
 
 ### Support Files
 
-* [prog-test.sh](prog-test.sh)
+* [prog-test.sh](%%REPO_URL%%/2015/howe/prog-test.sh)
     Basic test program verifies known test edit distances and `patch(1)` support.
 
-* [avgtime.sh](avgtime.sh)
+* [avgtime.sh](%%REPO_URL%%/2015/howe/avgtime.sh)
 
-* [makeholes.c](makeholes.c)
+* [makeholes.c](%%REPO_URL%%/2015/howe/makeholes.c)
     Random edits (holes) made to a file in-place.
 
 ### References
diff --git a/2015/howe/index.html b/2015/howe/index.html
index 0c0e3a1e6..7c59e9a5e 100644
--- a/2015/howe/index.html
+++ b/2015/howe/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -183,8 +349,8 @@ during a South Park P.T.A. Meeting?</p>
 <p>Or should we teach our youth to understand the intricacies of this code?
 Ying Tong Iddle I Po! We suggest you read the source for yourself, which
 might be easier than the academic papers it was inspired by.</p>
-<p>NOTE: Unlike the original entry source, <a href="prog.alt.c">prog.alt.c</a>,
-<a href="prog.c">prog.c</a> uses a
+<p>NOTE: Unlike the original entry source, <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2015/howe/prog.alt.c">prog.alt.c</a>,
+<a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2015/howe/prog.c">prog.c</a> uses a
 64 bit FNV hash and fixes a function call warning.</p>
 <h2 id="authors-remarks">Author’s remarks:</h2>
 <h3 id="features">Features</h3>
@@ -204,7 +370,7 @@ with <code>patch(1)</code>.</p>
 <p>The FNV1a hash is a little slow compared to the trivial hash <a href="https://www.gnu.org/software/diffutils/">GNU
 diff</a> uses. I downloaded a plain text
 copy of “War And Peace” from <a href="https://www.gutenberg.org">Project Gutenberg</a>,
-used <a href="makeholes.c">makeholes.c</a> to make 1000 random changes, then profiled and
+used <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2015/howe/makeholes.c">makeholes.c</a> to make 1000 random changes, then profiled and
 timed the program verses GNU <code>diff(1)</code>. The bottleneck appears to be in the
 file I/O and line hashing with an average +0.05s slower. Using a huge file like
 “War And Peace” for testing offsets the <code>diff(1)</code> optimised file I/O.</p>
@@ -213,10 +379,10 @@ very <a href="http://programmers.stackexchange.com/questions/49550/which-hashing
 a region of edits are highly unlikely.</p>
 <h3 id="support-files">Support Files</h3>
 <ul>
-<li><p><a href="prog-test.sh">prog-test.sh</a>
+<li><p><a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2015/howe/prog-test.sh">prog-test.sh</a>
 Basic test program verifies known test edit distances and <code>patch(1)</code> support.</p></li>
-<li><p><a href="avgtime.sh">avgtime.sh</a></p></li>
-<li><p><a href="makeholes.c">makeholes.c</a>
+<li><p><a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2015/howe/avgtime.sh">avgtime.sh</a></p></li>
+<li><p><a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2015/howe/makeholes.c">makeholes.c</a>
 Random edits (holes) made to a file in-place.</p></li>
 </ul>
 <h3 id="references">References</h3>
diff --git a/2015/index.html b/2015/index.html
index c5dac03cc..02e5f5ffe 100644
--- a/2015/index.html
+++ b/2015/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2015/mills1/index.html b/2015/mills1/index.html
index b4de93efe..b64e790d8 100644
--- a/2015/mills1/index.html
+++ b/2015/mills1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2015/mills2/index.html b/2015/mills2/index.html
index ed9194f41..11a0ce815 100644
--- a/2015/mills2/index.html
+++ b/2015/mills2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2015/muth/index.html b/2015/muth/index.html
index 8984ac7ac..d7c48696b 100644
--- a/2015/muth/index.html
+++ b/2015/muth/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2015/schweikhardt/README.md b/2015/schweikhardt/README.md
index 66fa77798..40a5728a6 100644
--- a/2015/schweikhardt/README.md
+++ b/2015/schweikhardt/README.md
@@ -85,7 +85,7 @@ You may explore this famous conjecture using this entry:
     ./prog 302ab3d052fb87c06228d249581be0e4
 ```
 
-NOTE: [try.sh](try.sh) runs these for you, filtered through `less(1)`.
+NOTE: [try.sh](%%REPO_URL%%/2015/schweikhardt/try.sh) runs these for you, filtered through `less(1)`.
 
 When you first look at the source, the code looks fairly straightforward.
 But look again.  Like the Collatz conjecture, simplicity is deceptive!
diff --git a/2015/schweikhardt/index.html b/2015/schweikhardt/index.html
index 0a88d1a22..35aa854e6 100644
--- a/2015/schweikhardt/index.html
+++ b/2015/schweikhardt/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -196,7 +362,7 @@ the <a href="https://en.wikipedia.org/wiki/Collatz_conjecture">Collatz conjectur
     ./prog 1b7dd73a937485bf
     ./prog 7d3237680d190a77e53751b
     ./prog 302ab3d052fb87c06228d249581be0e4</code></pre>
-<p>NOTE: <a href="try.sh">try.sh</a> runs these for you, filtered through <code>less(1)</code>.</p>
+<p>NOTE: <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2015/schweikhardt/try.sh">try.sh</a> runs these for you, filtered through <code>less(1)</code>.</p>
 <p>When you first look at the source, the code looks fairly straightforward.
 But look again. Like the Collatz conjecture, simplicity is deceptive!
 Oh, and the variable names? They are not simple single letter variables,
diff --git a/2015/yang/README.md b/2015/yang/README.md
index 0e2ebe181..489225330 100644
--- a/2015/yang/README.md
+++ b/2015/yang/README.md
@@ -28,7 +28,7 @@ The way the text is encoded in the output doesn't cease to amaze. Can you tell
 why an array of 512 elements is needed?
 
 NOTE: the author calls the program `Fuuko` and so the source file referred to in
-their remarks uses `fuuko.c`. The [Makefile](Makefile) will compile everything
+their remarks uses `fuuko.c`. The [Makefile](%%REPO_URL%%/2015/yang/Makefile) will compile everything
 so you need not worry about this.
 
 
diff --git a/2015/yang/index.html b/2015/yang/index.html
index 60f2c24f0..3e8c1a637 100644
--- a/2015/yang/index.html
+++ b/2015/yang/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -164,7 +330,7 @@ this entry uses to tell the 5 languages/flavors apart. Can you find all four?</p
 <p>The way the text is encoded in the output doesn’t cease to amaze. Can you tell
 why an array of 512 elements is needed?</p>
 <p>NOTE: the author calls the program <code>Fuuko</code> and so the source file referred to in
-their remarks uses <code>fuuko.c</code>. The <a href="Makefile">Makefile</a> will compile everything
+their remarks uses <code>fuuko.c</code>. The <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2015/yang/Makefile">Makefile</a> will compile everything
 so you need not worry about this.</p>
 <h2 id="authors-remarks">Author’s remarks:</h2>
 <p><code>Fuuko</code> is a <a href="https://en.wikipedia.org/wiki/Starfish">sea star</a> generator. Feed
diff --git a/2018/algmyr/README.md b/2018/algmyr/README.md
index d224e50ce..3f3a9e8ca 100644
--- a/2018/algmyr/README.md
+++ b/2018/algmyr/README.md
@@ -83,7 +83,7 @@ from hearing. But even without training you can easily read along with the
 printed characters and have the sound make sense with the look of the
 characters.
 
-See image [spoiler.png](spoilers.png) for an example spectrogram.
+See image [spoiler.png](%%REPO_URL%%/2018/algmyr/spoiler.png) for an example spectrogram.
 
 
 ### Limitations
diff --git a/2018/algmyr/index.html b/2018/algmyr/index.html
index 6462b70dd..8a4a9a013 100644
--- a/2018/algmyr/index.html
+++ b/2018/algmyr/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -199,7 +365,7 @@ could listen to a cacophony of chirpy characters.</p>
 from hearing. But even without training you can easily read along with the
 printed characters and have the sound make sense with the look of the
 characters.</p>
-<p>See image <a href="spoilers.png">spoiler.png</a> for an example spectrogram.</p>
+<p>See image <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2018/algmyr/spoiler.png">spoiler.png</a> for an example spectrogram.</p>
 <h3 id="limitations">Limitations</h3>
 <p>There is no error checking done when opening files, so expect segfaults if you
 provide the wrong path to a file.</p>
diff --git a/2018/anderson/README.md b/2018/anderson/README.md
index a9a8cefe3..71f753cf8 100644
--- a/2018/anderson/README.md
+++ b/2018/anderson/README.md
@@ -24,7 +24,7 @@ code](#alternate-code) below for more details.
 
 ## Alternate code:
 
-Compare [prog.c](prog.c) and [prog.alt.c](prog.alt.c) and find out why we had to
+Compare [prog.c](%%REPO_URL%%/2018/anderson/prog.c) and [prog.alt.c](%%REPO_URL%%/2018/anderson/prog.alt.c) and find out why we had to
 modify the entry, and what confused the author (see the author's remarks).  No,
 it was not the shape of the Roman V that we, or the compiler, didn't like.
 
diff --git a/2018/anderson/index.html b/2018/anderson/index.html
index 0e8968406..0ef24c714 100644
--- a/2018/anderson/index.html
+++ b/2018/anderson/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -161,7 +327,7 @@ code</a> below for more details.</p>
 <h2 id="try">Try:</h2>
 <pre><code>    ./try.sh</code></pre>
 <h2 id="alternate-code">Alternate code:</h2>
-<p>Compare <a href="prog.c">prog.c</a> and <a href="prog.alt.c">prog.alt.c</a> and find out why we had to
+<p>Compare <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2018/anderson/prog.c">prog.c</a> and <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2018/anderson/prog.alt.c">prog.alt.c</a> and find out why we had to
 modify the entry, and what confused the author (see the author’s remarks). No,
 it was not the shape of the Roman V that we, or the compiler, didn’t like.</p>
 <h3 id="alternate-build">Alternate build:</h3>
diff --git a/2018/bellard/README.md b/2018/bellard/README.md
index ab9eae83c..c96ca68a3 100644
--- a/2018/bellard/README.md
+++ b/2018/bellard/README.md
@@ -17,7 +17,7 @@ code](#alternate-code) below.
 
 ## Try:
 
-First open [Lenna.png](Lenna.png) in your graphics viewer of choice. Next, after
+First open [Lenna.png](%%REPO_URL%%/2018/bellard/Lenna.png) in your graphics viewer of choice. Next, after
 running the above command (`./prog > lena.ppm`), open `lena.ppm` in your
 graphics viewer of choice.  After that try:
 
@@ -32,13 +32,13 @@ compile and install netpbm for entries that require it?](../../faq.html#netpbm)
 [FAQ 3.16 - How do I compile and install libjpeg-turbo for entries that require
 it?](../../faq.html#libjpeg).
 
-NOTE: [Lenna.png](Lenna.png) is from
+NOTE: [Lenna.png](%%REPO_URL%%/2018/bellard/Lenna.png) is from
 <https://upload.wikimedia.org/wikipedia/en/7/7d/Lenna_%28test_image%29.png>.
 
 
 ## Alternate code:
 
-The [prog.alt.c](prog.alt.c) is based on the author's remarks and it should work
+The [prog.alt.c](%%REPO_URL%%/2018/bellard/prog.alt.c) is based on the author's remarks and it should work
 for Windows.
 
 
diff --git a/2018/bellard/index.html b/2018/bellard/index.html
index c6ccb1747..7434560e9 100644
--- a/2018/bellard/index.html
+++ b/2018/bellard/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -159,7 +325,7 @@ code</a> below.</p>
 <h2 id="to-use">To use:</h2>
 <pre><code>    ./prog &gt; lena.ppm</code></pre>
 <h2 id="try">Try:</h2>
-<p>First open <a href="Lenna.png">Lenna.png</a> in your graphics viewer of choice. Next, after
+<p>First open <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2018/bellard/Lenna.png">Lenna.png</a> in your graphics viewer of choice. Next, after
 running the above command (<code>./prog &gt; lena.ppm</code>), open <code>lena.ppm</code> in your
 graphics viewer of choice. After that try:</p>
 <pre><code>    ./try.sh</code></pre>
@@ -169,10 +335,10 @@ versions) and <code>pnmscale</code> come from the netpbm project and <code>cjpeg
 compile and install netpbm for entries that require it?</a> and
 <a href="../../faq.html#libjpeg">FAQ 3.16 - How do I compile and install libjpeg-turbo for entries that require
 it?</a>.</p>
-<p>NOTE: <a href="Lenna.png">Lenna.png</a> is from
+<p>NOTE: <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2018/bellard/Lenna.png">Lenna.png</a> is from
 <a href="https://upload.wikimedia.org/wikipedia/en/7/7d/Lenna_%28test_image%29.png" class="uri">https://upload.wikimedia.org/wikipedia/en/7/7d/Lenna_%28test_image%29.png</a>.</p>
 <h2 id="alternate-code">Alternate code:</h2>
-<p>The <a href="prog.alt.c">prog.alt.c</a> is based on the author’s remarks and it should work
+<p>The <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2018/bellard/prog.alt.c">prog.alt.c</a> is based on the author’s remarks and it should work
 for Windows.</p>
 <h3 id="alternate-build">Alternate build:</h3>
 <pre><code>    make alt</code></pre>
diff --git a/2018/burton1/README.md b/2018/burton1/README.md
index 568085944..3055470b9 100644
--- a/2018/burton1/README.md
+++ b/2018/burton1/README.md
@@ -24,7 +24,7 @@ code](#alternate-code) below.
 
 ## Alternate code:
 
-An alternate version of this entry, [prog.alt.c](prog.alt.c), is provided
+An alternate version of this entry, [prog.alt.c](%%REPO_URL%%/2018/burton1/prog.alt.c), is provided
 This alternate code was supposed to compile without warnings, however
 with modern compilers this is no longer the case so it will only cleanly compile
 with `-Wno-` options.
@@ -51,7 +51,7 @@ One line, one array, one loop and one statement but it prints many bytes. It won
 
 Feed this anything on `stdin`.
 
-The [included script.sh](scripthd.sh) may be used as a driver program for this entry.
+The [included script.sh](%%REPO_URL%%/2018/burton1/scripthd.sh) may be used as a driver program for this entry.
 It adds several nice-to-have features, and allows salt-to-taste customizability.
 
 This code has been compiled and tested on:
@@ -251,7 +251,7 @@ So which version is the shortest, portable hex dump?
 Clearly, the smallest possible program violates modern best practice.
 It is not even possible to compile cleanly, but it will compile correctly.
 
-Included is [prog.alt.c](prog.alt.c), a modern C implementation that is --
+Included is [prog.alt.c](%%REPO_URL%%/2018/burton1/prog.alt.c), a modern C implementation that is --
 perhaps -- the smallest, clean-compiling version using `clang` or `gcc` with
 `-Wall -pedantic`.  Note that while this is larger than all but the original
 attempt, it will *not* work with the original Ritchie PDP-11 C compiler, since
diff --git a/2018/burton1/index.html b/2018/burton1/index.html
index a35455719..2ce8cfc81 100644
--- a/2018/burton1/index.html
+++ b/2018/burton1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
@@ -161,7 +327,7 @@ code</a> below.</p>
 <h2 id="try">Try:</h2>
 <pre><code>    ./try.sh</code></pre>
 <h2 id="alternate-code">Alternate code:</h2>
-<p>An alternate version of this entry, <a href="prog.alt.c">prog.alt.c</a>, is provided
+<p>An alternate version of this entry, <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2018/burton1/prog.alt.c">prog.alt.c</a>, is provided
 This alternate code was supposed to compile without warnings, however
 with modern compilers this is no longer the case so it will only cleanly compile
 with <code>-Wno-</code> options.</p>
@@ -173,7 +339,7 @@ with <code>-Wno-</code> options.</p>
 <p>One line, one array, one loop and one statement but it prints many bytes. It won.</p>
 <h2 id="authors-remarks">Author’s remarks:</h2>
 <p>Feed this anything on <code>stdin</code>.</p>
-<p>The <a href="scripthd.sh">included script.sh</a> may be used as a driver program for this entry.
+<p>The <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2018/burton1/scripthd.sh">included script.sh</a> may be used as a driver program for this entry.
 It adds several nice-to-have features, and allows salt-to-taste customizability.</p>
 <p>This code has been compiled and tested on:</p>
 <ul>
@@ -325,7 +491,7 @@ and efficient expression.</p>
 <h3 id="coda">Coda:</h3>
 <p>Clearly, the smallest possible program violates modern best practice.
 It is not even possible to compile cleanly, but it will compile correctly.</p>
-<p>Included is <a href="prog.alt.c">prog.alt.c</a>, a modern C implementation that is –
+<p>Included is <a href="https://github.com/ioccc-src/temp-test-ioccc/blob/master/2018/burton1/prog.alt.c">prog.alt.c</a>, a modern C implementation that is –
 perhaps – the smallest, clean-compiling version using <code>clang</code> or <code>gcc</code> with
 <code>-Wall -pedantic</code>. Note that while this is larger than all but the original
 attempt, it will <em>not</em> work with the original Ritchie PDP-11 C compiler, since
diff --git a/2018/burton2/discrepancies.html b/2018/burton2/discrepancies.html
index fcc0d6636..6165b7e95 100644
--- a/2018/burton2/discrepancies.html
+++ b/2018/burton2/discrepancies.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2018/burton2/index.html b/2018/burton2/index.html
index b414c51e3..bd5f0da28 100644
--- a/2018/burton2/index.html
+++ b/2018/burton2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2018/ciura/index.html b/2018/ciura/index.html
index a375c943c..8b991e5ec 100644
--- a/2018/ciura/index.html
+++ b/2018/ciura/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2018/endoh1/index.html b/2018/endoh1/index.html
index a88dc03b7..7431489ad 100644
--- a/2018/endoh1/index.html
+++ b/2018/endoh1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2018/endoh2/index.html b/2018/endoh2/index.html
index f38e0591d..9b0d2c12a 100644
--- a/2018/endoh2/index.html
+++ b/2018/endoh2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2018/ferguson/index.html b/2018/ferguson/index.html
index d35c7d2f5..9185787b3 100644
--- a/2018/ferguson/index.html
+++ b/2018/ferguson/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2018/ferguson/rpm.html b/2018/ferguson/rpm.html
index 98b123710..f5ea73c55 100644
--- a/2018/ferguson/rpm.html
+++ b/2018/ferguson/rpm.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2018/giles/index.html b/2018/giles/index.html
index 50504a4e2..b3896d3d4 100644
--- a/2018/giles/index.html
+++ b/2018/giles/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2018/hou/index.html b/2018/hou/index.html
index 68b6bde4c..82ef49365 100644
--- a/2018/hou/index.html
+++ b/2018/hou/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2018/index.html b/2018/index.html
index 81ee66c08..f910c1385 100644
--- a/2018/index.html
+++ b/2018/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2018/mills/index.html b/2018/mills/index.html
index 7a8ce4563..4a754ca1f 100644
--- a/2018/mills/index.html
+++ b/2018/mills/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2018/poikola/index.html b/2018/poikola/index.html
index 4f7968b6a..6cf5a6e59 100644
--- a/2018/poikola/index.html
+++ b/2018/poikola/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2018/vokes/index.html b/2018/vokes/index.html
index 9951b01e9..dd355e151 100644
--- a/2018/vokes/index.html
+++ b/2018/vokes/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2018/yang/index.html b/2018/yang/index.html
index f8455995b..9a4202d87 100644
--- a/2018/yang/index.html
+++ b/2018/yang/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2019/adamovsky/index.html b/2019/adamovsky/index.html
index 2a344b3c3..50050fae0 100644
--- a/2019/adamovsky/index.html
+++ b/2019/adamovsky/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2019/burton/index.html b/2019/burton/index.html
index ded837dbe..503fd0ce2 100644
--- a/2019/burton/index.html
+++ b/2019/burton/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2019/ciura/index.html b/2019/ciura/index.html
index 3539e7eda..a50c4f36e 100644
--- a/2019/ciura/index.html
+++ b/2019/ciura/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2019/diels-grabsch1/index.html b/2019/diels-grabsch1/index.html
index f263a9146..e5ed87cf8 100644
--- a/2019/diels-grabsch1/index.html
+++ b/2019/diels-grabsch1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2019/diels-grabsch2/index.html b/2019/diels-grabsch2/index.html
index a777a76e8..41d1ef94e 100644
--- a/2019/diels-grabsch2/index.html
+++ b/2019/diels-grabsch2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2019/dogon/index.html b/2019/dogon/index.html
index ac10973b0..fe17467ee 100644
--- a/2019/dogon/index.html
+++ b/2019/dogon/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2019/duble/index.html b/2019/duble/index.html
index df7c7fdd9..4f725b1eb 100644
--- a/2019/duble/index.html
+++ b/2019/duble/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2019/endoh/index.html b/2019/endoh/index.html
index 06da63d51..d8b7e41a4 100644
--- a/2019/endoh/index.html
+++ b/2019/endoh/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2019/giles/index.html b/2019/giles/index.html
index d4538dede..3e3c7ea63 100644
--- a/2019/giles/index.html
+++ b/2019/giles/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2019/index.html b/2019/index.html
index e51cbebdd..7e97de626 100644
--- a/2019/index.html
+++ b/2019/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2019/karns/index.html b/2019/karns/index.html
index 0e1cc0f77..f7c8e953d 100644
--- a/2019/karns/index.html
+++ b/2019/karns/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2019/lynn/index.html b/2019/lynn/index.html
index 7e85f0382..9d5924eae 100644
--- a/2019/lynn/index.html
+++ b/2019/lynn/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2019/mills/index.html b/2019/mills/index.html
index efe3c4e8f..6ab611f61 100644
--- a/2019/mills/index.html
+++ b/2019/mills/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2019/poikola/index.html b/2019/poikola/index.html
index 8c4c81f38..783452a9b 100644
--- a/2019/poikola/index.html
+++ b/2019/poikola/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2019/yang/index.html b/2019/yang/index.html
index 83c2a7bb2..7b3c75bd4 100644
--- a/2019/yang/index.html
+++ b/2019/yang/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/burton/index.html b/2020/burton/index.html
index b3a9a355b..e8155cece 100644
--- a/2020/burton/index.html
+++ b/2020/burton/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/carlini/index.html b/2020/carlini/index.html
index a8de50881..ff0a9073e 100644
--- a/2020/carlini/index.html
+++ b/2020/carlini/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/endoh1/index.html b/2020/endoh1/index.html
index da2130cdb..7555ca36b 100644
--- a/2020/endoh1/index.html
+++ b/2020/endoh1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/endoh2/index.html b/2020/endoh2/index.html
index e6014b2fa..ad8183d18 100644
--- a/2020/endoh2/index.html
+++ b/2020/endoh2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/endoh2/spoiler/spoiler.html b/2020/endoh2/spoiler/spoiler.html
index b8a3427e2..814a1d80d 100644
--- a/2020/endoh2/spoiler/spoiler.html
+++ b/2020/endoh2/spoiler/spoiler.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/endoh3/index.html b/2020/endoh3/index.html
index cd92a5631..db6136c58 100644
--- a/2020/endoh3/index.html
+++ b/2020/endoh3/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/ferguson1/COMPILING.html b/2020/ferguson1/COMPILING.html
index f6e8c568f..2be604a90 100644
--- a/2020/ferguson1/COMPILING.html
+++ b/2020/ferguson1/COMPILING.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/ferguson1/HACKING.html b/2020/ferguson1/HACKING.html
index fd6a4ac2d..b84bac696 100644
--- a/2020/ferguson1/HACKING.html
+++ b/2020/ferguson1/HACKING.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/ferguson1/bugs.html b/2020/ferguson1/bugs.html
index 501b704d0..f2bebb9fe 100644
--- a/2020/ferguson1/bugs.html
+++ b/2020/ferguson1/bugs.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/ferguson1/cannibalism.log.html b/2020/ferguson1/cannibalism.log.html
index 5faa4c93f..f771c5a05 100644
--- a/2020/ferguson1/cannibalism.log.html
+++ b/2020/ferguson1/cannibalism.log.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/ferguson1/chocolate-cake.html b/2020/ferguson1/chocolate-cake.html
index 9025992c9..f032300a1 100644
--- a/2020/ferguson1/chocolate-cake.html
+++ b/2020/ferguson1/chocolate-cake.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/ferguson1/crazy.log.html b/2020/ferguson1/crazy.log.html
index abbec66e0..a03d71eac 100644
--- a/2020/ferguson1/crazy.log.html
+++ b/2020/ferguson1/crazy.log.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/ferguson1/gameplay.html b/2020/ferguson1/gameplay.html
index 89889570b..776f3bff7 100644
--- a/2020/ferguson1/gameplay.html
+++ b/2020/ferguson1/gameplay.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/ferguson1/index.html b/2020/ferguson1/index.html
index f9222fbe2..27ce4fa73 100644
--- a/2020/ferguson1/index.html
+++ b/2020/ferguson1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/ferguson1/spoilers.html b/2020/ferguson1/spoilers.html
index 6804771f4..269abf395 100644
--- a/2020/ferguson1/spoilers.html
+++ b/2020/ferguson1/spoilers.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/ferguson1/terminals.html b/2020/ferguson1/terminals.html
index f2e20949d..2fc53aec1 100644
--- a/2020/ferguson1/terminals.html
+++ b/2020/ferguson1/terminals.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/ferguson1/troubleshooting.html b/2020/ferguson1/troubleshooting.html
index 8a53b0d2f..a8617f8cf 100644
--- a/2020/ferguson1/troubleshooting.html
+++ b/2020/ferguson1/troubleshooting.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/ferguson2/index.html b/2020/ferguson2/index.html
index df0526db0..a447e1871 100644
--- a/2020/ferguson2/index.html
+++ b/2020/ferguson2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/ferguson2/obfuscation.html b/2020/ferguson2/obfuscation.html
index 914dc3e71..35980dd40 100644
--- a/2020/ferguson2/obfuscation.html
+++ b/2020/ferguson2/obfuscation.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/ferguson2/recode.html b/2020/ferguson2/recode.html
index 61efcfca6..82e008d22 100644
--- a/2020/ferguson2/recode.html
+++ b/2020/ferguson2/recode.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/giles/index.html b/2020/giles/index.html
index a530c6965..cb7894715 100644
--- a/2020/giles/index.html
+++ b/2020/giles/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/index.html b/2020/index.html
index e0ab904ae..c3e2275ec 100644
--- a/2020/index.html
+++ b/2020/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/kurdyukov1/index.html b/2020/kurdyukov1/index.html
index c64fe621a..f086a4591 100644
--- a/2020/kurdyukov1/index.html
+++ b/2020/kurdyukov1/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/kurdyukov2/index.html b/2020/kurdyukov2/index.html
index fe6613bb0..c241317af 100644
--- a/2020/kurdyukov2/index.html
+++ b/2020/kurdyukov2/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/kurdyukov3/index.html b/2020/kurdyukov3/index.html
index c820bb1a9..5c9aa37c3 100644
--- a/2020/kurdyukov3/index.html
+++ b/2020/kurdyukov3/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/kurdyukov4/index.html b/2020/kurdyukov4/index.html
index 736fa08c0..8e5ed8084 100644
--- a/2020/kurdyukov4/index.html
+++ b/2020/kurdyukov4/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/otterness/index.html b/2020/otterness/index.html
index 19ed90dfd..7fea57345 100644
--- a/2020/otterness/index.html
+++ b/2020/otterness/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/tsoj/index.html b/2020/tsoj/index.html
index 4c24d1647..561b0e865 100644
--- a/2020/tsoj/index.html
+++ b/2020/tsoj/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/2020/yang/index.html b/2020/yang/index.html
index 1b876b307..089c8f31b 100644
--- a/2020/yang/index.html
+++ b/2020/yang/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/CODE_OF_CONDUCT.html b/CODE_OF_CONDUCT.html
index acad86927..54acad282 100644
--- a/CODE_OF_CONDUCT.html
+++ b/CODE_OF_CONDUCT.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -106,8 +108,172 @@
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/README.html b/README.html
index 3bbc11084..43f0028e0 100644
--- a/README.html
+++ b/README.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -106,8 +108,172 @@
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/archive/historic/index.html b/archive/historic/index.html
index bcf92a14a..83f437f0f 100644
--- a/archive/historic/index.html
+++ b/archive/historic/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/authors.html b/authors.html
index 1f7c7a9d5..84bd2e849 100644
--- a/authors.html
+++ b/authors.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -106,8 +108,172 @@
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/bin/index.html b/bin/index.html
index 8c66da68d..cdb7a464f 100644
--- a/bin/index.html
+++ b/bin/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/bugs.html b/bugs.html
index 9da42e2ad..50b27ba1f 100644
--- a/bugs.html
+++ b/bugs.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -106,8 +108,172 @@
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/contact.html b/contact.html
index bf72c1518..51a7b1b9b 100644
--- a/contact.html
+++ b/contact.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -106,8 +108,172 @@
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/faq.html b/faq.html
index 2d96f1c58..00ce12a90 100644
--- a/faq.html
+++ b/faq.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -106,8 +108,172 @@
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/inc/index.html b/inc/index.html
index cfd2ff260..28da08b67 100644
--- a/inc/index.html
+++ b/inc/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/inc/topbar.default.html b/inc/topbar.default.html
index 40fc90c7b..1b9abda0d 100644
--- a/inc/topbar.default.html
+++ b/inc/topbar.default.html
@@ -7,6 +7,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -14,10 +16,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="%%DOCROOT_SLASH%%index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="%%DOCROOT_SLASH%%years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="%%DOCROOT_SLASH%%authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="%%DOCROOT_SLASH%%location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -27,11 +29,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="%%DOCROOT_SLASH%%news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="%%DOCROOT_SLASH%%status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="%%DOCROOT_SLASH%%next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="%%DOCROOT_SLASH%%faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="%%DOCROOT_SLASH%%faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -41,11 +43,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="%%DOCROOT_SLASH%%bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="%%DOCROOT_SLASH%%faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="%%DOCROOT_SLASH%%faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="%%DOCROOT_SLASH%%faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="%%DOCROOT_SLASH%%thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -55,13 +57,177 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="%%DOCROOT_SLASH%%judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="%%DOCROOT_SLASH%%contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
diff --git a/index.html b/index.html
index 04703374b..43919ffc4 100644
--- a/index.html
+++ b/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -106,8 +108,172 @@
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/ioccc.css b/ioccc.css
index 94e40239e..a06a21450 100644
--- a/ioccc.css
+++ b/ioccc.css
@@ -657,6 +657,111 @@ a:active {
 
 /* Responsive Web Design ========================================================================== */
 
+/*
+ * Topbar CSS
+ */
+
+/* Mobile menu section */
+@media screen and (max-width: 1024px) {
+  .topbar-items {
+    display: none;
+  }
+}
+
+.header-mobile-menu {
+  display: none;
+}
+
+@media screen and (max-width: 1024px) {
+  .header-mobile-menu {
+    display: block;
+  }
+}
+
+.mobile-header-button-label {
+  display: none;
+}
+
+@media screen and (max-width: 1024px) {
+  .mobile-header-button-label {
+    display: block;
+    position: absolute;
+    right: 64px;
+    color: #154c9f;
+    font-size: 16px;
+    font-weight: bold;
+    font-family: "Outfit", sans-serif;
+    font-optical-sizing: auto;
+    text-transform: capitalize;
+  }
+}
+
+.topbar-mobile-menu {
+  position: absolute;
+  right: 10px;
+  top: 20px;
+  height: 48px;
+  width: 48px;
+  border-color: #154c9f;
+  border-width: 0.5px;
+}
+
+.hide-content {
+  display: none;
+}
+
+.topbar-mobile-panel {
+  background-color: #f5f5f5;
+  width: 100%;
+  height: 100vh;
+  position: relative;
+}
+
+.mobile-menu-item {
+  font-family: "Outfit", sans-serif;
+  font-optical-sizing: auto;
+  font-size: 18px;
+  font-weight: 700;
+  color: #154c9f;
+}
+
+.mobile-submenu-item {
+  font-family: "Outfit", sans-serif;
+  font-optical-sizing: auto;
+  font-size: 16px;
+  font-weight: 500;
+  color: #154c9f !important;
+  width: fit-content;
+}
+
+.mobile-menu-container {
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+  padding: 16px;
+}
+
+.mobile-menu-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.mobile-submenu-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding-left: 16px;
+}
+
+.mobile-menu-icon {
+  color: #154c9f;
+  width: 24px;
+  height: 24px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
 /* Default: screen is > 968 pixels wide (> 984 w/padding) */
 
 /*
diff --git a/judges.html b/judges.html
index be0aef98c..a62be7d9d 100644
--- a/judges.html
+++ b/judges.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -106,8 +108,172 @@
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/license.html b/license.html
index 5d66b4c03..929de204f 100644
--- a/license.html
+++ b/license.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -106,8 +108,172 @@
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/location.html b/location.html
index 467d40bfe..0a0b5e522 100644
--- a/location.html
+++ b/location.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -106,8 +108,172 @@
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/markdown.html b/markdown.html
index 77500b4df..4525eba95 100644
--- a/markdown.html
+++ b/markdown.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -106,8 +108,172 @@
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/news.html b/news.html
index 33732daac..13ad05561 100644
--- a/news.html
+++ b/news.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -106,8 +108,172 @@
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/next/guidelines.html b/next/guidelines.html
index 9c50b0daa..629a56de4 100644
--- a/next/guidelines.html
+++ b/next/guidelines.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/next/index.html b/next/index.html
index 852a0733a..99827593c 100644
--- a/next/index.html
+++ b/next/index.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/next/rules.html b/next/rules.html
index 3bf08ccd1..0719c9d87 100644
--- a/next/rules.html
+++ b/next/rules.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -58,10 +60,10 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../index.html">IOCCC Home</a></div>
-            <div class="outfit-font"><a href="../years.html">Winning Entries</a></div>
-            <div class="outfit-font"><a href="../authors.html">People who have won</a></div>
-            <div class="outfit-font"><a href="../location.html">Location of authors</a></div>
+            <div class="outfit-font"><a href="./index.html">IOCCC Home</a></div>
+            <div class="outfit-font"><a href="./years.html">Winning Entries</a></div>
+            <div class="outfit-font"><a href="./authors.html">People who have won</a></div>
+            <div class="outfit-font"><a href="./location.html">Location of authors</a></div>
           </div>
         </div>
 
@@ -71,11 +73,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../news.html">IOCCC News</a></div>
-            <div class="outfit-font"><a href="../status.html">Contest status</a></div>
-            <div class="outfit-font"><a href="../next/index.html">Rules and Guidelines</a></div>
-            <div class="outfit-font"><a href="../faq.html#submit">How to enter the IOCCC</a></div>
-            <div class="outfit-font"><a href="../faq.html">FAQ</a></div>
+            <div class="outfit-font"><a href="./news.html">IOCCC News</a></div>
+            <div class="outfit-font"><a href="./status.html">Contest status</a></div>
+            <div class="outfit-font"><a href="./next/index.html">Rules and Guidelines</a></div>
+            <div class="outfit-font"><a href="./faq.html#submit">How to enter the IOCCC</a></div>
+            <div class="outfit-font"><a href="./faq.html">FAQ</a></div>
           </div>
         </div>
 
@@ -85,11 +87,11 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../bugs.html">Bugs &amp; (mis)features</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_web_site">Fixing the web site</a></div>
-            <div class="outfit-font"><a href="../faq.html#fix_author">Fixing author info</a></div>
-            <div class="outfit-font"><a href="../thanks-for-help.html">Thanks for the help</a></div>
+            <div class="outfit-font"><a href="./bugs.html">Bugs &amp; (mis)features</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_web_site">Fixing the web site</a></div>
+            <div class="outfit-font"><a href="./faq.html#fix_author">Fixing author info</a></div>
+            <div class="outfit-font"><a href="./thanks-for-help.html">Thanks for the help</a></div>
           </div>
         </div>
 
@@ -99,15 +101,179 @@
           </span>
 
           <div class="sub-item">
-            <div class="outfit-font"><a href="../judges.html">The IOCCC Judges</a></div>
-            <div class="outfit-font"><a href="../contact.html">Contacting the IOCCC</a></div>
+            <div class="outfit-font"><a href="./judges.html">The IOCCC Judges</a></div>
+            <div class="outfit-font"><a href="./contact.html">Contacting the IOCCC</a></div>
           </div>
         </div>
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/sitemap.xml b/sitemap.xml
index 3f37f9c62..5450ae905 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -34,7 +34,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1984/anonymous/index.html</loc>
-    <lastmod>2024-04-19T08:14:17+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:48+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1984/anonymous/Makefile</loc>
@@ -46,7 +46,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1984/anonymous/README.md</loc>
-    <lastmod>2024-04-17T06:11:52+00:00</lastmod>
+    <lastmod>2024-04-21T23:21:23+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1984/decot/1984_decot.tar.bz2</loc>
@@ -74,7 +74,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1984/decot/index.html</loc>
-    <lastmod>2024-04-19T08:14:17+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:49+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1984/decot/Makefile</loc>
@@ -94,7 +94,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1984/index.html</loc>
-    <lastmod>2024-04-19T08:13:52+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:19+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1984/laman/1984_laman.tar.bz2</loc>
@@ -110,7 +110,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1984/laman/index.html</loc>
-    <lastmod>2024-04-19T08:14:18+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:49+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1984/laman/laman.c</loc>
@@ -130,7 +130,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1984/laman/README.md</loc>
-    <lastmod>2024-04-14T18:11:41+00:00</lastmod>
+    <lastmod>2024-04-22T00:46:23+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1984/laman/try.sh</loc>
@@ -162,7 +162,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1984/mullender/index.html</loc>
-    <lastmod>2024-04-19T08:14:19+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:50+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1984/mullender/Makefile</loc>
@@ -226,7 +226,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1985/applin/index.html</loc>
-    <lastmod>2024-04-19T08:14:19+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:51+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1985/applin/Makefile</loc>
@@ -262,7 +262,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1985/august/index.html</loc>
-    <lastmod>2024-04-19T08:14:20+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:51+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1985/august/Makefile</loc>
@@ -278,7 +278,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1985/august/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:01:23+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1985/august/try.sh</loc>
@@ -290,7 +290,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1985/index.html</loc>
-    <lastmod>2024-04-19T08:13:53+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:20+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1985/lycklama/1985_lycklama.tar.bz2</loc>
@@ -306,7 +306,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1985/lycklama/index.html</loc>
-    <lastmod>2024-04-19T08:14:20+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:52+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1985/lycklama/lycklama.alt.c</loc>
@@ -362,7 +362,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1985/shapiro/index.html</loc>
-    <lastmod>2024-04-19T08:14:21+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:52+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1985/shapiro/Makefile</loc>
@@ -406,7 +406,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1985/sicherman/index.html</loc>
-    <lastmod>2024-04-19T08:14:21+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:53+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1985/sicherman/Makefile</loc>
@@ -418,7 +418,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1985/sicherman/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:02:32+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1985/sicherman/sicherman.alt.c</loc>
@@ -470,7 +470,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/applin/index.html</loc>
-    <lastmod>2024-04-19T08:14:22+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/applin/Makefile</loc>
@@ -506,7 +506,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/august/index.html</loc>
-    <lastmod>2024-04-19T08:14:22+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/august/Makefile</loc>
@@ -542,7 +542,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/bright/index.html</loc>
-    <lastmod>2024-04-19T08:14:23+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:55+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/bright/Makefile</loc>
@@ -562,7 +562,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/.filelist</loc>
-    <lastmod>2024-03-27T23:24:08+00:00</lastmod>
+    <lastmod>2024-04-21T23:30:35+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/hague/1986_hague.tar.bz2</loc>
@@ -586,7 +586,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/hague/index.html</loc>
-    <lastmod>2024-04-19T08:14:23+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:55+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/hague/input.txt</loc>
@@ -630,7 +630,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/holloway/index.html</loc>
-    <lastmod>2024-04-19T08:14:24+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:56+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/holloway/Makefile</loc>
@@ -646,7 +646,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/index.html</loc>
-    <lastmod>2024-04-19T08:13:53+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:20+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/Makefile</loc>
@@ -658,11 +658,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/marshall/compilers.html</loc>
-    <lastmod>2024-04-19T08:36:17+00:00</lastmod>
+    <lastmod>2024-04-22T22:02:04+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/marshall/compilers.md</loc>
-    <lastmod>2024-04-19T08:33:42+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/marshall/.entry.json</loc>
@@ -674,7 +674,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/marshall/index.html</loc>
-    <lastmod>2024-04-19T08:14:24+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:56+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/marshall/Makefile</loc>
@@ -714,7 +714,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/pawka/index.html</loc>
-    <lastmod>2024-04-19T08:14:25+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:57+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/pawka/Makefile</loc>
@@ -758,7 +758,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/stein/index.html</loc>
-    <lastmod>2024-04-19T08:14:25+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:58+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/stein/Makefile</loc>
@@ -798,7 +798,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/wall/index.html</loc>
-    <lastmod>2024-04-19T08:14:26+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:58+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1986/wall/Makefile</loc>
@@ -850,7 +850,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/biggar/index.html</loc>
-    <lastmod>2024-04-19T08:14:26+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:59+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/biggar/Makefile</loc>
@@ -894,7 +894,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/heckbert/index.html</loc>
-    <lastmod>2024-04-19T08:14:27+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:59+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/heckbert/Makefile</loc>
@@ -906,7 +906,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/heckbert/README.md</loc>
-    <lastmod>2024-04-17T06:16:39+00:00</lastmod>
+    <lastmod>2024-04-22T01:11:29+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/heckbert/try.sh</loc>
@@ -942,7 +942,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/hines/index.html</loc>
-    <lastmod>2024-04-19T08:14:27+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:00+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/hines/Makefile</loc>
@@ -962,7 +962,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/index.html</loc>
-    <lastmod>2024-04-19T08:13:54+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:20+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/korn/1987_korn.tar.bz2</loc>
@@ -978,7 +978,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/korn/index.html</loc>
-    <lastmod>2024-04-19T08:14:28+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:00+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/korn/korn.c</loc>
@@ -1014,7 +1014,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/lievaart/index.html</loc>
-    <lastmod>2024-04-19T08:14:28+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:01+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/lievaart/lievaart2.c</loc>
@@ -1038,7 +1038,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/lievaart/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:04:05+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/Makefile</loc>
@@ -1066,7 +1066,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/wall/index.html</loc>
-    <lastmod>2024-04-19T08:14:29+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:02+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/wall/Makefile</loc>
@@ -1106,7 +1106,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/westley/index.html</loc>
-    <lastmod>2024-04-19T08:14:29+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:02+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1987/westley/Makefile</loc>
@@ -1162,7 +1162,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/applin/index.html</loc>
-    <lastmod>2024-04-19T08:14:30+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:03+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/applin/Makefile</loc>
@@ -1174,7 +1174,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/applin/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:06:20+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/dale/1988_dale.tar.bz2</loc>
@@ -1198,7 +1198,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/dale/index.html</loc>
-    <lastmod>2024-04-19T08:14:30+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:03+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/dale/Makefile</loc>
@@ -1222,7 +1222,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/index.html</loc>
-    <lastmod>2024-04-19T08:13:54+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:21+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/isaak/1988_isaak.tar.bz2</loc>
@@ -1238,7 +1238,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/isaak/index.html</loc>
-    <lastmod>2024-04-19T08:14:31+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:04+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/isaak/isaak.alt.c</loc>
@@ -1266,7 +1266,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/isaak/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:07:24+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/litmaath/1988_litmaath.tar.bz2</loc>
@@ -1282,7 +1282,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/litmaath/index.html</loc>
-    <lastmod>2024-04-19T08:14:31+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:04+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/litmaath/litmaath.alt.c</loc>
@@ -1306,7 +1306,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/litmaath/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T01:18:02+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/Makefile</loc>
@@ -1326,7 +1326,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/phillipps/index.html</loc>
-    <lastmod>2024-04-19T08:14:32+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:05+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/phillipps/Makefile</loc>
@@ -1366,7 +1366,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/reddy/index.html</loc>
-    <lastmod>2024-04-19T08:14:32+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:06+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/reddy/Makefile</loc>
@@ -1402,7 +1402,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/robison/index.html</loc>
-    <lastmod>2024-04-19T08:14:33+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:06+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/robison/Makefile</loc>
@@ -1442,7 +1442,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/spinellis/index.html</loc>
-    <lastmod>2024-04-19T08:14:33+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:07+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/spinellis/input2.txt</loc>
@@ -1490,7 +1490,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/westley/index.html</loc>
-    <lastmod>2024-04-19T08:14:34+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:07+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/westley/Makefile</loc>
@@ -1502,7 +1502,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/westley/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:08:06+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1988/westley/try.sh</loc>
@@ -1558,7 +1558,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/fubar/index.html</loc>
-    <lastmod>2024-04-19T08:14:34+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:08+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/fubar/Makefile</loc>
@@ -1578,7 +1578,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/index.html</loc>
-    <lastmod>2024-04-19T08:13:54+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:21+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/jar.1/1989_jar.1.tar.bz2</loc>
@@ -1594,7 +1594,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/jar.1/index.html</loc>
-    <lastmod>2024-04-19T08:14:35+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:08+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/jar.1/jar.1.alt.c</loc>
@@ -1650,7 +1650,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/jar.2/index.html</loc>
-    <lastmod>2024-04-19T08:14:35+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:09+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/jar.2/jar.2.c</loc>
@@ -1698,7 +1698,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/ovdluhe/index.html</loc>
-    <lastmod>2024-04-19T08:14:36+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:10+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/ovdluhe/Makefile</loc>
@@ -1746,7 +1746,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/paul/index.html</loc>
-    <lastmod>2024-04-19T08:14:36+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:10+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/paul/Makefile</loc>
@@ -1790,7 +1790,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/robison/index.html</loc>
-    <lastmod>2024-04-19T08:14:37+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:11+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/robison/Makefile</loc>
@@ -1830,7 +1830,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/roemer/index.html</loc>
-    <lastmod>2024-04-19T08:14:37+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:11+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/roemer/Makefile</loc>
@@ -1870,7 +1870,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/tromp/index.html</loc>
-    <lastmod>2024-04-19T08:14:38+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:12+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/tromp/Makefile</loc>
@@ -1910,7 +1910,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/vanb/index.html</loc>
-    <lastmod>2024-04-19T08:14:38+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:13+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/vanb/Makefile</loc>
@@ -1954,7 +1954,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/westley/index.html</loc>
-    <lastmod>2024-04-19T08:14:39+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:13+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1989/westley/Makefile</loc>
@@ -2014,7 +2014,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/baruch/index.html</loc>
-    <lastmod>2024-04-19T08:14:39+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:14+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/baruch/Makefile</loc>
@@ -2054,7 +2054,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/cmills/index.html</loc>
-    <lastmod>2024-04-19T08:14:40+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:14+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/cmills/Makefile</loc>
@@ -2090,7 +2090,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/dds/index.html</loc>
-    <lastmod>2024-04-19T08:14:40+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:15+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/dds/LANDER.BAS</loc>
@@ -2130,7 +2130,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/dg/index.html</loc>
-    <lastmod>2024-04-19T08:14:41+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:16+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/dg/Makefile</loc>
@@ -2158,7 +2158,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/index.html</loc>
-    <lastmod>2024-04-19T08:13:55+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:22+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/jaw/1990_jaw.tar.bz2</loc>
@@ -2178,7 +2178,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/jaw/index.html</loc>
-    <lastmod>2024-04-19T08:14:41+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:16+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/jaw/jaw.c</loc>
@@ -2198,7 +2198,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/jaw/README.md</loc>
-    <lastmod>2024-04-17T07:29:55+00:00</lastmod>
+    <lastmod>2024-04-22T09:09:40+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/jaw/shark.sh</loc>
@@ -2226,7 +2226,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/pjr/index.html</loc>
-    <lastmod>2024-04-19T08:14:42+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:17+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/pjr/Makefile</loc>
@@ -2254,7 +2254,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T00:03:17+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/rules.txt</loc>
@@ -2274,7 +2274,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/scjones/index.html</loc>
-    <lastmod>2024-04-19T08:14:42+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:17+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/scjones/Makefile</loc>
@@ -2314,7 +2314,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/stig/index.html</loc>
-    <lastmod>2024-04-19T08:14:43+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:18+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/stig/Makefile</loc>
@@ -2326,7 +2326,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/stig/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:10:03+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/stig/stig.c</loc>
@@ -2354,7 +2354,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/tbr/index.html</loc>
-    <lastmod>2024-04-19T08:14:43+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:19+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/tbr/Makefile</loc>
@@ -2394,7 +2394,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/theorem/index.html</loc>
-    <lastmod>2024-04-19T08:14:44+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:19+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/theorem/Makefile</loc>
@@ -2406,7 +2406,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/theorem/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:10:46+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/theorem/theorem.c</loc>
@@ -2434,7 +2434,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/westley/index.html</loc>
-    <lastmod>2024-04-19T08:14:44+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:20+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1990/westley/Makefile</loc>
@@ -2498,7 +2498,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/ant/index.html</loc>
-    <lastmod>2024-04-19T08:14:45+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:20+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/ant/Makefile</loc>
@@ -2534,7 +2534,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/brnstnd/index.html</loc>
-    <lastmod>2024-04-19T08:14:45+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:21+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/brnstnd/Makefile</loc>
@@ -2602,11 +2602,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/brnstnd/sorta.README.html</loc>
-    <lastmod>2024-04-19T08:14:04+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:33+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/brnstnd/sorta.README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T04:15:09+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/brnstnd/try.sh</loc>
@@ -2642,7 +2642,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/buzzard/index.html</loc>
-    <lastmod>2024-04-19T08:14:46+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:21+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/buzzard/Makefile</loc>
@@ -2678,7 +2678,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/cdupont/index.html</loc>
-    <lastmod>2024-04-19T08:14:46+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:22+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/cdupont/Makefile</loc>
@@ -2714,7 +2714,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/davidguy/index.html</loc>
-    <lastmod>2024-04-19T08:14:47+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:23+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/davidguy/Makefile</loc>
@@ -2750,7 +2750,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/dds/index.html</loc>
-    <lastmod>2024-04-19T08:14:47+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:23+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/dds/LANDER.BAS</loc>
@@ -2766,7 +2766,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/dds/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:11:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/.filelist</loc>
@@ -2794,7 +2794,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/fine/index.html</loc>
-    <lastmod>2024-04-19T08:14:48+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:24+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/fine/Makefile</loc>
@@ -2814,7 +2814,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/index.html</loc>
-    <lastmod>2024-04-19T08:13:55+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:22+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/Makefile</loc>
@@ -2838,7 +2838,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/rince/index.html</loc>
-    <lastmod>2024-04-19T08:14:48+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:24+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/rince/Makefile</loc>
@@ -2850,7 +2850,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/rince/README.md</loc>
-    <lastmod>2024-04-17T07:14:33+00:00</lastmod>
+    <lastmod>2024-04-22T09:12:30+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/rince/rince.alt2.c</loc>
@@ -2886,7 +2886,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/westley/index.html</loc>
-    <lastmod>2024-04-19T08:14:49+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:25+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/westley/Makefile</loc>
@@ -2898,7 +2898,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/westley/README.md</loc>
-    <lastmod>2024-04-17T07:22:47+00:00</lastmod>
+    <lastmod>2024-04-22T09:13:15+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1991/westley/ttt.alt.sh</loc>
@@ -2978,7 +2978,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/adrian/index.html</loc>
-    <lastmod>2024-04-19T08:14:49+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:26+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/adrian/Makefile</loc>
@@ -3022,7 +3022,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/albert/index.html</loc>
-    <lastmod>2024-04-19T08:14:50+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:26+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/albert/Makefile</loc>
@@ -3034,7 +3034,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/albert/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:14:09+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/albert/try.alt.sh</loc>
@@ -3057,7 +3057,7 @@
     <lastmod>2024-03-23T07:10:35+00:00</lastmod>
 </url>
 <url>
-    <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/ant/ant.README</loc>
+    <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/ant/ant.README.txt</loc>
     <lastmod>2024-03-23T07:10:35+00:00</lastmod>
 </url>
 <url>
@@ -3066,7 +3066,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/ant/.entry.json</loc>
-    <lastmod>2024-04-16T18:02:21+00:00</lastmod>
+    <lastmod>2024-04-22T09:15:38+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/ant/.gitignore</loc>
@@ -3074,7 +3074,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/ant/index.html</loc>
-    <lastmod>2024-04-19T08:14:50+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:27+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/ant/Makefile</loc>
@@ -3086,7 +3086,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/ant/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:17:50+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/ant/try.sh</loc>
@@ -3114,7 +3114,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/buzzard.1/index.html</loc>
-    <lastmod>2024-04-19T08:14:51+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:27+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/buzzard.1/Makefile</loc>
@@ -3126,7 +3126,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/buzzard.1/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T02:30:11+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/buzzard.1/try.sh</loc>
@@ -3146,11 +3146,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/buzzard.2/buzzard.2.design.html</loc>
-    <lastmod>2024-04-19T08:14:04+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:33+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/buzzard.2/buzzard.2.design.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T03:59:39+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/buzzard.2/buzzard.2.orig.c</loc>
@@ -3158,11 +3158,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/buzzard.2/buzzard.2.README.html</loc>
-    <lastmod>2024-04-21T06:04:43+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:33+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/buzzard.2/buzzard.2.README.md</loc>
-    <lastmod>2024-04-21T06:04:40+00:00</lastmod>
+    <lastmod>2024-04-22T03:58:39+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/buzzard.2/demo1.1st</loc>
@@ -3206,7 +3206,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/buzzard.2/index.html</loc>
-    <lastmod>2024-04-19T08:14:51+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:28+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/buzzard.2/Makefile</loc>
@@ -3218,7 +3218,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/buzzard.2/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:19:29+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/buzzard.2/third</loc>
@@ -3262,7 +3262,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/gson/index.html</loc>
-    <lastmod>2024-04-19T08:14:52+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:29+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/gson/Makefile</loc>
@@ -3278,7 +3278,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/gson/README.md</loc>
-    <lastmod>2024-04-19T00:43:43+00:00</lastmod>
+    <lastmod>2024-04-22T09:20:24+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/gson/try.sh</loc>
@@ -3310,7 +3310,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/imc/index.html</loc>
-    <lastmod>2024-04-19T08:14:53+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:29+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/imc/Makefile</loc>
@@ -3322,7 +3322,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/imc/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:20:45+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/imc/try.sh</loc>
@@ -3330,7 +3330,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/index.html</loc>
-    <lastmod>2024-04-19T08:13:56+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:23+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/kivinen/1992_kivinen.tar.bz2</loc>
@@ -3346,7 +3346,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/kivinen/index.html</loc>
-    <lastmod>2024-04-19T08:14:53+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:30+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/kivinen/kivinen.alt.c</loc>
@@ -3370,7 +3370,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/kivinen/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:21:07+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/lush/1992_lush.tar.bz2</loc>
@@ -3386,7 +3386,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/lush/index.html</loc>
-    <lastmod>2024-04-19T08:14:54+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:30+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/lush/lush.c</loc>
@@ -3430,7 +3430,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/marangon/index.html</loc>
-    <lastmod>2024-04-19T08:14:54+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:31+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/marangon/Makefile</loc>
@@ -3450,7 +3450,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/marangon/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:21:24+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/mkentry.c</loc>
@@ -3470,7 +3470,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/nathan/index.html</loc>
-    <lastmod>2024-04-19T08:14:55+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:32+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/nathan/Makefile</loc>
@@ -3518,7 +3518,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/vern/index.html</loc>
-    <lastmod>2024-04-19T08:14:55+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:32+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/vern/Makefile</loc>
@@ -3554,7 +3554,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/westley/index.html</loc>
-    <lastmod>2024-04-19T08:14:56+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:33+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/westley/Makefile</loc>
@@ -3566,7 +3566,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/westley/README.md</loc>
-    <lastmod>2024-04-17T07:06:30+00:00</lastmod>
+    <lastmod>2024-04-22T09:22:04+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1992/westley/try.sh</loc>
@@ -3642,7 +3642,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/ant/index.html</loc>
-    <lastmod>2024-04-19T08:14:56+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:33+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/ant/Makefile</loc>
@@ -3686,7 +3686,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/cmills/index.html</loc>
-    <lastmod>2024-04-19T08:14:57+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:34+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/cmills/Makefile</loc>
@@ -3746,7 +3746,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/dgibson/index.html</loc>
-    <lastmod>2024-04-19T08:14:57+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:34+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/dgibson/Makefile</loc>
@@ -3758,7 +3758,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/dgibson/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T02:39:34+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/dgibson/try.sh</loc>
@@ -3786,15 +3786,15 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/ejb/hanoi.html</loc>
-    <lastmod>2024-04-19T08:14:05+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:34+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/ejb/hanoi.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T04:00:28+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/ejb/index.html</loc>
-    <lastmod>2024-04-19T08:14:58+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:35+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/ejb/Makefile</loc>
@@ -3806,11 +3806,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/ejb/patience.html</loc>
-    <lastmod>2024-04-19T08:14:05+00:00</lastmod>
+    <lastmod>2024-04-22T22:02:05+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/ejb/patience.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/ejb/README.md</loc>
@@ -3834,7 +3834,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/index.html</loc>
-    <lastmod>2024-04-19T08:13:56+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:23+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/jonth/1993_jonth.tar.bz2</loc>
@@ -3850,7 +3850,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/jonth/index.html</loc>
-    <lastmod>2024-04-19T08:14:58+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:36+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/jonth/jonth.c</loc>
@@ -3886,7 +3886,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/leo/index.html</loc>
-    <lastmod>2024-04-19T08:14:59+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:36+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/leo/leo.c</loc>
@@ -3906,7 +3906,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/leo/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T02:43:58+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/lmfjyh/1993_lmfjyh.tar.bz2</loc>
@@ -3922,7 +3922,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/lmfjyh/index.html</loc>
-    <lastmod>2024-04-19T08:14:59+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:37+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/lmfjyh/lmfjyh.alt.c</loc>
@@ -3970,7 +3970,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/plummer/index.html</loc>
-    <lastmod>2024-04-19T08:15:00+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:37+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/plummer/Makefile</loc>
@@ -4014,11 +4014,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/rince/design.html</loc>
-    <lastmod>2024-04-19T08:14:05+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:34+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/rince/design.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T04:00:33+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/rince/.entry.json</loc>
@@ -4030,7 +4030,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/rince/index.html</loc>
-    <lastmod>2024-04-19T08:15:00+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:38+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/rince/Makefile</loc>
@@ -4042,7 +4042,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/rince/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:24:12+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/rince/rince.alt2.c</loc>
@@ -4094,7 +4094,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/schnitzi/index.html</loc>
-    <lastmod>2024-04-19T08:15:01+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:39+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/schnitzi/Makefile</loc>
@@ -4106,7 +4106,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/schnitzi/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:24:37+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/schnitzi/schnitzi.c</loc>
@@ -4134,7 +4134,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/vanb/index.html</loc>
-    <lastmod>2024-04-19T08:15:01+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:39+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/vanb/Makefile</loc>
@@ -4146,7 +4146,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/vanb/README.md</loc>
-    <lastmod>2024-04-17T07:00:58+00:00</lastmod>
+    <lastmod>2024-04-22T03:26:16+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1993/vanb/try.sh</loc>
@@ -4194,7 +4194,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/dodsond1/index.html</loc>
-    <lastmod>2024-04-19T08:15:02+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:40+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/dodsond1/Makefile</loc>
@@ -4238,7 +4238,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/dodsond2/index.html</loc>
-    <lastmod>2024-04-19T08:15:02+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:41+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/dodsond2/Makefile</loc>
@@ -4250,7 +4250,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/dodsond2/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:25:10+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/.filelist</loc>
@@ -4298,7 +4298,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/horton/index.html</loc>
-    <lastmod>2024-04-19T08:15:03+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:41+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/horton/login_sept92-pp28-31.pdf</loc>
@@ -4314,7 +4314,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/horton/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:25:43+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/horton/try.alt.sh</loc>
@@ -4346,7 +4346,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/imc/index.html</loc>
-    <lastmod>2024-04-19T08:15:03+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:42+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/imc/Makefile</loc>
@@ -4366,7 +4366,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/index.html</loc>
-    <lastmod>2024-04-19T08:13:56+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:24+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/ldb/1994_ldb.tar.bz2</loc>
@@ -4382,7 +4382,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/ldb/index.html</loc>
-    <lastmod>2024-04-19T08:15:04+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:42+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/ldb/ldb.c</loc>
@@ -4438,7 +4438,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/schnitzi/index.html</loc>
-    <lastmod>2024-04-19T08:15:04+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:43+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/schnitzi/Makefile</loc>
@@ -4494,7 +4494,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/shapiro/index.html</loc>
-    <lastmod>2024-04-19T08:15:05+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:44+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/shapiro/Makefile</loc>
@@ -4514,11 +4514,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/shapiro/shapiro.html</loc>
-    <lastmod>2024-04-19T08:14:05+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:35+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/shapiro/shapiro.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T04:18:30+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/shapiro/shapiro.orig.c</loc>
@@ -4538,7 +4538,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/smr/index.html</loc>
-    <lastmod>2024-04-19T08:15:05+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:44+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/smr/Makefile</loc>
@@ -4550,7 +4550,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/smr/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:26:26+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/smr/smr.c</loc>
@@ -4578,7 +4578,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/tvr/index.html</loc>
-    <lastmod>2024-04-19T08:15:06+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:45+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/tvr/Makefile</loc>
@@ -4590,7 +4590,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/tvr/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T07:24:18+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/tvr/try.alt.bw.sh</loc>
@@ -4642,7 +4642,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/weisberg/index.html</loc>
-    <lastmod>2024-04-19T08:15:06+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:45+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/weisberg/Makefile</loc>
@@ -4658,7 +4658,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/weisberg/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:26:43+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/weisberg/try.sh</loc>
@@ -4686,7 +4686,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/westley/index.html</loc>
-    <lastmod>2024-04-19T08:15:07+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:46+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/westley/Makefile</loc>
@@ -4698,7 +4698,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/westley/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:27:24+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1994/westley/try.alt.sh</loc>
@@ -4754,7 +4754,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/cdua/index.html</loc>
-    <lastmod>2024-04-19T08:15:07+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:47+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/cdua/Makefile</loc>
@@ -4790,7 +4790,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/dodsond1/index.html</loc>
-    <lastmod>2024-04-19T08:15:08+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:47+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/dodsond1/Makefile</loc>
@@ -4834,7 +4834,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/dodsond2/index.html</loc>
-    <lastmod>2024-04-19T08:15:08+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:48+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/dodsond2/Makefile</loc>
@@ -4878,7 +4878,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/esde/index.html</loc>
-    <lastmod>2024-04-19T08:15:09+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:48+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/esde/Makefile</loc>
@@ -4934,7 +4934,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/garry/index.html</loc>
-    <lastmod>2024-04-19T08:15:09+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:49+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/garry/Makefile</loc>
@@ -4946,7 +4946,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/garry/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:27:49+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/garry/try.alt.sh</loc>
@@ -4986,7 +4986,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/heathbar/index.html</loc>
-    <lastmod>2024-04-19T08:15:10+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:49+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/heathbar/Makefile</loc>
@@ -5006,7 +5006,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/index.html</loc>
-    <lastmod>2024-04-19T08:13:57+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:25+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/leo/1995_leo.tar.bz2</loc>
@@ -5022,7 +5022,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/leo/index.html</loc>
-    <lastmod>2024-04-19T08:15:10+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:50+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/leo/leo.c</loc>
@@ -5046,11 +5046,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/leo/spoiler1.html</loc>
-    <lastmod>2024-04-19T08:14:06+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:35+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/leo/spoiler1.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T04:00:42+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/leo/try.sh</loc>
@@ -5070,7 +5070,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/makarios/index.html</loc>
-    <lastmod>2024-04-19T08:15:11+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:51+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/makarios/makarios.c</loc>
@@ -5122,7 +5122,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/savastio/index.html</loc>
-    <lastmod>2024-04-19T08:15:11+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:51+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/savastio/Makefile</loc>
@@ -5162,7 +5162,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/schnitzi/index.html</loc>
-    <lastmod>2024-04-19T08:15:12+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:52+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/schnitzi/Makefile</loc>
@@ -5202,7 +5202,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/spinellis/index.html</loc>
-    <lastmod>2024-04-19T08:15:12+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:52+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/spinellis/Makefile</loc>
@@ -5238,7 +5238,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/vanschnitz/index.html</loc>
-    <lastmod>2024-04-19T08:15:13+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:53+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/vanschnitz/Makefile</loc>
@@ -5250,7 +5250,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/vanschnitz/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:28:27+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1995/vanschnitz/try.sh</loc>
@@ -5302,7 +5302,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/august/index.html</loc>
-    <lastmod>2024-04-19T08:15:13+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/august/Makefile</loc>
@@ -5318,7 +5318,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/august/README.md</loc>
-    <lastmod>2024-04-19T00:46:06+00:00</lastmod>
+    <lastmod>2024-04-22T09:29:05+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/august/test.oc</loc>
@@ -5350,7 +5350,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/dalbec/index.html</loc>
-    <lastmod>2024-04-19T08:15:14+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/dalbec/Makefile</loc>
@@ -5394,7 +5394,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/eldby/index.html</loc>
-    <lastmod>2024-04-19T08:15:14+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:55+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/eldby/Makefile</loc>
@@ -5434,7 +5434,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/gandalf/index.html</loc>
-    <lastmod>2024-04-19T08:15:15+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:55+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/gandalf/Makefile</loc>
@@ -5482,7 +5482,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/huffman/index.html</loc>
-    <lastmod>2024-04-19T08:15:15+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:56+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/huffman/Makefile</loc>
@@ -5502,7 +5502,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/index.html</loc>
-    <lastmod>2024-04-19T08:13:57+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:25+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/jonth/1996_jonth.tar.bz2</loc>
@@ -5518,7 +5518,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/jonth/index.html</loc>
-    <lastmod>2024-04-19T08:15:16+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:56+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/jonth/jonth.c</loc>
@@ -5562,7 +5562,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/rcm/index.html</loc>
-    <lastmod>2024-04-19T08:15:16+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:57+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/rcm/Makefile</loc>
@@ -5582,7 +5582,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/rcm/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:29:29+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/rcm/rfc1951.gz</loc>
@@ -5622,7 +5622,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/schweikh1/index.html</loc>
-    <lastmod>2024-04-19T08:15:17+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:57+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/schweikh1/Makefile</loc>
@@ -5670,7 +5670,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/schweikh2/index.html</loc>
-    <lastmod>2024-04-19T08:15:17+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:58+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/schweikh2/Makefile</loc>
@@ -5682,7 +5682,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/schweikh2/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:29:55+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/schweikh2/schweikh2.c</loc>
@@ -5710,7 +5710,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/schweikh3/index.html</loc>
-    <lastmod>2024-04-19T08:15:18+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:59+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/schweikh3/Makefile</loc>
@@ -5722,7 +5722,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/schweikh3/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:30:14+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/schweikh3/schweikh3.c</loc>
@@ -5762,7 +5762,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/westley/index.html</loc>
-    <lastmod>2024-04-19T08:15:18+00:00</lastmod>
+    <lastmod>2024-04-22T21:55:59+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1996/westley/Makefile</loc>
@@ -5834,7 +5834,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/banks/index.html</loc>
-    <lastmod>2024-04-19T08:15:19+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:00+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/banks/keysym.h</loc>
@@ -5862,7 +5862,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/banks/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:32:00+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/banks/river.sc</loc>
@@ -5894,7 +5894,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/bas1/index.html</loc>
-    <lastmod>2024-04-19T08:15:19+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:00+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/bas1/Makefile</loc>
@@ -5930,7 +5930,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/bas2/index.html</loc>
-    <lastmod>2024-04-19T08:15:20+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:01+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/bas2/Makefile</loc>
@@ -5978,7 +5978,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/chaos/index.html</loc>
-    <lastmod>2024-04-19T08:15:20+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:02+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/chaos/ioccc.data</loc>
@@ -6030,7 +6030,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/df/index.html</loc>
-    <lastmod>2024-04-19T08:15:21+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:02+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/df/Makefile</loc>
@@ -6074,7 +6074,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/dlowe/index.html</loc>
-    <lastmod>2024-04-19T08:15:21+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:03+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/dlowe/Makefile</loc>
@@ -6106,7 +6106,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/dloweneil/index.html</loc>
-    <lastmod>2024-04-19T08:15:22+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:04+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/dloweneil/Makefile</loc>
@@ -6134,7 +6134,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/dlowe/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:32:40+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/dlowe/try.alt.sh</loc>
@@ -6154,11 +6154,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/dorssel/dorssel.html</loc>
-    <lastmod>2024-04-19T08:14:06+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:35+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/dorssel/dorssel.md</loc>
-    <lastmod>2024-04-19T00:45:53+00:00</lastmod>
+    <lastmod>2024-04-22T06:50:44+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/dorssel/dorssel.orig.c</loc>
@@ -6174,7 +6174,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/dorssel/index.html</loc>
-    <lastmod>2024-04-19T08:15:23+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:04+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/dorssel/Makefile</loc>
@@ -6186,7 +6186,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/dorssel/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:34:03+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/dorssel/try.sh</loc>
@@ -6218,7 +6218,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/fanf/index.html</loc>
-    <lastmod>2024-04-19T08:15:23+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:05+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/fanf/Makefile</loc>
@@ -6230,7 +6230,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/fanf/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:34:43+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/fanf/try.sh</loc>
@@ -6250,7 +6250,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/index.html</loc>
-    <lastmod>2024-04-19T08:13:58+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:26+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/Makefile</loc>
@@ -6282,7 +6282,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/schnitzi/index.html</loc>
-    <lastmod>2024-04-19T08:15:24+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:06+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/schnitzi/Makefile</loc>
@@ -6326,7 +6326,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/schweikh1/index.html</loc>
-    <lastmod>2024-04-19T08:15:24+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:06+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/schweikh1/info</loc>
@@ -6334,11 +6334,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/schweikh1/macos.html</loc>
-    <lastmod>2024-04-19T08:14:06+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:35+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/schweikh1/macos.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T04:21:23+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/schweikh1/Makefile</loc>
@@ -6350,7 +6350,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/schweikh1/README.md</loc>
-    <lastmod>2024-04-17T07:07:03+00:00</lastmod>
+    <lastmod>2024-04-22T09:35:33+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/schweikh1/schweikh1.alt.c</loc>
@@ -6378,7 +6378,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/schweikh2/index.html</loc>
-    <lastmod>2024-04-19T08:15:25+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:07+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/schweikh2/Makefile</loc>
@@ -6418,7 +6418,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/schweikh3/index.html</loc>
-    <lastmod>2024-04-19T08:15:25+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:07+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/schweikh3/Makefile</loc>
@@ -6430,7 +6430,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/schweikh3/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:36:07+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/schweikh3/samefile.1</loc>
@@ -6474,7 +6474,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/tomtorfs/index.html</loc>
-    <lastmod>2024-04-19T08:15:26+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:08+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/1998/tomtorfs/Makefile</loc>
@@ -6530,7 +6530,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/anderson/index.html</loc>
-    <lastmod>2024-04-19T08:15:26+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:09+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/anderson/Makefile</loc>
@@ -6570,7 +6570,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/bellard/index.html</loc>
-    <lastmod>2024-04-19T08:15:27+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:09+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/bellard/Makefile</loc>
@@ -6606,7 +6606,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/bmeyer/index.html</loc>
-    <lastmod>2024-04-19T08:09:28+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:10+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/bmeyer/lavabus.pgm</loc>
@@ -6630,7 +6630,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/bmeyer/README.md</loc>
-    <lastmod>2024-04-19T06:47:50+00:00</lastmod>
+    <lastmod>2024-04-22T07:40:27+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/bmeyer/try.sh</loc>
@@ -6658,7 +6658,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/briddlebane/index.html</loc>
-    <lastmod>2024-04-19T08:15:28+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:11+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/briddlebane/Makefile</loc>
@@ -6698,7 +6698,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/dhyang/index.html</loc>
-    <lastmod>2024-04-19T08:15:28+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:11+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/dhyang/Makefile</loc>
@@ -6710,7 +6710,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/dhyang/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:37:06+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/dhyang/try.sh</loc>
@@ -6738,7 +6738,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/dlowe/index.html</loc>
-    <lastmod>2024-04-19T08:15:29+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:12+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/dlowe/Makefile</loc>
@@ -6770,7 +6770,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/index.html</loc>
-    <lastmod>2024-04-19T08:13:58+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:26+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/jarijyrki/2000_jarijyrki.tar.bz2</loc>
@@ -6790,7 +6790,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/jarijyrki/index.html</loc>
-    <lastmod>2024-04-19T08:37:40+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:12+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/jarijyrki/jarijyrki.c</loc>
@@ -6810,7 +6810,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/jarijyrki/README.md</loc>
-    <lastmod>2024-04-19T08:33:00+00:00</lastmod>
+    <lastmod>2024-04-22T09:38:23+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/Makefile</loc>
@@ -6834,7 +6834,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/natori/index.html</loc>
-    <lastmod>2024-04-19T08:15:30+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:13+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/natori/Makefile</loc>
@@ -6858,7 +6858,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/natori/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T07:43:57+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/natori/try.alt.sh</loc>
@@ -6882,7 +6882,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/primenum/index.html</loc>
-    <lastmod>2024-04-19T08:15:30+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:14+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/primenum/Makefile</loc>
@@ -6930,7 +6930,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/rince/index.html</loc>
-    <lastmod>2024-04-19T08:15:31+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:14+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/rince/Makefile</loc>
@@ -6970,7 +6970,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/robison/index.html</loc>
-    <lastmod>2024-04-19T08:15:31+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:15+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/robison/Makefile</loc>
@@ -7010,7 +7010,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/schneiderwent/index.html</loc>
-    <lastmod>2024-04-19T08:15:32+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:15+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/schneiderwent/Makefile</loc>
@@ -7054,7 +7054,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/thadgavin/index.html</loc>
-    <lastmod>2024-04-19T08:15:32+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:16+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/thadgavin/Makefile</loc>
@@ -7094,7 +7094,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/tomx/index.html</loc>
-    <lastmod>2024-04-19T08:15:33+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:17+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/tomx/Makefile</loc>
@@ -7110,7 +7110,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/tomx/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:39:43+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2000/tomx/tomx.alt.c</loc>
@@ -7170,7 +7170,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/anonymous/index.html</loc>
-    <lastmod>2024-04-19T08:37:44+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:17+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/anonymous/Makefile</loc>
@@ -7182,7 +7182,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/anonymous/README.md</loc>
-    <lastmod>2024-04-19T08:33:50+00:00</lastmod>
+    <lastmod>2024-04-22T09:41:10+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/anonymous/try.sh</loc>
@@ -7214,7 +7214,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/bellard/index.html</loc>
-    <lastmod>2024-04-19T08:15:34+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:18+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/bellard/Makefile</loc>
@@ -7230,7 +7230,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/bellard/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:41:35+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/cheong/2001_cheong.tar.bz2</loc>
@@ -7254,7 +7254,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/cheong/index.html</loc>
-    <lastmod>2024-04-19T08:15:34+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:18+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/cheong/Makefile</loc>
@@ -7294,7 +7294,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/coupard/index.html</loc>
-    <lastmod>2024-04-19T08:15:35+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:19+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/coupard/Makefile</loc>
@@ -7306,7 +7306,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/coupard/README.md</loc>
-    <lastmod>2024-04-17T07:31:07+00:00</lastmod>
+    <lastmod>2024-04-22T09:42:27+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/coupard/try.sh</loc>
@@ -7338,7 +7338,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/ctk/index.html</loc>
-    <lastmod>2024-04-19T08:15:35+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:20+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/ctk/Makefile</loc>
@@ -7378,7 +7378,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/dgbeards/index.html</loc>
-    <lastmod>2024-04-19T08:15:36+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:20+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/dgbeards/Makefile</loc>
@@ -7438,7 +7438,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/herrmann1/index.html</loc>
-    <lastmod>2024-04-19T08:15:36+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:21+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/herrmann1/Makefile</loc>
@@ -7454,7 +7454,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/herrmann1/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:43:08+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/herrmann1/try.sh</loc>
@@ -7494,7 +7494,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/herrmann2/index.html</loc>
-    <lastmod>2024-04-19T08:15:37+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:22+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/herrmann2/Makefile</loc>
@@ -7506,7 +7506,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/herrmann2/README.md</loc>
-    <lastmod>2024-04-17T07:00:58+00:00</lastmod>
+    <lastmod>2024-04-22T09:43:56+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/herrmann2/try.sh</loc>
@@ -7514,7 +7514,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/index.html</loc>
-    <lastmod>2024-04-19T08:13:59+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:27+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/jason/2001_jason.tar.bz2</loc>
@@ -7530,7 +7530,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/jason/index.html</loc>
-    <lastmod>2024-04-19T08:15:37+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:22+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/jason/jason.c</loc>
@@ -7566,7 +7566,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/kev/index.html</loc>
-    <lastmod>2024-04-19T08:15:38+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:23+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/kev/kev.alt.c</loc>
@@ -7590,7 +7590,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/kev/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:44:19+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/Makefile</loc>
@@ -7614,7 +7614,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/ollinger/index.html</loc>
-    <lastmod>2024-04-19T08:15:38+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:23+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/ollinger/Makefile</loc>
@@ -7658,7 +7658,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/rosten/index.html</loc>
-    <lastmod>2024-04-19T08:15:39+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:24+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/rosten/Makefile</loc>
@@ -7698,7 +7698,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/schweikh/index.html</loc>
-    <lastmod>2024-04-19T08:37:50+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:24+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/schweikh/Makefile</loc>
@@ -7738,7 +7738,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/westley/index.html</loc>
-    <lastmod>2024-04-19T08:15:40+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:25+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/westley/Makefile</loc>
@@ -7750,7 +7750,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/westley/README.md</loc>
-    <lastmod>2024-04-17T06:58:48+00:00</lastmod>
+    <lastmod>2024-04-22T09:45:06+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/westley/try.sh</loc>
@@ -7782,7 +7782,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/williams/index.html</loc>
-    <lastmod>2024-04-19T08:15:40+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:25+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2001/williams/Makefile</loc>
@@ -7834,7 +7834,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/anonymous/index.html</loc>
-    <lastmod>2024-04-21T03:58:57+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:26+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/anonymous/Makefile</loc>
@@ -7886,7 +7886,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/arachnid/index.html</loc>
-    <lastmod>2024-04-19T08:15:41+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:27+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/arachnid/Makefile</loc>
@@ -7898,7 +7898,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/arachnid/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:45:35+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/burley/2004_burley.tar.bz2</loc>
@@ -7922,7 +7922,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/burley/index.html</loc>
-    <lastmod>2024-04-19T08:15:42+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:27+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/burley/Makefile</loc>
@@ -7934,7 +7934,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/burley/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:45:52+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/.filelist</loc>
@@ -7974,7 +7974,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/gavare/index.html</loc>
-    <lastmod>2024-04-19T08:15:42+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:28+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/gavare/Makefile</loc>
@@ -7986,7 +7986,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/gavare/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:46:26+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/gavin/2004_gavin.tar.bz2</loc>
@@ -8010,11 +8010,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/gavin/gavin.html</loc>
-    <lastmod>2024-04-19T08:14:06+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:36+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/gavin/gavin.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T04:22:25+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/gavin/gavin.orig.c</loc>
@@ -8034,7 +8034,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/gavin/index.html</loc>
-    <lastmod>2024-04-19T08:15:43+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:28+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/gavin/lilo.conf</loc>
@@ -8054,7 +8054,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/gavin/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:46:49+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/.gitignore</loc>
@@ -8086,7 +8086,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/hibachi/index.html</loc>
-    <lastmod>2024-04-19T08:15:44+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:29+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/hibachi/Makefile</loc>
@@ -8098,7 +8098,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/hibachi/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:47:12+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/hibachi/src/configure</loc>
@@ -8274,7 +8274,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/hoyle/index.html</loc>
-    <lastmod>2024-04-19T08:15:44+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:30+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/hoyle/Makefile</loc>
@@ -8294,7 +8294,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/index.html</loc>
-    <lastmod>2024-04-20T21:00:59+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:27+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/jdalbec/2004_jdalbec.tar.bz2</loc>
@@ -8310,7 +8310,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/jdalbec/index.html</loc>
-    <lastmod>2024-04-19T08:37:55+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:30+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/jdalbec/jdalbec.alt.c</loc>
@@ -8358,7 +8358,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/kopczynski/index.html</loc>
-    <lastmod>2024-04-19T08:15:45+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:31+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/kopczynski/kopczynski-10</loc>
@@ -8466,7 +8466,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/newbern/index.html</loc>
-    <lastmod>2024-04-19T08:15:46+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:32+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/newbern/Makefile</loc>
@@ -8510,7 +8510,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/omoikane/index.html</loc>
-    <lastmod>2024-04-19T08:15:46+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:32+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/omoikane/Makefile</loc>
@@ -8562,7 +8562,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/schnitzi/index.html</loc>
-    <lastmod>2024-04-19T08:15:47+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:33+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/schnitzi/Makefile</loc>
@@ -8610,7 +8610,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/sds/index.html</loc>
-    <lastmod>2024-04-19T08:15:47+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:33+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/sds/Makefile</loc>
@@ -8654,7 +8654,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/vik1/index.html</loc>
-    <lastmod>2024-04-19T08:15:48+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:34+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/vik1/Makefile</loc>
@@ -8666,7 +8666,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/vik1/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T07:51:22+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/vik1/vik1.c</loc>
@@ -8690,7 +8690,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/vik2/index.html</loc>
-    <lastmod>2024-04-19T08:15:48+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:35+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/vik2/Makefile</loc>
@@ -8702,7 +8702,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/vik2/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:48:04+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2004/vik2/vik2_1.c</loc>
@@ -8758,7 +8758,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/aidan/index.html</loc>
-    <lastmod>2024-04-19T08:15:49+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:35+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/aidan/insane1.sudoku</loc>
@@ -8790,7 +8790,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/aidan/README.md</loc>
-    <lastmod>2024-04-17T07:32:09+00:00</lastmod>
+    <lastmod>2024-04-22T09:49:43+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/aidan/test-su.perl</loc>
@@ -8838,7 +8838,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/anon/index.html</loc>
-    <lastmod>2024-04-19T08:15:49+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:36+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/anon/Makefile</loc>
@@ -8850,7 +8850,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/anon/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:50:12+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/boutines/2005_boutines.tar.bz2</loc>
@@ -8878,7 +8878,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/boutines/index.html</loc>
-    <lastmod>2024-04-21T04:19:45+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:37+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/boutines/input.txt</loc>
@@ -8894,7 +8894,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/boutines/README.md</loc>
-    <lastmod>2024-04-21T04:16:36+00:00</lastmod>
+    <lastmod>2024-04-22T09:50:36+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/boutines/try.sh</loc>
@@ -8926,7 +8926,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/chia/index.html</loc>
-    <lastmod>2024-04-19T08:15:50+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:37+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/chia/Makefile</loc>
@@ -8966,7 +8966,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/giljade/index.html</loc>
-    <lastmod>2024-04-19T08:15:51+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:38+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/giljade/Makefile</loc>
@@ -8978,7 +8978,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/giljade/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:51:11+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/giljade/test.sh</loc>
@@ -8994,7 +8994,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/index.html</loc>
-    <lastmod>2024-04-19T08:14:00+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:28+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/jetro/2005_jetro.tar.bz2</loc>
@@ -9010,7 +9010,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/jetro/index.html</loc>
-    <lastmod>2024-04-19T08:15:51+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:38+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/jetro/jetro.c</loc>
@@ -9046,7 +9046,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/klausler/index.html</loc>
-    <lastmod>2024-04-19T08:15:52+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:39+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/klausler/klausler.c</loc>
@@ -9090,7 +9090,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/mikeash/index.html</loc>
-    <lastmod>2024-04-19T08:15:52+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:40+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/mikeash/Makefile</loc>
@@ -9110,7 +9110,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/mikeash/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:51:44+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/mikeash/try.sh</loc>
@@ -9134,7 +9134,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/mynx/index.html</loc>
-    <lastmod>2024-04-19T08:15:53+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:40+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/mynx/Makefile</loc>
@@ -9194,7 +9194,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/persano/index.html</loc>
-    <lastmod>2024-04-21T07:21:56+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:41+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/persano/Makefile</loc>
@@ -9270,7 +9270,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/sykes/index.html</loc>
-    <lastmod>2024-04-19T08:15:54+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:41+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/sykes/kernel-2.901465-03.bin</loc>
@@ -9326,7 +9326,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/timwi/index.html</loc>
-    <lastmod>2024-04-19T08:15:54+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:42+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/timwi/Makefile</loc>
@@ -9366,7 +9366,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/toledo/index.html</loc>
-    <lastmod>2024-04-19T08:15:55+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:43+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/toledo/Makefile</loc>
@@ -9378,7 +9378,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/toledo/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T07:57:24+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/toledo/toledo2.c</loc>
@@ -9422,7 +9422,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/vik/index.html</loc>
-    <lastmod>2024-04-19T08:15:55+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:43+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/vik/Makefile</loc>
@@ -9438,7 +9438,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/vik/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:52:40+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/vik/vik.c</loc>
@@ -9462,7 +9462,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/vince/index.html</loc>
-    <lastmod>2024-04-19T08:15:56+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:44+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/vince/Makefile</loc>
@@ -9474,7 +9474,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/vince/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:53:17+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2005/vince/vince.alt.c</loc>
@@ -9538,7 +9538,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/birken/index.html</loc>
-    <lastmod>2024-04-19T08:15:56+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:44+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/birken/info.pdf</loc>
@@ -9614,7 +9614,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/borsanyi/index.html</loc>
-    <lastmod>2024-04-19T08:15:57+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:45+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/borsanyi/Makefile</loc>
@@ -9662,7 +9662,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/grothe/index.html</loc>
-    <lastmod>2024-04-19T08:15:57+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:46+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/grothe/Makefile</loc>
@@ -9718,7 +9718,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/hamre/index.html</loc>
-    <lastmod>2024-04-19T08:15:58+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:46+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/hamre/Makefile</loc>
@@ -9738,7 +9738,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/index.html</loc>
-    <lastmod>2024-04-19T08:14:00+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:28+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/Makefile</loc>
@@ -9758,7 +9758,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/meyer/index.html</loc>
-    <lastmod>2024-04-19T08:15:58+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:47+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/meyer/Makefile</loc>
@@ -9794,7 +9794,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/monge/index.html</loc>
-    <lastmod>2024-04-19T08:15:59+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:48+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/monge/Makefile</loc>
@@ -9818,7 +9818,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/monge/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:54:00+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/monge/try.alt.sh</loc>
@@ -9842,7 +9842,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/night/index.html</loc>
-    <lastmod>2024-04-19T08:15:59+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:48+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/night/Makefile</loc>
@@ -9890,7 +9890,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/sloane/index.html</loc>
-    <lastmod>2024-04-19T08:16:00+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:49+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/sloane/Makefile</loc>
@@ -9902,7 +9902,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/sloane/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:54:25+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/sloane/sloane.alt.c</loc>
@@ -10014,7 +10014,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/stewart/index.html</loc>
-    <lastmod>2024-04-19T08:16:00+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:49+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/stewart/ioccc</loc>
@@ -10046,7 +10046,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/stewart/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:55:17+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/stewart/rings</loc>
@@ -10134,7 +10134,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/sykes1/index.html</loc>
-    <lastmod>2024-04-19T08:16:01+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:50+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/sykes1/Makefile</loc>
@@ -10146,7 +10146,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/sykes1/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:56:08+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/sykes1/solving-bedlam-cube.mp4</loc>
@@ -10182,7 +10182,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/sykes2/index.html</loc>
-    <lastmod>2024-04-19T08:16:01+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:51+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/sykes2/Makefile</loc>
@@ -10222,7 +10222,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/toledo1/index.html</loc>
-    <lastmod>2024-04-19T08:16:02+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:51+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/toledo1/Makefile</loc>
@@ -10278,7 +10278,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/toledo2/index.html</loc>
-    <lastmod>2024-04-19T08:16:02+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:52+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/toledo2/KAYPROII.ZIP</loc>
@@ -10294,7 +10294,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/toledo2/README.md</loc>
-    <lastmod>2024-04-17T07:09:12+00:00</lastmod>
+    <lastmod>2024-04-22T08:12:10+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/toledo2/toledo2.alt.c</loc>
@@ -10322,7 +10322,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/toledo3/index.html</loc>
-    <lastmod>2024-04-19T08:16:03+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:52+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/toledo3/layer.c</loc>
@@ -10338,7 +10338,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/toledo3/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:56:56+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2006/toledo3/toledo3.alt.c</loc>
@@ -10394,7 +10394,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/akari/index.html</loc>
-    <lastmod>2024-04-19T08:16:03+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:53+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/akari/Makefile</loc>
@@ -10406,7 +10406,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/akari/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:57:21+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/akari/try.sh</loc>
@@ -10442,7 +10442,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/blakely/index.html</loc>
-    <lastmod>2024-04-19T08:16:04+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/blakely/Makefile</loc>
@@ -10454,7 +10454,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/blakely/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T09:57:57+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/blakely/t0_3.dat</loc>
@@ -10498,7 +10498,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/borsanyi/index.html</loc>
-    <lastmod>2024-04-19T08:16:04+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:55+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/borsanyi/Makefile</loc>
@@ -10730,7 +10730,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/dlowe/index.html</loc>
-    <lastmod>2024-04-19T08:16:05+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:55+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/dlowe/Makefile</loc>
@@ -10742,7 +10742,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/dlowe/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T10:04:06+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/dlowe/try.sh</loc>
@@ -10774,7 +10774,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/eastman/index.html</loc>
-    <lastmod>2024-04-19T08:16:05+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:56+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/eastman/Makefile</loc>
@@ -10814,7 +10814,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/fredriksson/index.html</loc>
-    <lastmod>2024-04-19T08:16:06+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:57+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/fredriksson/Makefile</loc>
@@ -10854,7 +10854,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/goren/index.html</loc>
-    <lastmod>2024-04-21T03:59:24+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:57+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/goren/MagrittePipe.jpg</loc>
@@ -10922,7 +10922,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/hamaji/index.html</loc>
-    <lastmod>2024-04-19T08:16:07+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:58+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/hamaji/Makefile</loc>
@@ -10954,7 +10954,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/hamaji/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T10:05:51+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/hamaji/samurai.nono</loc>
@@ -10994,7 +10994,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/hou/index.html</loc>
-    <lastmod>2024-04-19T08:16:08+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:58+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/hou/Makefile</loc>
@@ -11014,7 +11014,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/index.html</loc>
-    <lastmod>2024-04-19T08:14:00+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:29+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/konno/2011_konno.tar.bz2</loc>
@@ -11030,7 +11030,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/konno/index.html</loc>
-    <lastmod>2024-04-19T08:16:08+00:00</lastmod>
+    <lastmod>2024-04-22T21:56:59+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/konno/konno.c</loc>
@@ -11078,7 +11078,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/richards/index.html</loc>
-    <lastmod>2024-04-19T08:16:09+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:00+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/richards/Makefile</loc>
@@ -11130,7 +11130,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/toledo/index.html</loc>
-    <lastmod>2024-04-19T08:38:20+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:00+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/toledo/keysym.h</loc>
@@ -11150,7 +11150,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/toledo/README.md</loc>
-    <lastmod>2024-04-19T08:34:15+00:00</lastmod>
+    <lastmod>2024-04-22T08:21:11+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/toledo/toledo.alt2.c</loc>
@@ -11182,7 +11182,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/vik/index.html</loc>
-    <lastmod>2024-04-19T08:16:10+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:01+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/vik/mad_world.mod</loc>
@@ -11206,7 +11206,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/vik/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T10:06:43+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/vik/try.sh</loc>
@@ -11242,7 +11242,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/zucker/index.html</loc>
-    <lastmod>2024-04-19T08:16:10+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:02+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2011/zucker/Makefile</loc>
@@ -11302,7 +11302,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/blakely/index.html</loc>
-    <lastmod>2024-04-19T08:16:11+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:02+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/blakely/Makefile</loc>
@@ -11330,11 +11330,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/deckmyn/deckmyn.html</loc>
-    <lastmod>2024-04-19T08:14:07+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:36+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/deckmyn/deckmyn.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T04:23:13+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/deckmyn/deckmyn.orig.c</loc>
@@ -11358,7 +11358,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/deckmyn/index.html</loc>
-    <lastmod>2024-04-19T08:16:11+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:03+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/deckmyn/Makefile</loc>
@@ -11402,7 +11402,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/dlowe/index.html</loc>
-    <lastmod>2024-04-19T08:16:12+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:04+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/dlowe/Makefile</loc>
@@ -11514,7 +11514,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/endoh1/index.html</loc>
-    <lastmod>2024-04-19T08:38:23+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:04+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/endoh1/leidenfrost.txt</loc>
@@ -11538,7 +11538,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/endoh1/README.md</loc>
-    <lastmod>2024-04-19T08:33:33+00:00</lastmod>
+    <lastmod>2024-04-22T08:27:15+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/endoh1/tanada.txt</loc>
@@ -11586,7 +11586,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/endoh2/index.html</loc>
-    <lastmod>2024-04-19T08:16:13+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:05+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/endoh2/Makefile</loc>
@@ -11654,7 +11654,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/grothe/index.html</loc>
-    <lastmod>2024-04-19T08:16:13+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:06+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/grothe/Makefile</loc>
@@ -11698,7 +11698,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/hamano/index.html</loc>
-    <lastmod>2024-04-19T08:16:14+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:06+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/hamano/Makefile</loc>
@@ -11742,11 +11742,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/hou/hint.html</loc>
-    <lastmod>2024-04-19T08:14:07+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:36+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/hou/hint.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T04:02:21+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/hou/hou.c</loc>
@@ -11762,7 +11762,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/hou/index.html</loc>
-    <lastmod>2024-04-19T08:16:14+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:07+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/hou/Makefile</loc>
@@ -11786,7 +11786,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/hou/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T08:30:21+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/hou/try.sh</loc>
@@ -11794,7 +11794,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/index.html</loc>
-    <lastmod>2024-04-19T08:14:01+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:29+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/kang/2012_kang.tar.bz2</loc>
@@ -11826,7 +11826,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/kang/index.html</loc>
-    <lastmod>2024-04-19T08:16:15+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:07+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/kang/kang.alt.c</loc>
@@ -11874,7 +11874,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/konno/index.html</loc>
-    <lastmod>2024-04-19T08:16:15+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:08+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/konno/konno.alt.c</loc>
@@ -11898,7 +11898,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/konno/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T08:32:32+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/konno/try.sh</loc>
@@ -11922,7 +11922,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/omoikane/index.html</loc>
-    <lastmod>2024-04-19T08:16:16+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:09+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/omoikane/Makefile</loc>
@@ -11950,7 +11950,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/omoikane/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T08:34:10+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/omoikane/spoiler.html</loc>
@@ -11998,11 +11998,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/tromp/how.html</loc>
-    <lastmod>2024-04-19T08:14:07+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:37+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/tromp/how.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T04:02:29+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/tromp/hw.bf</loc>
@@ -12010,7 +12010,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/tromp/index.html</loc>
-    <lastmod>2024-04-19T08:16:16+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:09+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/tromp/inflate.Blc</loc>
@@ -12086,7 +12086,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/vik/index.html</loc>
-    <lastmod>2024-04-20T22:29:15+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:10+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/vik/ioccc.png</loc>
@@ -12186,7 +12186,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/zeitak/index.html</loc>
-    <lastmod>2024-04-19T08:16:17+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:11+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/zeitak/Makefile</loc>
@@ -12198,7 +12198,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/zeitak/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T08:36:40+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2012/zeitak/test.sh</loc>
@@ -12290,7 +12290,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/birken/index.html</loc>
-    <lastmod>2024-04-21T07:33:55+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:40+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/birken/ioccc.txt</loc>
@@ -12402,7 +12402,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/birken/README.md</loc>
-    <lastmod>2024-04-21T07:33:35+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/birken/rhino.txt</loc>
@@ -12470,7 +12470,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/cable1/index.html</loc>
-    <lastmod>2024-04-21T04:39:27+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:12+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/cable1/Makefile</loc>
@@ -12522,7 +12522,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/cable2/index.html</loc>
-    <lastmod>2024-04-19T08:16:19+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:41+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/cable2/Makefile</loc>
@@ -12542,7 +12542,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/cable2/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/cable2/try.sh</loc>
@@ -12598,7 +12598,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/cable3/index.html</loc>
-    <lastmod>2024-04-21T03:59:37+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:41+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/cable3/Makefile</loc>
@@ -12610,7 +12610,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/cable3/README.md</loc>
-    <lastmod>2024-04-21T03:49:01+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/cable3/sc-ioccc.terminal</loc>
@@ -12670,7 +12670,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/dlowe/index.html</loc>
-    <lastmod>2024-04-19T08:16:20+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:42+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/dlowe/Makefile</loc>
@@ -12682,7 +12682,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/dlowe/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/dlowe/slflen.sh</loc>
@@ -12722,7 +12722,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/endoh1/index.html</loc>
-    <lastmod>2024-04-19T08:16:21+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:43+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/endoh1/Makefile</loc>
@@ -12734,7 +12734,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/endoh1/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/endoh1/rot13.ed</loc>
@@ -12770,7 +12770,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/endoh2/index.html</loc>
-    <lastmod>2024-04-19T08:16:21+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:43+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/endoh2/Makefile</loc>
@@ -12786,7 +12786,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/endoh2/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/endoh3/2013_endoh3.tar.bz2</loc>
@@ -12814,7 +12814,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/endoh3/index.html</loc>
-    <lastmod>2024-04-19T08:16:22+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:44+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/endoh3/Makefile</loc>
@@ -12830,7 +12830,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/endoh3/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/endoh3/test.abc</loc>
@@ -12882,7 +12882,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/endoh4/index.html</loc>
-    <lastmod>2024-04-19T08:16:22+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:44+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/endoh4/Makefile</loc>
@@ -12894,7 +12894,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/endoh4/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/endoh4/solids/antiprism/a04-square-antiprism.txt</loc>
@@ -13514,11 +13514,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/hou/doc/example.html</loc>
-    <lastmod>2024-04-21T04:28:50+00:00</lastmod>
+    <lastmod>2024-04-22T22:02:09+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/hou/doc/example.md</loc>
-    <lastmod>2024-04-21T04:27:20+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/hou/.entry.json</loc>
@@ -13538,7 +13538,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/hou/index.html</loc>
-    <lastmod>2024-04-21T04:35:24+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:45+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/hou/luna.jpg</loc>
@@ -13570,7 +13570,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/hou/README.md</loc>
-    <lastmod>2024-04-21T04:35:13+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/hou/try.sh</loc>
@@ -13578,7 +13578,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/index.html</loc>
-    <lastmod>2024-04-19T08:14:01+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:30+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/iocccsize.c</loc>
@@ -13606,7 +13606,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/mills/index.html</loc>
-    <lastmod>2024-04-19T08:16:23+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:46+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/mills/Makefile</loc>
@@ -13626,7 +13626,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/mills/README.md</loc>
-    <lastmod>2024-04-17T07:32:45+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/misaka/2013_misaka.tar.bz2</loc>
@@ -13646,7 +13646,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/misaka/index.html</loc>
-    <lastmod>2024-04-19T08:16:24+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:46+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/misaka/Makefile</loc>
@@ -13666,7 +13666,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/misaka/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/misaka/spoiler.html</loc>
@@ -13690,7 +13690,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/morgan1/index.html</loc>
-    <lastmod>2024-04-19T08:16:24+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:19+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/morgan1/Makefile</loc>
@@ -13730,7 +13730,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/morgan2/index.html</loc>
-    <lastmod>2024-04-19T08:16:25+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:20+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/morgan2/Makefile</loc>
@@ -13770,7 +13770,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/robison/index.html</loc>
-    <lastmod>2024-04-19T08:16:25+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:20+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2013/robison/Makefile</loc>
@@ -13822,7 +13822,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/birken/index.html</loc>
-    <lastmod>2024-04-19T08:16:26+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:49+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/birken/Makefile</loc>
@@ -13846,7 +13846,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/birken/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/deak/2014_deak.tar.bz2</loc>
@@ -13862,7 +13862,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/deak/index.html</loc>
-    <lastmod>2024-04-19T08:16:26+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:49+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/deak/Makefile</loc>
@@ -13886,7 +13886,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/deak/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/deak/try.alt.sh</loc>
@@ -13926,7 +13926,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/endoh1/index.html</loc>
-    <lastmod>2024-04-19T08:16:27+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:50+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/endoh1/link.rb</loc>
@@ -13970,7 +13970,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/endoh1/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/endoh1/register.rb</loc>
@@ -13982,11 +13982,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/endoh1/spoilers.html</loc>
-    <lastmod>2024-04-19T08:14:08+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:37+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/endoh1/spoilers.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T04:27:43+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/endoh1/src.rb</loc>
@@ -14018,7 +14018,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/endoh2/index.html</loc>
-    <lastmod>2024-04-19T08:16:27+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:50+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/endoh2/Makefile</loc>
@@ -14038,7 +14038,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/endoh2/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/endoh2/try.sh</loc>
@@ -14058,7 +14058,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/index.html</loc>
-    <lastmod>2024-04-19T08:14:02+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:30+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/iocccsize.c</loc>
@@ -14098,7 +14098,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/maffiodo1/index.html</loc>
-    <lastmod>2024-04-19T08:16:28+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:51+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/maffiodo1/Makefile</loc>
@@ -14134,7 +14134,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/maffiodo1/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/maffiodo1/screenshot-giana.png</loc>
@@ -14162,7 +14162,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/maffiodo2/index.html</loc>
-    <lastmod>2024-04-19T08:16:28+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:24+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/maffiodo2/Makefile</loc>
@@ -14210,7 +14210,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/morgan/index.html</loc>
-    <lastmod>2024-04-19T08:16:29+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:24+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/morgan/Makefile</loc>
@@ -14266,7 +14266,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/sinon/index.html</loc>
-    <lastmod>2024-04-19T08:16:29+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:53+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/sinon/Makefile</loc>
@@ -14286,7 +14286,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/sinon/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/sinon/spoiler.html</loc>
@@ -14310,7 +14310,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/skeggs/index.html</loc>
-    <lastmod>2024-04-19T08:16:30+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:53+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/skeggs/Makefile</loc>
@@ -14330,7 +14330,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/skeggs/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/vik/2014_vik.tar.bz2</loc>
@@ -14346,7 +14346,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/vik/index.html</loc>
-    <lastmod>2024-04-19T08:16:30+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/vik/Makefile</loc>
@@ -14370,7 +14370,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/vik/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/vik/try.sh</loc>
@@ -14390,7 +14390,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/wiedijk/index.html</loc>
-    <lastmod>2024-04-19T08:16:31+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:27+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2014/wiedijk/Makefile</loc>
@@ -14442,7 +14442,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/burton/index.html</loc>
-    <lastmod>2024-04-19T08:16:31+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:55+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/burton/Makefile</loc>
@@ -14466,15 +14466,15 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/burton/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/burton/road.to.obscurity.html</loc>
-    <lastmod>2024-04-19T08:14:08+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:37+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/burton/road.to.obscurity.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T04:29:23+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/burton/rule2.c</loc>
@@ -14482,11 +14482,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/burton/spoilers.html</loc>
-    <lastmod>2024-04-19T08:14:08+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:38+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/burton/spoilers.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T04:33:34+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/burton/src.doc.txt</loc>
@@ -14526,7 +14526,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/dogon/index.html</loc>
-    <lastmod>2024-04-19T08:16:32+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:28+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/dogon/Makefile</loc>
@@ -14570,7 +14570,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/duble/index.html</loc>
-    <lastmod>2024-04-19T08:16:33+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:56+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/duble/lorem-ipsum.txt</loc>
@@ -14598,7 +14598,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/duble/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/duble/try.sh</loc>
@@ -14622,7 +14622,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/endoh1/index.html</loc>
-    <lastmod>2024-04-19T08:16:33+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:29+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/endoh1/ioccc.txt</loc>
@@ -14666,7 +14666,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/endoh2/index.html</loc>
-    <lastmod>2024-04-19T08:16:34+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:58+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/endoh2/Makefile</loc>
@@ -14686,7 +14686,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/endoh2/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/endoh2/try.sh</loc>
@@ -14706,7 +14706,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/endoh3/index.html</loc>
-    <lastmod>2024-04-19T08:16:34+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:58+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/endoh3/ioccc.c</loc>
@@ -14734,7 +14734,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/endoh3/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/endoh3/try.sh</loc>
@@ -14754,7 +14754,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/endoh4/index.html</loc>
-    <lastmod>2024-04-19T08:16:35+00:00</lastmod>
+    <lastmod>2024-04-22T22:04:59+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/endoh4/Makefile</loc>
@@ -14778,7 +14778,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/endoh4/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/endoh4/try.sh</loc>
@@ -14810,7 +14810,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/hou/index.html</loc>
-    <lastmod>2024-04-19T08:16:35+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:32+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/hou/large</loc>
@@ -14866,7 +14866,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/howe/index.html</loc>
-    <lastmod>2024-04-19T08:16:36+00:00</lastmod>
+    <lastmod>2024-04-22T22:05:00+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/howe/Makefile</loc>
@@ -14898,7 +14898,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/howe/README.md</loc>
-    <lastmod>2024-04-17T07:11:02+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/howe/spoiler/err.h</loc>
@@ -14922,7 +14922,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/index.html</loc>
-    <lastmod>2024-04-19T08:14:02+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:31+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/iocccsize.c</loc>
@@ -14950,7 +14950,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/mills1/index.html</loc>
-    <lastmod>2024-04-19T08:16:36+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:33+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/mills1/Makefile</loc>
@@ -14990,7 +14990,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/mills2/index.html</loc>
-    <lastmod>2024-04-19T08:16:37+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:34+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/mills2/ioccc_guidelines.txt.Z</loc>
@@ -15018,7 +15018,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/mills2/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-21T23:55:42+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/mills2/try.sh</loc>
@@ -15038,7 +15038,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/muth/index.html</loc>
-    <lastmod>2024-04-19T08:16:37+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:34+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/muth/machine_beaver_4_2.h</loc>
@@ -15146,7 +15146,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/schweikhardt/index.html</loc>
-    <lastmod>2024-04-19T08:16:38+00:00</lastmod>
+    <lastmod>2024-04-22T22:05:02+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/schweikhardt/Makefile</loc>
@@ -15166,7 +15166,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/schweikhardt/README.md</loc>
-    <lastmod>2024-04-17T07:33:27+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/schweikhardt/try.sh</loc>
@@ -15186,7 +15186,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/yang/index.html</loc>
-    <lastmod>2024-04-19T08:16:38+00:00</lastmod>
+    <lastmod>2024-04-22T22:05:03+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/yang/Makefile</loc>
@@ -15206,7 +15206,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/yang/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2015/yang/spoiler.html</loc>
@@ -15238,7 +15238,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/algmyr/index.html</loc>
-    <lastmod>2024-04-19T08:16:39+00:00</lastmod>
+    <lastmod>2024-04-22T22:05:03+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/algmyr/Makefile</loc>
@@ -15258,7 +15258,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/algmyr/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/algmyr/spoiler.png</loc>
@@ -15282,7 +15282,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/anderson/index.html</loc>
-    <lastmod>2024-04-19T08:16:39+00:00</lastmod>
+    <lastmod>2024-04-22T22:05:04+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/anderson/Makefile</loc>
@@ -15306,7 +15306,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/anderson/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/anderson/try.alt.sh</loc>
@@ -15334,7 +15334,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/bellard/index.html</loc>
-    <lastmod>2024-04-19T08:16:40+00:00</lastmod>
+    <lastmod>2024-04-22T22:05:05+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/bellard/lena512.bin</loc>
@@ -15366,7 +15366,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/bellard/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/bellard/try.sh</loc>
@@ -15390,7 +15390,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/burton1/index.html</loc>
-    <lastmod>2024-04-19T08:16:40+00:00</lastmod>
+    <lastmod>2024-04-22T22:05:05+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/burton1/Makefile</loc>
@@ -15414,7 +15414,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/burton1/README.md</loc>
-    <lastmod>2024-04-17T07:11:48+00:00</lastmod>
+    <lastmod>2024-04-22T22:00:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/burton1/scripthd.sh</loc>
@@ -15458,11 +15458,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/burton2/discrepancies.html</loc>
-    <lastmod>2024-04-19T08:14:08+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:38+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/burton2/discrepancies.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T04:02:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/burton2/.entry.json</loc>
@@ -15482,7 +15482,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/burton2/index.html</loc>
-    <lastmod>2024-04-19T08:16:41+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:38+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/burton2/iocccbug01.c</loc>
@@ -15558,7 +15558,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/burton2/README.md</loc>
-    <lastmod>2024-04-19T00:45:39+00:00</lastmod>
+    <lastmod>2024-04-21T23:21:18+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/burton2/results</loc>
@@ -15682,7 +15682,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/ciura/index.html</loc>
-    <lastmod>2024-04-19T08:16:41+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:39+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/ciura/lexicon.pdf</loc>
@@ -15738,7 +15738,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/endoh1/index.html</loc>
-    <lastmod>2024-04-19T08:16:42+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:40+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/endoh1/invisible.txt</loc>
@@ -15786,7 +15786,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/endoh2/index.html</loc>
-    <lastmod>2024-04-19T08:16:42+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:40+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/endoh2/Makefile</loc>
@@ -15854,7 +15854,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/ferguson/index.html</loc>
-    <lastmod>2024-04-21T07:51:55+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:41+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/ferguson/Makefile</loc>
@@ -15890,11 +15890,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/ferguson/rpm.html</loc>
-    <lastmod>2024-04-19T08:14:09+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:38+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/ferguson/rpm.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T04:57:19+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/ferguson/test.sh</loc>
@@ -15938,7 +15938,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/giles/index.html</loc>
-    <lastmod>2024-04-19T08:16:43+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:41+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/giles/ioccc.txt</loc>
@@ -15994,7 +15994,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/hou/index.html</loc>
-    <lastmod>2024-04-19T08:16:44+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:42+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/hou/input.json</loc>
@@ -16026,7 +16026,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/index.html</loc>
-    <lastmod>2024-04-19T08:14:03+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:31+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/iocccsize.c</loc>
@@ -16062,7 +16062,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/mills/index.html</loc>
-    <lastmod>2024-04-19T08:16:44+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:43+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/mills/Makefile</loc>
@@ -16106,7 +16106,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/poikola/index.html</loc>
-    <lastmod>2024-04-19T08:16:45+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:43+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/poikola/Makefile</loc>
@@ -16142,7 +16142,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-21T23:38:22+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/rules.txt</loc>
@@ -16174,7 +16174,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/vokes/index.html</loc>
-    <lastmod>2024-04-19T08:16:45+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:44+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/vokes/ioccc.txt</loc>
@@ -16218,7 +16218,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/yang/index.html</loc>
-    <lastmod>2024-04-19T08:16:46+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:45+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2018/yang/Makefile</loc>
@@ -16278,7 +16278,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/adamovsky/index.html</loc>
-    <lastmod>2024-04-19T08:16:46+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:45+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/adamovsky/iocccsize_2018.c</loc>
@@ -16346,7 +16346,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/burton/index.html</loc>
-    <lastmod>2024-04-19T08:16:47+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:46+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/burton/Makefile</loc>
@@ -16430,7 +16430,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/ciura/index.html</loc>
-    <lastmod>2024-04-21T07:56:55+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:47+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/ciura/it.alt.sh</loc>
@@ -16510,7 +16510,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/diels-grabsch1/index.html</loc>
-    <lastmod>2024-04-19T08:16:48+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:47+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/diels-grabsch1/Makefile</loc>
@@ -16554,7 +16554,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/diels-grabsch2/index.html</loc>
-    <lastmod>2024-04-19T08:16:49+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:48+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/diels-grabsch2/Makefile</loc>
@@ -16606,7 +16606,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/dogon/index.html</loc>
-    <lastmod>2024-04-19T08:16:49+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:48+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/dogon/infinite_10cell.mc</loc>
@@ -16662,7 +16662,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/dogon/README.md</loc>
-    <lastmod>2024-04-12T18:30:23+00:00</lastmod>
+    <lastmod>2024-04-22T00:02:39+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/dogon/try.sh</loc>
@@ -16694,7 +16694,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/duble/index.html</loc>
-    <lastmod>2024-04-19T08:16:50+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:49+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/duble/Makefile</loc>
@@ -16738,7 +16738,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/endoh/index.html</loc>
-    <lastmod>2024-04-19T08:16:50+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:50+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/endoh/Makefile</loc>
@@ -16786,7 +16786,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/giles/index.html</loc>
-    <lastmod>2024-04-19T08:16:51+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:50+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/giles/Makefile</loc>
@@ -16826,7 +16826,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/index.html</loc>
-    <lastmod>2024-04-19T08:14:03+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:32+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/iocccsize.c</loc>
@@ -16850,7 +16850,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/karns/index.html</loc>
-    <lastmod>2024-04-19T08:16:51+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:51+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/karns/Makefile</loc>
@@ -16922,7 +16922,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/lynn/index.html</loc>
-    <lastmod>2024-04-19T08:16:52+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:52+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/lynn/lol.hs</loc>
@@ -16982,7 +16982,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/mills/index.html</loc>
-    <lastmod>2024-04-19T08:16:52+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:52+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/mills/IOCCC-hints.cp09_1.809</loc>
@@ -17046,7 +17046,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/poikola/index.html</loc>
-    <lastmod>2024-04-21T08:11:53+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:53+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/poikola/Makefile</loc>
@@ -17086,7 +17086,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-21T23:48:51+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/rules.txt</loc>
@@ -17106,7 +17106,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/yang/index.html</loc>
-    <lastmod>2024-04-19T08:16:53+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2019/yang/ioccc.txt</loc>
@@ -17182,7 +17182,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/burton/index.html</loc>
-    <lastmod>2024-04-19T08:39:04+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/burton/Makefile</loc>
@@ -17222,7 +17222,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/carlini/index.html</loc>
-    <lastmod>2024-04-19T08:39:05+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:55+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/carlini/Makefile</loc>
@@ -17278,7 +17278,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/endoh1/index.html</loc>
-    <lastmod>2024-04-19T08:16:55+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:55+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/endoh1/ioccc.txt</loc>
@@ -17338,7 +17338,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/endoh2/index.html</loc>
-    <lastmod>2024-04-19T08:16:56+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:56+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/endoh2/Makefile</loc>
@@ -17378,11 +17378,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/endoh2/spoiler/spoiler.html</loc>
-    <lastmod>2024-04-19T08:14:09+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:39+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/endoh2/spoiler/spoiler.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T04:38:04+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/endoh2/spoiler/tmpl.txt</loc>
@@ -17410,7 +17410,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/endoh3/index.html</loc>
-    <lastmod>2024-04-19T08:16:56+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:57+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/endoh3/Makefile</loc>
@@ -17450,11 +17450,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/bugs.html</loc>
-    <lastmod>2024-04-19T08:14:10+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:39+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/bugs.md</loc>
-    <lastmod>2024-04-18T22:49:36+00:00</lastmod>
+    <lastmod>2024-04-22T06:49:47+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/cake.jpg</loc>
@@ -17462,35 +17462,35 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/cannibalism.log.html</loc>
-    <lastmod>2024-04-19T08:14:10+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:40+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/cannibalism.log.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T05:08:31+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/chocolate-cake.html</loc>
-    <lastmod>2024-04-21T04:31:32+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:40+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/chocolate-cake.md</loc>
-    <lastmod>2024-04-21T04:31:12+00:00</lastmod>
+    <lastmod>2024-04-22T05:11:47+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/COMPILING.html</loc>
-    <lastmod>2024-04-19T08:14:10+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:41+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/COMPILING.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T05:02:12+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/crazy.log.html</loc>
-    <lastmod>2024-04-19T08:14:11+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:41+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/crazy.log.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T04:03:50+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/.entry.json</loc>
@@ -17498,11 +17498,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/gameplay.html</loc>
-    <lastmod>2024-04-19T08:14:09+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:39+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/gameplay.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T05:23:24+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/.gitignore</loc>
@@ -17510,15 +17510,15 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/HACKING.html</loc>
-    <lastmod>2024-04-19T08:14:11+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:41+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/HACKING.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T05:03:43+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/index.html</loc>
-    <lastmod>2024-04-21T08:35:09+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:57+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/ioccc-cake.jpg</loc>
@@ -17574,11 +17574,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/spoilers.html</loc>
-    <lastmod>2024-04-19T08:14:10+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:40+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/spoilers.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T05:27:37+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/termcaps.c</loc>
@@ -17586,19 +17586,19 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/terminals.html</loc>
-    <lastmod>2024-04-19T08:14:11+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:41+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/terminals.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T05:31:38+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/troubleshooting.html</loc>
-    <lastmod>2024-04-19T08:14:09+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:39+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson1/troubleshooting.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T06:08:10+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson2/2020_ferguson2.tar.bz2</loc>
@@ -17622,7 +17622,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson2/index.html</loc>
-    <lastmod>2024-04-21T09:10:26+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:58+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson2/input.txt</loc>
@@ -17638,7 +17638,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson2/obfuscation.html</loc>
-    <lastmod>2024-04-19T08:14:12+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:42+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson2/obfuscation.key</loc>
@@ -17646,7 +17646,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson2/obfuscation.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T04:05:24+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson2/obfuscation.txt</loc>
@@ -17682,11 +17682,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson2/recode.html</loc>
-    <lastmod>2024-04-19T08:14:11+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:42+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson2/recode.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-22T05:38:50+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/ferguson2/try.alt.sh</loc>
@@ -17722,7 +17722,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/giles/index.html</loc>
-    <lastmod>2024-04-19T08:16:58+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:59+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/giles/Makefile</loc>
@@ -17762,7 +17762,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/index.html</loc>
-    <lastmod>2024-04-19T08:14:04+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:32+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/iocccsize.c</loc>
@@ -17790,7 +17790,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/kurdyukov1/index.html</loc>
-    <lastmod>2024-04-19T08:16:58+00:00</lastmod>
+    <lastmod>2024-04-22T21:57:59+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/kurdyukov1/Makefile</loc>
@@ -17846,7 +17846,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/kurdyukov2/index.html</loc>
-    <lastmod>2024-04-19T08:16:59+00:00</lastmod>
+    <lastmod>2024-04-22T21:58:00+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/kurdyukov2/Makefile</loc>
@@ -17902,7 +17902,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/kurdyukov3/index.html</loc>
-    <lastmod>2024-04-19T08:16:59+00:00</lastmod>
+    <lastmod>2024-04-22T21:58:00+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/kurdyukov3/input.txt</loc>
@@ -17958,7 +17958,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/kurdyukov4/index.html</loc>
-    <lastmod>2024-04-19T08:17:00+00:00</lastmod>
+    <lastmod>2024-04-22T21:58:01+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/kurdyukov4/Makefile</loc>
@@ -18018,7 +18018,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/otterness/index.html</loc>
-    <lastmod>2024-04-19T08:17:00+00:00</lastmod>
+    <lastmod>2024-04-22T21:58:02+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/otterness/Makefile</loc>
@@ -18046,7 +18046,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/README.md</loc>
-    <lastmod>2024-04-12T18:22:04+00:00</lastmod>
+    <lastmod>2024-04-21T22:10:52+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/rules.txt</loc>
@@ -18066,7 +18066,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/tsoj/index.html</loc>
-    <lastmod>2024-04-19T08:17:01+00:00</lastmod>
+    <lastmod>2024-04-22T21:58:02+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/tsoj/Makefile</loc>
@@ -18110,7 +18110,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/yang/index.html</loc>
-    <lastmod>2024-04-19T08:17:02+00:00</lastmod>
+    <lastmod>2024-04-22T21:58:03+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/2020/yang/Makefile</loc>
@@ -18258,7 +18258,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/archive/historic/index.html</loc>
-    <lastmod>2024-04-19T08:14:13+00:00</lastmod>
+    <lastmod>2024-04-22T21:52:55+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/archive/historic/README.md</loc>
@@ -18946,7 +18946,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/authors.html</loc>
-    <lastmod>2024-04-21T06:47:18+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:15+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/author/Sjoerd_Mullender.json</loc>
@@ -19078,15 +19078,15 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/bin/gen-authors.sh</loc>
-    <lastmod>2024-04-17T03:39:46+00:00</lastmod>
+    <lastmod>2024-04-21T20:28:12+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/bin/gen-location.sh</loc>
-    <lastmod>2024-04-17T01:42:51+00:00</lastmod>
+    <lastmod>2024-04-21T20:46:07+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/bin/gen-other-html.sh</loc>
-    <lastmod>2024-04-21T05:40:59+00:00</lastmod>
+    <lastmod>2024-04-22T06:29:22+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/bin/gen-sitemap.sh</loc>
@@ -19094,11 +19094,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/bin/gen-status.sh</loc>
-    <lastmod>2024-04-16T19:14:55+00:00</lastmod>
+    <lastmod>2024-04-22T07:07:06+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/bin/gen-top-html.sh</loc>
-    <lastmod>2024-04-21T09:25:57+00:00</lastmod>
+    <lastmod>2024-04-22T07:17:03+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/bin/gen-year-index.sh</loc>
@@ -19106,11 +19106,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/bin/gen-years.sh</loc>
-    <lastmod>2024-04-17T01:20:43+00:00</lastmod>
+    <lastmod>2024-04-22T00:33:14+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/bin/index.html</loc>
-    <lastmod>2024-04-21T06:40:41+00:00</lastmod>
+    <lastmod>2024-04-22T21:52:55+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/bin/manifest.entry.json.awk</loc>
@@ -19126,11 +19126,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/bin/output-index-inventory.sh</loc>
-    <lastmod>2024-04-16T19:14:55+00:00</lastmod>
+    <lastmod>2024-04-22T00:53:09+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/bin/output-year-index.sh</loc>
-    <lastmod>2024-04-16T19:14:55+00:00</lastmod>
+    <lastmod>2024-04-22T01:05:38+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/bin/pandoc-wrapper.sh</loc>
@@ -19198,15 +19198,15 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/bugs.html</loc>
-    <lastmod>2024-04-19T08:14:13+00:00</lastmod>
+    <lastmod>2024-04-22T21:52:56+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/bugs.md</loc>
-    <lastmod>2024-04-17T05:38:38+00:00</lastmod>
+    <lastmod>2024-04-21T23:33:45+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/CODE_OF_CONDUCT.html</loc>
-    <lastmod>2024-04-19T08:14:12+00:00</lastmod>
+    <lastmod>2024-04-22T21:52:54+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/CODE_OF_CONDUCT.md</loc>
@@ -19214,19 +19214,19 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/contact.html</loc>
-    <lastmod>2024-04-20T20:35:51+00:00</lastmod>
+    <lastmod>2024-04-22T21:52:56+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/contact.md</loc>
-    <lastmod>2024-04-20T20:35:51+00:00</lastmod>
+    <lastmod>2024-04-21T22:57:10+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/faq.html</loc>
-    <lastmod>2024-04-21T09:51:32+00:00</lastmod>
+    <lastmod>2024-04-22T21:52:57+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/faq.md</loc>
-    <lastmod>2024-04-21T09:47:11+00:00</lastmod>
+    <lastmod>2024-04-22T02:02:28+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/.gitignore</loc>
@@ -19254,7 +19254,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/inc/body.default.html</loc>
-    <lastmod>2024-04-16T19:14:55+00:00</lastmod>
+    <lastmod>2024-04-22T21:52:39+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/inc/bottom.default.html</loc>
@@ -19310,7 +19310,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/inc/index.html</loc>
-    <lastmod>2024-04-19T08:14:14+00:00</lastmod>
+    <lastmod>2024-04-22T21:52:57+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/inc/md2html.cfg</loc>
@@ -19382,7 +19382,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/inc/topbar.default.html</loc>
-    <lastmod>2024-04-16T22:15:28+00:00</lastmod>
+    <lastmod>2024-04-22T21:52:47+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/inc/top.default.html</loc>
@@ -19390,7 +19390,7 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/index.html</loc>
-    <lastmod>2024-04-19T08:14:15+00:00</lastmod>
+    <lastmod>2024-04-22T21:52:57+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/index.md</loc>
@@ -19398,11 +19398,11 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/ioccc.css</loc>
-    <lastmod>2024-04-16T23:02:47+00:00</lastmod>
+    <lastmod>2024-04-22T21:45:31+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/judges.html</loc>
-    <lastmod>2024-04-19T08:14:15+00:00</lastmod>
+    <lastmod>2024-04-22T21:52:57+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/judges.md</loc>
@@ -19414,23 +19414,23 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/location.html</loc>
-    <lastmod>2024-04-21T06:47:31+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:17+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/Makefile</loc>
-    <lastmod>2024-04-18T22:49:36+00:00</lastmod>
+    <lastmod>2024-04-21T23:32:00+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/news.html</loc>
-    <lastmod>2024-04-19T08:14:15+00:00</lastmod>
+    <lastmod>2024-04-22T21:52:58+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/news.md</loc>
-    <lastmod>2024-04-18T22:49:50+00:00</lastmod>
+    <lastmod>2024-04-21T22:08:12+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/README.html</loc>
-    <lastmod>2024-04-19T08:14:13+00:00</lastmod>
+    <lastmod>2024-04-22T21:52:55+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/README.md</loc>
@@ -19442,15 +19442,15 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/status.json</loc>
-    <lastmod>2024-04-18T22:50:15+00:00</lastmod>
+    <lastmod>2024-04-21T22:12:06+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/thanks-for-help.html</loc>
-    <lastmod>2024-04-19T08:14:16+00:00</lastmod>
+    <lastmod>2024-04-22T21:53:00+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/thanks-for-help.md</loc>
-    <lastmod>2024-04-18T22:49:36+00:00</lastmod>
+    <lastmod>2024-04-21T23:34:20+00:00</lastmod>
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/.top</loc>
@@ -19466,6 +19466,6 @@
 </url>
 <url>
     <loc>https://ioccc-src.github.io/temp-test-ioccc/years.html</loc>
-    <lastmod>2024-04-21T06:48:01+00:00</lastmod>
+    <lastmod>2024-04-22T21:54:19+00:00</lastmod>
 </url>
 </urlset>
diff --git a/status.html b/status.html
index ca1478e3d..3910306b5 100644
--- a/status.html
+++ b/status.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -106,8 +108,172 @@
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/thanks-for-help.html b/thanks-for-help.html
index c9a0df05f..5cc9e8701 100644
--- a/thanks-for-help.html
+++ b/thanks-for-help.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -106,8 +108,172 @@
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->
 
diff --git a/years.html b/years.html
index 5818a8a2e..df46fe551 100644
--- a/years.html
+++ b/years.html
@@ -51,6 +51,8 @@
         IOCCC
       </div>
 
+      <div class="mobile-header-button-label">Click This</div>
+
       <div class="topbar-items">
         <div class="item">
           <span class="item-header">
@@ -106,8 +108,172 @@
       </div>
     </div>
   </nav>
+
+  <div class="header-mobile-menu">
+    <button id="header-open-menu-button" class="topbar-mobile-menu">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M4 6h16M4 12h16M4 18h16"
+        ></path>
+      </svg>
+    </button>
+
+    <button id="header-close-menu-button" class="hide-content">
+      <svg
+        class="mobile-menu-icon"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          d="M6 18L18 6M6 6l12 12"
+        ></path>
+      </svg>
+    </button>
+
+    <div id="mobile-menu-panel" class="hide-content">
+      <div class="mobile-menu-container">
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Home
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./index.html">
+              IOCCC Home
+            </a>
+
+            <a class="mobile-submenu-item" href="./years.html">
+              Winning Entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./authors.html">
+              People who have won
+            </a>
+
+            <a class="mobile-submenu-item" href="./location.html">
+              Location of authors
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            News
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./news.html">
+              IOCCC News
+            </a>
+
+            <a class="mobile-submenu-item" href="./status.html">
+              Contest status
+            </a>
+
+            <a class="mobile-submenu-item" href="./next/index.html">
+              Rules and Guidelines
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#submit">
+              How to enter the IOCCC
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html">
+              FAQ
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Bugs
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./bugs.html">
+              Bugs &amp; (mis)features
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
+              Fixing IOCCC entries
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_web_site">
+              Fixing the web site
+            </a>
+
+            <a class="mobile-submenu-item" href="./faq.html#fix_author">
+              Fixing author info
+            </a>
+
+            <a class="mobile-submenu-item" href="./thanks-for-help.html">
+              Thanks for the help
+            </a>
+          </div>
+        </div>
+
+        <div class="mobile-menu-wrapper">
+          <div class="mobile-menu-item">
+            Judges
+          </div>
+
+          <div class="mobile-submenu-wrapper">
+            <a class="mobile-submenu-item" href="./judges.html">
+              The IOCCC Judges
+            </a>
+
+            <a class="mobile-submenu-item" href="./contact.html">
+              Contacting the IOCCC
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
+<script>
+  var headerOpenMenuButton = document.getElementById("header-open-menu-button");
+  var headerCloseMenuButton = document.getElementById("header-close-menu-button");
+  var mobileMenuPanel = document.getElementById("mobile-menu-panel");
+
+  headerOpenMenuButton.addEventListener("click", () => {
+    headerOpenMenuButton.classList.remove("topbar-mobile-menu");
+    headerOpenMenuButton.classList.add("hide-content");
+
+    headerCloseMenuButton.classList.remove("hide-content");
+    headerCloseMenuButton.classList.add("topbar-mobile-menu");
+
+    mobileMenuPanel.classList.remove("hide-content");
+    mobileMenuPanel.classList.add("topbar-mobile-panel");
+  });
+
+  headerCloseMenuButton.addEventListener("click", () => {
+    headerCloseMenuButton.classList.remove("topbar-mobile-menu");
+    headerCloseMenuButton.classList.add("hide-content");
+
+    mobileMenuPanel.classList.add("hide-content");
+    mobileMenuPanel.classList.remove("topbar-mobile-panel");
+
+    headerOpenMenuButton.classList.add("topbar-mobile-menu");
+    headerOpenMenuButton.classList.remove("hide-content");
+  });
+</script>
+
 <!-- END: this line ends content from: inc/topbar.default.html -->
 <!-- START: this line starts content from: inc/header.default.html -->