SevenOfAces/lipu-sona
1
0
Fork 0
mirror of https://github.com/mrrpnya/lipu-sona.git synced 2025-02-18 18:40:30 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

separate style for toki pona pages

Browse source
This commit is contained in:
/dev/urandom 2020-05-14 13:31:38 +03:00
parent e67e963177
commit cc5a5c0cb0
5 changed files with 43 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
pages/tokipona/phonetic_alphabet.md
View file

@ -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 kute li ken ala kama sona ike e toki sina la, sina ken weka e nimi "sitelen", e
nimi "nanpa". nimi "nanpa".
sitelen Losi ale li kama tan nasin Losi pi ilo kute pi kalama weka pi jan ni: kulupu lawa Losi li jo e nasin tawa ni: jan pi lipu ken ala li wile pana e
ona li lawa ala. ona mute suli li kama tan nimi pi jan Losi. 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. 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 | | 8 | nanpa Eto [eight] / nanpa luka tu wan |
| 9 | nanpa Nana [niner] / nanpa luka tu tu | | 9 | nanpa Nana [niner] / nanpa luka tu tu |
| : | sitelen pi pini 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 pi suli lili |
| = | sitelen sama | | = | sitelen sama |
| > | sitelen pi suli mute | | > | sitelen pi suli mute |

16
static/style.css.h
View file

@ -1,5 +1,6 @@
#define C_PAGEBG #404a68 #define C_PAGEBG #404a68
#define C_HEADERBG #221f31 #define C_HEADERBG #221f31
#define C_HEADERBGHALF rgba(34,31,49,0.5)
#define C_BODYBG #fefefe #define C_BODYBG #fefefe
#define C_FOOTERBG #9a93b7 #define C_FOOTERBG #9a93b7
@ -68,12 +69,15 @@ th, td {
color: C_HEADERFG; color: C_HEADERFG;
font-family: sans-serif; font-family: sans-serif;
min-height: 1px; min-height: 1px;
padding-block: 1em;
} }
.header_text {
padding-block: 0.5em;
}
.header a, .header a:visited { .header a, .header a:visited {
color: C_HEADERFG; color: inherit;
} }
.header h2, .header h3 { .header h2, .header h3 {
@ -159,6 +163,10 @@ th, td {
@media screen and (min-width: 480px) { @media screen and (min-width: 480px) {
.header { .header {
}
.header_text {
background: C_HEADERBGHALF;
padding-inline: 2em; padding-inline: 2em;
} }
.content { .content {
@ -172,13 +180,13 @@ th, td {
} }
} }
@media screen and (min-width:720pt) { @media screen and (min-width:768pt) {
html { html {
background:C_PAGEBG; background:C_PAGEBG;
} }
body { body {
box-shadow: 0 0 0 1px C_BBORDER; box-shadow: 0 0 0 1px C_BBORDER;
max-width: 720pt; max-width: 768pt;
margin: auto; margin: auto;
} }
} }

BIN
static/tokipona/tokipona_banner.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

23
static/tokipona/xstyle.css.h Normal file
View file

@ -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);
}
}

4
tpl/default.tpl
View file

@ -5,13 +5,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?theme title?></title> <title><?theme title?></title>
<link href="/style.css" rel="stylesheet" type="text/css" media="all"> <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"> <link rel="icon" type="image/png" href="favicon.png">
<?theme style?> <?theme style?>
<script src="/scripts.js"></script> <script src="/scripts.js"></script>
</head> </head>
<body> <body>
<div class="header"> <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> <h2><a href="/">rnd's website</a><span class="titlesep"> | </span></h2><h3><?theme title?></h3>
</div>
</div> </div>
<div class="content"> <div class="content">
<?theme body?> <?theme body?>