trying to make a dreamcast-compatible version of the website

This commit is contained in:
/dev/urandom 2020-12-12 21:42:01 +03:00
parent 96beb5c762
commit bf26507685
7 changed files with 87 additions and 146 deletions

View file

@ -16,6 +16,7 @@ PNGS = $(patsubst $(PAGEDIR)/%,$(OUTDIR)/%,$(_PNGS))
_PAGES = $(shell find $(PAGEDIR) -name \*.md) _PAGES = $(shell find $(PAGEDIR) -name \*.md)
PAGES_HTML = $(patsubst $(PAGEDIR)/%.md,$(OUTDIR)/%.html,$(_PAGES)) PAGES_HTML = $(patsubst $(PAGEDIR)/%.md,$(OUTDIR)/%.html,$(_PAGES))
PAGES_HTML_DC = $(patsubst $(PAGEDIR)/%.md,$(OUTDIR)/dc/%.html,$(_PAGES))
_BLOG_PAGES = $(shell find $(PAGEDIR)/blog -name \*.md | grep -v $(PAGEDIR)/blog/index\.md$) _BLOG_PAGES = $(shell find $(PAGEDIR)/blog -name \*.md | grep -v $(PAGEDIR)/blog/index\.md$)
@ -29,11 +30,15 @@ OUT_STATIC = $(patsubst static/%,out/%,$(_STATIC_FILES)) $(patsubst static/%.h,o
.SUFFIXES: .SUFFIXES:
.PHONY: all upload .PHONY: all upload
all: $(OUTDIR)/blog/index.html $(OUTDIR)/blog/main.rss $(PAGES_HTML) $(OUT_STATIC) all: $(OUTDIR)/blog/index.html $(OUTDIR)/dc/blog/index.html $(OUTDIR)/blog/main.rss $(PAGES_HTML) $(PAGES_HTML_DC) $(OUT_STATIC)
upload: upload:
./upload.sh ./upload.sh
$(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 $@
$(OUTDIR)/blog/index.html: $(_BLOG_PAGES) $(TPLDIR)/blog_header.md $(TPLDIR)/blog_footer.md $(TPLDIR)/default.tpl $(OUTDIR)/blog/index.html: $(_BLOG_PAGES) $(TPLDIR)/blog_header.md $(TPLDIR)/blog_footer.md $(TPLDIR)/default.tpl
@mkdir -p $(@D) @mkdir -p $(@D)
./blogindex.sh | $(THEME) $(THEME_FLAGS) -t $(TPLDIR)/default.tpl -p blog/index.html -o $@ ./blogindex.sh | $(THEME) $(THEME_FLAGS) -t $(TPLDIR)/default.tpl -p blog/index.html -o $@
@ -46,6 +51,11 @@ $(OUTDIR)/%.html: $(PAGEDIR)/%.md $(TPLDIR)/default.tpl
@mkdir -p $(@D) @mkdir -p $(@D)
$(THEME) $(THEME_FLAGS) -t $(TPLDIR)/default.tpl -p $(patsubst $(OUTDIR)/%,%,$@) -o $@ $< $(THEME) $(THEME_FLAGS) -t $(TPLDIR)/default.tpl -p $(patsubst $(OUTDIR)/%,%,$@) -o $@ $<
$(OUTDIR)/dc/%.html: $(PAGEDIR)/%.md $(TPLDIR)/dreamcast.tpl
@mkdir -p $(@D)
$(THEME) $(THEME_FLAGS) -t $(TPLDIR)/dreamcast.tpl -p $(patsubst $(OUTDIR)/%,%,$@) -o $@ $<
sed -i -e "s/<div class=\"warning\">\(.*\)<\/div>/<mark>\1<\/mark>/" $@
$(OUTDIR)/%: static/%.h $(OUTDIR)/%: static/%.h
@mkdir -p $(@D) @mkdir -p $(@D)
cpp -E -P -o $@ $< cpp -E -P -o $@ $<

View file

@ -24,7 +24,7 @@ for f in $FILES; do
TITLE=${TITLE#"% "} TITLE=${TITLE#"% "}
OUTPAGE=${f%.md}.html OUTPAGE=${f%.md}.html
OUTPAGE=/${OUTPAGE#pages/} OUTPAGE=${OUTPAGE#pages/blog/}
if [ $MTIME ]; then if [ $MTIME ]; then
echo " * [$TITLE]($OUTPAGE) (last update `date -d "@$MTIME" "+%Y-%m-%d %H:%M"`)" echo " * [$TITLE]($OUTPAGE) (last update `date -d "@$MTIME" "+%Y-%m-%d %H:%M"`)"

View file

@ -76,144 +76,11 @@ extent, the same is true for a number of Han characters as well.)
### sitelen pona chart ### sitelen pona chart
<noscript> ![table of sitelen pona characters](/tokipona/sitelen_pona.gif)
<div class="error">
Your web browser has JavaScript disabled. Without it, this page cannot check
whether or not the "linja pimeja" font has successfully loaded. Therefore, the
sitelen pona table will remain hidden.
</div>
</noscript>
<div class="spflex"> > This table shows all the sitelen pona characters used for the 120 official
<div class="spitem"><div class="sp">a</div> a/kin</div> > words, as well as some characters commonly used for additional words ("nimi
<div class="spitem"><div class="sp">akesi</div> akesi</div> > sin") and alternative representations ("nasin lukin ante pi sitelen pona").
<div class="spitem"><div class="sp">ala</div> ala</div>
<div class="spitem"><div class="sp">alasa</div> alasa</div>
<div class="spitem"><div class="sp">ale</div> ale/ali</div>
<div class="spitem"><div class="sp">anpa</div> anpa</div>
<div class="spitem"><div class="sp">ante</div> ante</div>
<div class="spitem"><div class="sp">anu</div> anu</div>
<div class="spitem"><div class="sp">awen</div> awen</div>
<div class="spitem"><div class="sp">e</div> e</div>
<div class="spitem"><div class="sp">en</div> en</div>
<div class="spitem"><div class="sp">esun</div> esun</div>
<div class="spitem"><div class="sp">ijo</div> ijo</div>
<div class="spitem"><div class="sp">ike</div> ike</div>
<div class="spitem"><div class="sp">ilo</div> ilo</div>
<div class="spitem"><div class="sp">insa</div> insa</div>
<div class="spitem"><div class="sp">jaki</div> jaki</div>
<div class="spitem"><div class="sp">jan</div> jan</div>
<div class="spitem"><div class="sp">jelo</div> jelo</div>
<div class="spitem"><div class="sp">jo</div> jo</div>
<div class="spitem"><div class="sp">kala</div> kala</div>
<div class="spitem"><div class="sp">kalama</div> kalama</div>
<div class="spitem"><div class="sp">kama</div> kama</div>
<div class="spitem"><div class="sp">kasi</div> kasi</div>
<div class="spitem"><div class="sp">ken</div> ken</div>
<div class="spitem"><div class="sp">kepeken</div> kepeken</div>
<div class="spitem"><div class="sp">kili</div> kili</div>
<div class="spitem"><div class="sp">kiwen</div> kiwen</div>
<div class="spitem"><div class="sp">ko</div> ko</div>
<div class="spitem"><div class="sp">kon</div> kon</div>
<div class="spitem"><div class="sp">kule</div> kule</div>
<div class="spitem"><div class="sp">kulupu</div> kulupu</div>
<div class="spitem"><div class="sp">kute</div> kute</div>
<div class="spitem"><div class="sp">la</div> la</div>
<div class="spitem"><div class="sp">lape</div> lape</div>
<div class="spitem"><div class="sp">laso</div> laso</div>
<div class="spitem"><div class="sp">lawa</div> lawa</div>
<div class="spitem"><div class="sp">len</div> len</div>
<div class="spitem"><div class="sp">lete</div> lete</div>
<div class="spitem"><div class="sp">li</div> li</div>
<div class="spitem"><div class="sp">lili</div> lili</div>
<div class="spitem"><div class="sp">linja</div> linja</div>
<div class="spitem"><div class="sp">lipu</div> lipu</div>
<div class="spitem"><div class="sp">loje</div> loje</div>
<div class="spitem"><div class="sp">lon</div> lon</div>
<div class="spitem"><div class="sp">luka</div> luka</div>
<div class="spitem"><div class="sp">lukin</div> lukin</div>
<div class="spitem"><div class="sp">lupa</div> lupa</div>
<div class="spitem"><div class="sp">ma</div> ma</div>
<div class="spitem"><div class="sp">mama</div> mama</div>
<div class="spitem"><div class="sp">mani</div> mani</div>
<div class="spitem"><div class="sp">meli</div> meli</div>
<div class="spitem"><div class="sp">mi</div> mi</div>
<div class="spitem"><div class="sp">mije</div> mije</div>
<div class="spitem"><div class="sp">moku</div> moku</div>
<div class="spitem"><div class="sp">moli</div> moli</div>
<div class="spitem"><div class="sp">monsi</div> monsi</div>
<div class="spitem"><div class="sp">mu</div> mu</div>
<div class="spitem"><div class="sp">mun</div> mun</div>
<div class="spitem"><div class="sp">musi</div> musi</div>
<div class="spitem"><div class="sp">mute</div> mute</div>
<div class="spitem"><div class="sp">nanpa</div> nanpa</div>
<div class="spitem"><div class="sp">nasa</div> nasa</div>
<div class="spitem"><div class="sp">nasin</div> nasin</div>
<div class="spitem"><div class="sp">nena</div> nena</div>
<div class="spitem"><div class="sp">ni</div> ni</div>
<div class="spitem"><div class="sp">nimi</div> nimi</div>
<div class="spitem"><div class="sp">noka</div> noka</div>
<div class="spitem"><div class="sp">o</div> o</div>
<div class="spitem"><div class="sp">olin</div> olin</div>
<div class="spitem"><div class="sp">ona</div> ona</div>
<div class="spitem"><div class="sp">open</div> open</div>
<div class="spitem"><div class="sp">pakala</div> pakala</div>
<div class="spitem"><div class="sp">pali</div> pali</div>
<div class="spitem"><div class="sp">palisa</div> palisa</div>
<div class="spitem"><div class="sp">pan</div> pan</div>
<div class="spitem"><div class="sp">pana</div> pana</div>
<div class="spitem"><div class="sp">pi</div> pi</div>
<div class="spitem"><div class="sp">pilin</div> pilin</div>
<div class="spitem"><div class="sp">pimeja</div> pimeja</div>
<div class="spitem"><div class="sp">pini</div> pini</div>
<div class="spitem"><div class="sp">pipi</div> pipi</div>
<div class="spitem"><div class="sp">poka</div> poka</div>
<div class="spitem"><div class="sp">poki</div> poki</div>
<div class="spitem"><div class="sp">pona</div> pona</div>
<div class="spitem"><div class="sp">pu</div> pu</div>
<div class="spitem"><div class="sp">sama</div> sama</div>
<div class="spitem"><div class="sp">seli</div> seli</div>
<div class="spitem"><div class="sp">selo</div> selo</div>
<div class="spitem"><div class="sp">seme</div> seme</div>
<div class="spitem"><div class="sp">sewi</div> sewi</div>
<div class="spitem"><div class="sp">sijelo</div> sijelo</div>
<div class="spitem"><div class="sp">sike</div> sike</div>
<div class="spitem"><div class="sp">sin</div> sin</div>
<div class="spitem"><div class="sp">sina</div> sina</div>
<div class="spitem"><div class="sp">sinpin</div> sinpin</div>
<div class="spitem"><div class="sp">sitelen</div> sitelen</div>
<div class="spitem"><div class="sp">sona</div> sona</div>
<div class="spitem"><div class="sp">soweli</div> soweli</div>
<div class="spitem"><div class="sp">suli</div> suli</div>
<div class="spitem"><div class="sp">suno</div> suno</div>
<div class="spitem"><div class="sp">supa</div> supa</div>
<div class="spitem"><div class="sp">suwi</div> suwi</div>
<div class="spitem"><div class="sp">tan</div> tan</div>
<div class="spitem"><div class="sp">taso</div> taso</div>
<div class="spitem"><div class="sp">tawa</div> tawa</div>
<div class="spitem"><div class="sp">telo</div> telo</div>
<div class="spitem"><div class="sp">tenpo</div> tenpo</div>
<div class="spitem"><div class="sp">toki</div> toki</div>
<div class="spitem"><div class="sp">tomo</div> tomo</div>
<div class="spitem"><div class="sp">tu</div> tu</div>
<div class="spitem"><div class="sp">unpa</div> unpa</div>
<div class="spitem"><div class="sp">uta</div> uta</div>
<div class="spitem"><div class="sp">utala</div> utala</div>
<div class="spitem"><div class="sp">walo</div> walo</div>
<div class="spitem"><div class="sp">wan</div> wan</div>
<div class="spitem"><div class="sp">waso</div> waso</div>
<div class="spitem"><div class="sp">wawa</div> wawa</div>
<div class="spitem"><div class="sp">weka</div> weka</div>
<div class="spitem"><div class="sp">wile</div> wile</div>
</div>
<script>
document.fonts.load("12pt 'sitelen pona'").then(function () {
var box = document.getElementsByClassName('spflex');
for (var i=0; i < box.length; i++)
box[i].style.display = "flex";
});
</script>
Much like the Latin alphabet, it is written left-to-right and top-to-bottom. Much like the Latin alphabet, it is written left-to-right and top-to-bottom.
Each toki pona word is written using its character, without extra spaces between Each toki pona word is written using its character, without extra spaces between
@ -264,19 +131,20 @@ unofficial word "Nijon" ("Japan") written as three characters: "nena-ilo",
Here's some basic text written in sitelen pona. Here's some basic text written in sitelen pona.
> %warning% ![wan ni pi lipu ni li sitelen kepeken sitelen pona. sina ken ala ken sona e ni.
> (If your browser is unable to load the ["linja pimeja" font](https://github.com/increpare/linja_pimeja), / toki pona li jo e nimi pi mute lili. tan ni nasin sitelen ni li ken: sitelen
> the text below would just show up in large Latin characters. wan li toki e nimi wan. sitelen ale li lukin sama kon
ona.](/tokipona/sitelen_pona_example.png)
> %sp%
> wan ni pi lipu ni li sitelen kepeken sitelen pona. sina ken ala ken sona e ni.
>
<a name="answers" href="#answers" onclick="revealSpoilers();">Reveal translation</a> <a name="answers" href="#answers" onclick="revealSpoilers();">Reveal translation</a>
> %spoiler% > %spoiler%
> This part of this document is written using sitelen pona. Can you understand > This part of this document is written using sitelen pona. Can you understand
> it? > it?
>
> toki pona has a small number of words. Because of this, it's possible to make
> a writing system where one character means one word, but all characters look
> related to their meanings.
For some other texts written in sitelen pona, including a page that tries to For some other texts written in sitelen pona, including a page that tries to
teach someone to read it without using any other writing system, check out the teach someone to read it without using any other writing system, check out the

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

62
tpl/dreamcast.tpl Normal file
View file

@ -0,0 +1,62 @@
<!DOCTYPE html>
<!-- vim: set sw=2: -->
<html>
<head>
<meta charset="UTF-8">
<title><?theme title?></title>
<meta property="og:site_name" content="rnd's website"/>
<meta property="og:title" content="<?theme title?>"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://rnd.neocities.org/<?theme dir?><?theme source?>"/>
<link rel="icon" type="image/png" href="favicon.png">
<?theme style?>
</head>
<body x-margintop="0" x-marginleft="0" topmargin="0" marginwidth="0" marginheight="0" leftmargin="0" bgcolor="#050403">
<table cellspacing="0" cellpadding="0" border="0"><tbody>
<tr bgcolor="#050403"><td><a href="/dc"><img border="0" align="top" src="/website_banner.gif" width="256" height="32" alt="rnd's website logo"></a><font color="#fefefe"></td><td valign="middle"><font color="#fefefe"><?theme title?></font></td></tr>
<tr height="32" bgcolor="#221f31"><td colspan="2" background="/menu_background.gif">
<center><nav class="links">
<a href="/dc/index.html"><img align="top" border="0" width="128" height="32" src="/menu_button_main.gif" alt="Main page"></a><a href="/dc/about_me.html"><img align="top" border="0" width="128" height="32" src="/menu_button_about.gif" alt="About me"></a><a href="/dc/blog"><img align="top" border="0" width="128" height="32" src="/menu_button_blog.gif" alt="Blog"></a><a href="/dc/tokipona"><img align="top" border="0" width="128" height="32" src="/menu_button_tp.gif" alt="toki pona"></a>
</nav></center>
</td></tr>
<tr bgcolor="#fefefe"><td colspan="2">
<article class="content">
<?theme body?>
</article>
</td></tr>
<tr><td colspan="2" bgcolor="#050403">
<font color="#fefefe">
<a href="https://neocities.org/"><img src="/banners/neocities.gif"
width="88" height="31" alt="Hosted by Neocities" /></a>
<a rel="me" href="https://cybre.space/@devurandom"><img src="/banners/mastodon.gif"
width="88" height="31" alt="Follow me on Mastodon" /></a>
<a href="https://www.vim.org"><img src="/banners/vim.gif"
width="88" height="31" alt="This page made with Vim" /></a>
<a href="https://twitter.com/AdigunPolack/status/978086591485882368"><img src="/banners/simplejpc16.gif"
width="88" height="31" alt="SimpleJPC-16" title="This website uses the SimpleJPC-16 palette for its design." /></a>
<a href="https://mozilla.org/en-US/firefox/"><img src="/banners/firefox.gif"
width="88" height="31" alt="Best viewed in Firefox" title="This website is best viewed in the Firefox web browser."/ ></a>
<a href="https://alpinelinux.org"><img src="/banners/alpine.gif"
width="88" height="31" alt="Alpine Linux"/ ></a>
<a href="https://www.thedreamcastjunkyard.co.uk/"><img src="/banners/dcjy.gif"
width="88" height="31" alt="The Dreamcast Junkyard"/ ></a>
<a href="https://dreamcastlive.net/"><img src="/banners/dclive.gif"
width="88" height="31" alt="Dreamcast Live"/ ></a>
<a href="https://blaseball.com"><img src="/banners/blaseball.gif"
width="88" height="31" alt="Blaseball"/ ></a>
<a href="https://f-droid.org"><img src="/banners/fdroid.gif"
width="88" height="31" alt="F-Droid" title="F-Droid is a repository of free and open source Android applications."/ ></a>
<a href="https://rnd.neocities.org/tokipona/"><img src="/banners/mute_lukin.gif"
width="88" height="31" alt="jan li lukin e lipu ni lon tenpo mute"/ ></a>
<a href="https://jetsetradio.live/"><img src="/banners/jsrl.gif"
width="88" height="31" alt="Jet Set Radio Live"/ ></a>
<br />
Website created and updated by /dev/urandom. Source code available on the
<a href="https://gitlab.com/dev_urandom/simple-site">GitLab page</a>.
</font>
</td></tr>
</tbody></table>
</body>
<script src="/scripts.js"></script>
</html>

View file

@ -93,6 +93,7 @@ if [[ ${#UPARGS[@]} -gt 0 ]]; then
else else
echo "Not uploading differing files." echo "Not uploading differing files."
fi fi
else
echo "No files need to be uploaded." echo "No files need to be uploaded."
fi fi