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_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$)
@ -29,11 +30,15 @@ OUT_STATIC = $(patsubst static/%,out/%,$(_STATIC_FILES)) $(patsubst static/%.h,o
.SUFFIXES:
.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.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
@mkdir -p $(@D)
./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)
$(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
@mkdir -p $(@D)
cpp -E -P -o $@ $<

View file

@ -24,7 +24,7 @@ for f in $FILES; do
TITLE=${TITLE#"% "}
OUTPAGE=${f%.md}.html
OUTPAGE=/${OUTPAGE#pages/}
OUTPAGE=${OUTPAGE#pages/blog/}
if [ $MTIME ]; then
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
<noscript>
<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>
![table of sitelen pona characters](/tokipona/sitelen_pona.gif)
<div class="spflex">
<div class="spitem"><div class="sp">a</div> a/kin</div>
<div class="spitem"><div class="sp">akesi</div> akesi</div>
<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>
> This table shows all the sitelen pona characters used for the 120 official
> words, as well as some characters commonly used for additional words ("nimi
> sin") and alternative representations ("nasin lukin ante pi sitelen pona").
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
@ -264,19 +131,20 @@ unofficial word "Nijon" ("Japan") written as three characters: "nena-ilo",
Here's some basic text written in sitelen pona.
> %warning%
> (If your browser is unable to load the ["linja pimeja" font](https://github.com/increpare/linja_pimeja),
> the text below would just show up in large Latin characters.
> %sp%
> wan ni pi lipu ni li sitelen kepeken sitelen pona. sina ken ala ken sona e ni.
>
![wan ni pi lipu ni li sitelen kepeken sitelen pona. sina ken ala ken sona e ni.
/ toki pona li jo e nimi pi mute lili. tan ni nasin sitelen ni li ken: sitelen
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>
> %spoiler%
> This part of this document is written using sitelen pona. Can you understand
> 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
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
echo "Not uploading differing files."
fi
else
echo "No files need to be uploaded."
fi