From cc5a5c0cb01c3aab7d3f6b85f60e851be4843a58 Mon Sep 17 00:00:00 2001
From: /dev/urandom <dev.urandom@posteo.org>
Date: Thu, 14 May 2020 13:31:38 +0300
Subject: [PATCH] separate style for toki pona pages

---
 pages/tokipona/phonetic_alphabet.md |   7 ++++---
 static/style.css.h                  |  16 ++++++++++++----
 static/tokipona/tokipona_banner.gif | Bin 0 -> 1467 bytes
 static/tokipona/xstyle.css.h        |  23 +++++++++++++++++++++++
 tpl/default.tpl                     |   4 ++++
 5 files changed, 43 insertions(+), 7 deletions(-)
 create mode 100644 static/tokipona/tokipona_banner.gif
 create mode 100644 static/tokipona/xstyle.css.h

diff --git a/pages/tokipona/phonetic_alphabet.md b/pages/tokipona/phonetic_alphabet.md
index 3bf4595..74e666f 100644
--- a/pages/tokipona/phonetic_alphabet.md
+++ b/pages/tokipona/phonetic_alphabet.md
@@ -50,8 +50,9 @@ kulupu Neto [NATO]. sitelen ante li sin, li kepeken nimi pi toki pona taso. jan
 kute li ken ala kama sona ike e toki sina la, sina ken weka e nimi "sitelen", e
 nimi "nanpa".
 
-sitelen Losi ale li kama tan nasin Losi pi ilo kute pi kalama weka pi jan ni:
-ona li lawa ala. ona mute suli li kama tan nimi pi jan Losi.
+kulupu lawa Losi li jo e nasin tawa ni: jan pi lipu ken ala li wile pana e
+kalama lon kon tawa weka. nimi pi sitelen Losi kama tan nasin ni. ona mute suli
+li kama tan nimi Losi.
 
 nimi lon insa poki kiwen li nimi tan. o toki ala e ona.
 
@@ -86,7 +87,7 @@ sina toki e sitelen suli la, sina wile toki e nimi pi sitelen e nimi "suli".
 |        8 | nanpa Eto [eight] / nanpa luka tu wan                    |
 |        9 | nanpa Nana [niner] / nanpa luka tu tu                    |
 |        : | sitelen pi pini tu                                       |
-|        ; | sitelen pi pini pi la                                    |
+|        ; | sitelen pi pini pi la / sitelen pi pini en la            |
 |        < | sitelen pi suli lili                                     |
 |        = | sitelen sama                                             |
 |        > | sitelen pi suli mute                                     |
diff --git a/static/style.css.h b/static/style.css.h
index 3939f27..4a3c771 100644
--- a/static/style.css.h
+++ b/static/style.css.h
@@ -1,5 +1,6 @@
 #define C_PAGEBG #404a68
 #define C_HEADERBG #221f31
+#define C_HEADERBGHALF rgba(34,31,49,0.5)
 #define C_BODYBG #fefefe
 #define C_FOOTERBG #9a93b7
 
@@ -68,12 +69,15 @@ th, td {
 	color: C_HEADERFG;
 	font-family: sans-serif;
 	min-height: 1px;
-	padding-block: 1em;
 
 }
 
+.header_text {
+	padding-block: 0.5em;
+}
+
 .header a, .header a:visited {
-	color: C_HEADERFG;
+	color: inherit;
 }
 
 .header h2, .header h3 {
@@ -159,6 +163,10 @@ th, td {
 @media screen and (min-width: 480px) {
 
 	.header {
+	}
+
+	.header_text {
+		background: C_HEADERBGHALF;
 		padding-inline: 2em;
 	}
 	.content {
@@ -172,13 +180,13 @@ th, td {
 	}
 }
 
-@media screen and (min-width:720pt) {
+@media screen and (min-width:768pt) {
 	html {
 		background:C_PAGEBG;
 	}
 	body {
 		box-shadow: 0 0 0 1px C_BBORDER;
-		max-width: 720pt;
+		max-width: 768pt;
 		margin: auto;
 	}
 }
diff --git a/static/tokipona/tokipona_banner.gif b/static/tokipona/tokipona_banner.gif
new file mode 100644
index 0000000000000000000000000000000000000000..0e5f87f394492156c0f98830cefdfe7f637b3745
GIT binary patch
literal 1467
zcmZ?wbhEHbWMEWa`0l{K%EGK9Zx~`KHak!E;Rg4w?`Hq|_pkfmgPKDr>HVh-^OYUE
zG8X#UFU`0zYx4G26PtkQN6}~q44V*8{Lk$i<mb)+1crJB9zcqTff+<P_=CuRco3P8
z4<ZZdL1aTeh@3DVL@rnlA~);@kq6F$$P4#D<b(GNia%Lc{{MGi&;jxp7#I~8*jfH>
zIN`Z^uf^-LyZ<L>^rd9hoi19J^Lk%_PX5cB`xWcnyT<+$QONhukxF**+_c=vYW@X{
zw9JKG>u;<%BbAf2|G|a|AHCNCFG_Ar%+i;6wWG#w{q6TZ_SBt!|NDPKV`E-RZi6OA
zM;CWxM@Cy#>!it3rZi2TF>}_eoLoMUxtaw<lP30bclK2DwPg0KoVH<2|EdXjvv=&=
zwL4d8LgD0ftJ;@$Z#}$W%eL*ETTY!ivHQ~HD`k64)*o7S{Lszv73Vgc-*o)+?WY&7
zzIwguy3GEEw^m+QbK>TM&yUU?`1<Ye+Fv&~WjZ=fv*vT`eEQn_+|AW>TRlAAsGS!%
z*e&t1gh}z#qT^K`|8spT{*fPP8Kj`S>dc8vOE>t-TUAb({z-060mJ9sWVW}0e)TV7
zxKuL=y7o`xF0RvN`;e$wWjA?|w3le|#byWBS5J1Xia6?(a5!tN*R;74RMR(`@$Nbv
zeRF$(>C#rs#K$b#OOG78bb9;y%R3sL?t95}IWKlk$)9zhXLjU2I6j?6oa1Sy!IRT7
zPA)1fpPu{d{DP~6-&%LfJQ*Aq`!?C@^7HkP>!jcHWXy^`xq@qZt?4sM6GMH;Jhwx8
z`**y$dO}&t>)kEwS4WP_cMra|r|jd4js3s#(gSvsJ>BqMHeL5zW!aVUk9qy|;>?Th
zZL7A@-zzJSx@+>?o>?8SrN94OGE9$ksCp^VA)9-PQ{q7tLtMDLUgA^H_{#rV%@nG)
ti-rdUNCq8O@O#d<`JQKt?FmoC-!oS{>S~zr@KLwHF^$JP25t-t)&R=RbZGzp

literal 0
HcmV?d00001

diff --git a/static/tokipona/xstyle.css.h b/static/tokipona/xstyle.css.h
new file mode 100644
index 0000000..e75934a
--- /dev/null
+++ b/static/tokipona/xstyle.css.h
@@ -0,0 +1,23 @@
+.header {
+  background: #f5ee9b;
+  color: #404a68;
+}
+
+@media screen and (min-width: 480px) {
+
+	.header_image {
+		min-height: 96pt;
+		background-image: url("tokipona_banner.gif");
+		background-size: contain;
+		background-repeat: no-repeat;
+		background-position: center;	
+		image-rendering: crisp-edges;
+	}
+	
+	.header_text {
+		background: rgba(245,238,155,0.75);
+	}
+
+}
+
+
diff --git a/tpl/default.tpl b/tpl/default.tpl
index 065f39c..55586b1 100644
--- a/tpl/default.tpl
+++ b/tpl/default.tpl
@@ -5,13 +5,17 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title><?theme title?></title>
     <link href="/style.css" rel="stylesheet" type="text/css" media="all">
+    <link href="xstyle.css" rel="stylesheet" type="text/css" media="all">
     <link rel="icon" type="image/png" href="favicon.png">
     <?theme style?>
     <script src="/scripts.js"></script>
   </head>
 <body>
    <div class="header">
+	<div class="header_image"></div>
+	<div class="header_text">
 	<h2><a href="/">rnd's website</a><span class="titlesep"> | </span></h2><h3><?theme title?></h3>
+	</div>
    </div>
    <div class="content">
      <?theme body?>