dreamcast version ready. can't completely hide spoilers tho.

Makefile

@@ -10,6 +10,7 @@ THEME=theme
 endif
 
 THEME_FLAGS=-c style,fencedcode
+DC_THEME_FLAGS=$(THEME_FLAGS),nopants
 
 _PNGS = $(shell find $(PAGEDIR) -name \*.png)
 PNGS = $(patsubst $(PAGEDIR)/%,$(OUTDIR)/%,$(_PNGS))
@@ -37,7 +38,7 @@ upload:
 
 $(OUTDIR)/dc/blog/index.html: $(_BLOG_PAGES) $(TPLDIR)/blog_header.md $(TPLDIR)/blog_footer.md $(TPLDIR)/dreamcast.tpl
 	@mkdir -p $(@D)
-	./blogindex.sh | $(THEME) $(THEME_FLAGS) -t $(TPLDIR)/dreamcast.tpl -p blog/index.html -o $@
+	./blogindex.sh | $(THEME) $(DC_THEME_FLAGS) -t $(TPLDIR)/dreamcast.tpl -p blog/index.html -o $@
 
 $(OUTDIR)/blog/index.html: $(_BLOG_PAGES) $(TPLDIR)/blog_header.md $(TPLDIR)/blog_footer.md $(TPLDIR)/default.tpl
 	@mkdir -p $(@D)
@@ -53,8 +54,9 @@ $(OUTDIR)/%.html: $(PAGEDIR)/%.md $(TPLDIR)/default.tpl
 
 $(OUTDIR)/dc/%.html: $(PAGEDIR)/%.md $(TPLDIR)/dreamcast.tpl
 	@mkdir -p $(@D)
-	$(THEME) $(THEME_FLAGS) -t $(TPLDIR)/dreamcast.tpl -p $(patsubst $(OUTDIR)/%,%,$@) -o $@ $<
+	$(THEME) $(DC_THEME_FLAGS) -t $(TPLDIR)/dreamcast.tpl -p $(patsubst $(OUTDIR)/%,%,$@) -o $@.tmp $<
-	sed -i -e "s/<div class=\"warning\">\(.*\)<\/div>/<mark>\1<\/mark>/" $@
+	cat $@.tmp | ./simplify.sh > $@
+	rm $@.tmp
 
 $(OUTDIR)/%: static/%.h
 	@mkdir -p $(@D)

pages/tokipona/game_patches.md

@@ -106,8 +106,8 @@ sitelen pona.
 
 * nasin pi lipu ante: nasin IPS
 
-* [lipu ante (ijo musi li sitelen kepeken sitelen Kansi)](shogi_tokipona.ips)
+* [lipu ante (ijo musi li sitelen kepeken sitelen Kansi)](/tokipona/shogi_tokipona.ips)
-* [lipu ante (ijo musi li sitelen kepeken sitelen pona)](shogi_tokipona2.ips)
+* [lipu ante (ijo musi li sitelen kepeken sitelen pona)](/tokipona/shogi_tokipona2.ips)
 
 # musi Masan pi jan musi 4
 
@@ -149,5 +149,5 @@ sin.
 
 * nasin pi lipu ante: nasin IPS
 
-* [lipu ante](mahjong_tokipona.ips)
+* [lipu ante](/tokipona/mahjong_tokipona.ips)
 

pages/tokipona/jan_lawa_pi_linja_ilo.md

@@ -60,13 +60,13 @@ hosting the game.
 
 # screenshots / sitelen
 
-![Title Screen / lipu lawa](jan_lawa_title.png)
+![Title Screen / lipu lawa](/tokipona/jan_lawa_title.png)
 
-![Gameplay / lipu musi](jan_lawa_gameplay.png)
+![Gameplay / lipu musi](/tokipona/jan_lawa_gameplay.png)
 
 # downloads / o kama jo e musi ni
 
-* [NES ROM file / lipu sona pi ilo NES](jan_lawa.nes)
+* [NES ROM file / lipu sona pi ilo NES](/tokipona/jan_lawa.nes)
 
-* [(Very messy) source code / lipu pi nasin pali pi lipu sona](jan_lawa_src.tar.gz)
+* [(Very messy) source code / lipu pi nasin pali pi lipu sona](/tokipona/jan_lawa_src.tar.gz)
 

pages/tokipona/riichi_mahjong.md

@@ -37,7 +37,7 @@ musi "Lisi Masan" (Riichi Mahjong) li ante pi musi Masan tan ma Nijon. <!-- Riic
 
 ## ijo musi
 
-![sitelen pi ijo musi pi musi Masan](mahjong_tiles.gif)
+![sitelen pi ijo musi pi musi Masan](/tokipona/mahjong_tiles.gif)
 
 musi Lisi Masan la, ijo musi ante 34 li lon. ante wan la, ijo musi 4 sama li lon. ni la, ijo musi 136 li lon. <!-- there are 34 types of tiles, 4 of each tile, so 136 tiles. -->
 
@@ -148,7 +148,7 @@ ale li pona, jan musi li lon ma sama ni:
              jan musi Ton
 ```
 
-![ijo ni li toki e ni: tenpo seme li lon? tenpo open la, jan musi seme li jan musi pi nasin Ton](mahjong_indicator.gif)
+![ijo ni li toki e ni: tenpo seme li lon? tenpo open la, jan musi seme li jan musi pi nasin Ton](/tokipona/mahjong_indicator.gif)
 
 jan musi Ton li tawa e **ilo sona pi tenpo musi** lon poki ona lon nasin ni: poki pi sitelen "Ton" (東) li lon sewi. ona li toki e ni: kulupu pi tenpo musi pi nasin Ton li lon, jan ni li jan musi pi nasin Ton lon tenpo open.
 
@@ -231,7 +231,7 @@ sina lukin e supa musi tan sewi la, nasin pi ijo musi li sama nasin palisa pi il
 ```
 
 ![sitelen ni li pana lukin e sona ni: jan seme li kama jo e ijo musi seme lon
-tenpo seme? ijo seme li lon sinpin moli?](mahjong_wall.gif)
+tenpo seme? ijo seme li lon sinpin moli?](/tokipona/mahjong_wall.gif)
 
 jan musi ale li pali e ijo sama, kepeken nasin nanpa sama, lon tenpo tu.
 
@@ -489,7 +489,7 @@ pona suli 1. taso, ona li ken ala ante e "**ijo pona ken**" pi luka ona:
 ## nasin Jaku
 
 ![sitelen ni li pana lukin e luka pona pi nasin Jaku
-ante](mahjong_basic_yaku.gif)
+ante](/tokipona/mahjong_basic_yaku.gif)
 
 jan li wile kama jo e luka pona la, ona li wile pona tawa nasin Jaku. nasin Jaku
 mute li lon. luka pona li ken pona tawa nasin Jaku wan anu nasin Jaku mute.
@@ -791,9 +791,9 @@ luka pona la, ona li kama jo e mute seme pi mani musi?
 lipu #2 li pona tawa ni: jan pi nasin Ton li jo e
 luka pona la, ona li kama jo e mute seme pi mani musi?
 
-![lipu nanpa pi mani musi #1](mahjong_score1.gif)
+![lipu nanpa pi mani musi #1](/tokipona/mahjong_score1.gif)
 
-![lipu nanpa pi mani musi #1](mahjong_score2.gif)
+![lipu nanpa pi mani musi #2](/tokipona/mahjong_score2.gif)
 
 sin la, jan li toki "Lisi", li weka e mani musi 1000 la, jan pi luka pona li
 kama jo e ona.

pages/tokipona/ru_sitelen_pona.md

@@ -269,7 +269,7 @@ document.fonts.load("12pt 'sitelen pona'").then(function () {
 > wan ni pi lipu ni li sitelen kepeken sitelen pona. sina ken ala ken sona e ni.
 >
 
-<a name="answers" href="#answers" onclick="revealSpoilers();">Раскрыть перевод</a>
+<button onclick="revealSpoilers();">Раскрыть перевод</a>
 
 > %spoiler%
 > Эта часть этого документа написана с помощью sitelen pona. Можете ли вы её
@@ -320,23 +320,23 @@ pimeja". Однако это не единственный шрифт, кото
 
 * linja pona:
 
-![](lpona.png)
+![](/tokipona/lpona.png)
 
 * linja pona (с использованием совмещённых символов для слогов):
 
-![](lpona2.png)
+![](/tokipona/lpona2.png)
 
 * linja pimeja:
 
-![](lpimeja.png)
+![](/tokipona/lpimeja.png)
 
 * sitelen pona pona:
 
-![](spp.png)
+![](/tokipona/spp.png)
 
 * insa pi supa lape:
 
-![](insa.png)
+![](/tokipona/insa.png)
 
 ### sitelen emoji / sitelen pilin
 

pages/tokipona/ru_x1.md

@@ -135,7 +135,7 @@ pona и sitelen sitelen -- пишутся слева направо.)
 > век.
 >
 
-<a name="gender" href="#gender" onclick="revealSpoilers();">Раскрыть раздел</a>
+<button onclick="revealSpoilers();">Раскрыть раздел</a>
 
 > %spoiler%
 > Слова "mije" и "meli" значат "мужчина/мужской" и "женщина/женский". Но есть

pages/tokipona/sitelen_pona.md

@@ -2,40 +2,6 @@
 % /dev/urandom
 % june 2020
 
-<style>
-.sp {
-    font-size:3em;
-    font-family:"linja pimeja";
-    font-variant-ligatures: common-ligatures;
-}
-
-.spflex {
-display: none;
-flex-direction: row;
-flex-wrap: wrap;
-border: 2px solid #9b9b9b;
-border-radius: 4pt;
-}
-
-.spitem {
-	flex-grow: 1;
-	width: 4em;
-	padding: 0.25em;
-	margin: 0.5em;
-	border: 1px solid #9b9b9b;
-	border-radius: 4pt;
-	text-align: center;
-	overflow: hidden;
-}
-
-@media tty {
-	.spflex {
-		display: none !important;
-	}
-}
-
-</style>
-
 ## sitelen pona
 
 "sitelen pona" ("simple writing" or "good writing") is a logographic writing
@@ -136,7 +102,7 @@ Here's some basic text written in sitelen pona.
 wan li toki e nimi wan. sitelen ale li lukin sama kon
 ona.](/tokipona/sitelen_pona_example.png)
 
-<a name="answers" href="#answers" onclick="revealSpoilers();">Reveal translation</a>
+<button onclick="revealSpoilers();">Reveal translation</button>
 
 > %spoiler%
 > This part of this document is written using sitelen pona. Can you understand
@@ -193,23 +159,23 @@ fully-functional vector font.
 
 * linja pona:
 
-![](lpona.png)
+![](/tokipona/lpona.png)
 
 * linja pona (syllables using composite characters):
 
-![](lpona2.png)
+![](/tokipona/lpona2.png)
 
 * linja pimeja:
 
-![](lpimeja.png)
+![](/tokipona/lpimeja.png)
 
 * sitelen pona pona:
 
-![](spp.png)
+![](/tokipona/spp.png)
 
 * insa pi supa lape:
 
-![](insa.png)
+![](/tokipona/insa.png)
 
 ### sitelen emoji / sitelen pilin
 

simplify.sh

@@ -0,0 +1,6 @@
+#!/bin/sh
+perl -0pe 's/<div class="warning">(.*?)<\/div>/<table bgcolor="#f5ee9b" border="1px solid #9b6e2d"><tbody><tr><td>\1<\/td><\/tr><\/tbody><\/table>/gs' | \
+perl -0pe 's/<div class="info">(.*?)<\/div>/<table bgcolor="#8be1e0" border="1px solid #221f31"><tbody><tr><td>\1<\/td><\/tr><\/tbody><\/table>/gs' | \
+perl -0pe 's/<div class="error">(.*?)<\/div>/<table bgcolor="#ea9182" border="1px solid #a14d3f"><tbody><tr><td>\1<\/td><\/tr><\/tbody><\/table>/gs' | \
+perl -0pe 's/<div class="spoiler">(.*?)<\/div>/<font color="#9A93B7">\1<\/font>/gs' | \
+perl -0pe 's/<button onclick="revealSpoilers\(\);">(.*?)<\/button>//gs'

tpl/dreamcast.tpl

@@ -21,7 +21,9 @@
     </td></tr>
     <tr bgcolor="#fefefe"><td colspan="2">
       <article class="content">
+        <form name="content">
 	  <?theme body?>
+	</form>
       </article>
     </td></tr>
     <tr><td colspan="2" bgcolor="#050403">
@@ -57,6 +59,6 @@
     </td></tr>
     </tbody></table>
   </body>
-  <script src="/scripts.js"></script>
+  <script src="/dc_scripts.js"></script>
 </html>