mirror of
https://github.com/mrrpnya/lipu-sona.git
synced 2025-02-13 16:44:39 +00:00
trying to make a dreamcast-compatible version of the website
This commit is contained in:
parent
a3fd07c174
commit
e0166d6a2b
7 changed files with 87 additions and 146 deletions
12
Makefile
12
Makefile
|
@ -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 $@ $<
|
||||
|
|
|
@ -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"`)"
|
||||
|
|
|
@ -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
|
||||
|
|
BIN
static/tokipona/sitelen_pona.gif
Normal file
BIN
static/tokipona/sitelen_pona.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 21 KiB |
BIN
static/tokipona/sitelen_pona_example.png
Normal file
BIN
static/tokipona/sitelen_pona_example.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 18 KiB |
62
tpl/dreamcast.tpl
Normal file
62
tpl/dreamcast.tpl
Normal 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>
|
||||
|
|
@ -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
|
||||
|
||||
|
|
Loading…
Add table
Reference in a new issue