tiger
/
lipu-sona
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

idk what i wanna do yet

This commit is contained in:
tess 2022-05-28 12:56:00 +02:00
parent 88acd9ef3f
commit 347da793f7
34 changed files with 403 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
0.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../assets/stylesheet.css">
<link rel="stylesheet" href="./assets/stylesheet.css">
<title>~sounds (lesson 0)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="./assets/favicon.png">
</head>
<body>
@ -45,6 +45,6 @@
<a class=link href="./">󱤪 index 󱤪</a>
<a class=link style="float:right;" href=1>󱥩 next</a>
</div>
<script src="../assets/script.js"></script>
<script src="./assets/script.js"></script>
</body>
</html>

6
1/answers.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>~answers (lesson 1)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body style="padding-bottom:400px;">
@ -31,6 +31,6 @@
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../2/answers>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
<script src="../assets/script.js"></script>
</body>
</html>

6
1/index.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>~me & you (lesson 1)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
@ -89,6 +89,6 @@
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../2>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
<script src="../assets/script.js"></script>
</body>
</html>

6
10/index.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>a! (lesson 10)</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
@ -132,6 +132,6 @@
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../11>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
<script src="../assets/script.js"></script>
</body>
</html>

6
11/index.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>questions? (lesson 11)</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
@ -165,6 +165,6 @@
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../12>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
<script src="../assets/script.js"></script>
</body>
</html>

6
2/answers.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>~answers (lesson 2)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body style="padding-bottom:400px;">
@ -32,6 +32,6 @@
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../3/answers>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
<script src="../assets/script.js"></script>
</body>
</html>

6
2/index.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>~li (lesson 2)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
@ -85,6 +85,6 @@
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../3>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
<script src="../assets/script.js"></script>
</body>
</html>

6
3/answers.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>~answers (lesson 3)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body style="padding-bottom:400px;">
@ -38,6 +38,6 @@
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../4/answers>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
<script src="../assets/script.js"></script>
</body>
</html>

6
3/index.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>~modifiers (lesson 3)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
@ -129,6 +129,6 @@
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../4>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
<script src="../assets/script.js"></script>
</body>
</html>

6
4/answers.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>~answers (lesson 3)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body style="padding-bottom:400px;">
@ -45,6 +45,6 @@
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../5/answers>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
<script src="../assets/script.js"></script>
</body>
</html>

6
4/index.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>~objects (lesson 4)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
@ -167,6 +167,6 @@
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../5>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
<script src="../assets/script.js"></script>
</body>
</html>

6
5/answers.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>~answers (lesson 5)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body>
@ -55,6 +55,6 @@
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../6/answers>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
<script src="../assets/script.js"></script>
</body>
</html>

6
5/index.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>~preverbs (lesson 5)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
@ -202,6 +202,6 @@
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../6>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
<script src="../assets/script.js"></script>
</body>
</html>

6
5/story-eng.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>story (lesson 5)</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
@ -47,6 +47,6 @@
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../6>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
<script src="../assets/script.js"></script>
</body>
</html>

6
5/story.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>story (lesson 5)</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
@ -47,6 +47,6 @@
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../6>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
<script src="../assets/script.js"></script>
</body>
</html>

6
6/index.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>~pi (lesson 6)~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
@ -161,6 +161,6 @@
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../7>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
<script src="../assets/script.js"></script>
</body>
</html>

6
7/index.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>prepositions (lesson 7)</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
@ -138,6 +138,6 @@
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../8>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
<script src="../assets/script.js"></script>
</body>
</html>

6
8/index.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>locative and temporal statements (lesson 8)</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
@ -146,6 +146,6 @@
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../9>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
<script src="../assets/script.js"></script>
</body>
</html>

6
9/index.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../assets/stylesheet.css">
<link rel="stylesheet" href="../assets/stylesheet.css">
<title>names (lesson 9)</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
</head>
<body onload="toggleTextClass('answers')">
@ -153,6 +153,6 @@
<a class=link href=../>󱤪 index 󱤪</a>
<a class=link style="float:right;" href=../10>󱥩 next</a>
</div>
<script src="../../assets/script.js"></script>
<script src="../assets/script.js"></script>
</body>
</html>

BIN
assets/background-clouds.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
assets/background-clouds.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 150 KiB

BIN
assets/background-grass.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 160 KiB

BIN
assets/background-grass.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 852 KiB

BIN
assets/background-grassb.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

BIN
assets/background-index.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 292 KiB

BIN
assets/background-repeat.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 212 KiB

BIN
assets/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 52 KiB

BIN
assets/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 195 KiB

BIN
assets/linja-nanpa.otf Normal file
View File

Binary file not shown.

BIN
assets/mononoki-Regular.woff Normal file
View File

Binary file not shown.

BIN
assets/nasin-nanpa-2.5.1.otf Normal file
View File

Binary file not shown.

60
assets/script.js Normal file
View File

@ -0,0 +1,60 @@
function changeText(id, text) {
var display = document.getElementById(id);
display.innerHTML = "";
display.innerHTML = text;
}
function toggleText(id) {
var display = document.getElementById(id);
if (display.classList.contains('hide')) {
display.classList.remove('hide');
} else {
display.classList.add('hide');
}
}
function toggleTextClass(cla) {
var display = document.getElementsByClassName(cla);
for(var i = (display.length - 1); i >= 0; i--)
{
if (display[i].classList.contains('hide')) {
display[i].classList.remove('hide');
} else {
display[i].classList.add('hide');
}
}
}
function randomizeTextOne(id, id2) {
var array = ["<a href='made'>pali e ijo</a>", "<a href='good/shinx'>poka e soweli tan musi Pokenon</a>", "<a href='good/blorbos'>toki mute lon jan ni: ona li wawa tawa lawa mi</a>", "<a href='good'>pana e ijo pona</a>", "<a href='good/music'>kute e kalama musi nanpa wan</a>", "<a href='good/tokipona'>toki e ijo pona pi toki pona</a>", "<a href='good/videos'>pali e ni: sina o lukin e sitelen tawa pona ni</a>", "<a href='made/art'>pali e sitelen</a>", "<a href='made/games'>pana e musi</a>", "<a href='made/music'>pana e kalama musi ike</a>", '<a href="tess/gay"; id=gush onmouseover="changeText(&#39;gush&#39;,&#39;olin mi li ale tawa mi a,, ona li sewi li suwi li a!! mi olin e ona&#39;)"; onmouseout="changeText(&#39;gush&#39;,&#39;toki e pona pi olin mi&#39;)">toki e pona pi olin mi</a>'];
var randInt = getRandomInt(0, array.length);
var randInt2 = randInt;
while (randInt2 === randInt) {
randInt2 = getRandomInt(0, array.length);
}
var item = array[randInt];
var item2 = array[randInt2];
var display = document.getElementById(id);
var display2 = document.getElementById(id2);
display.innerHTML = item;
display2.innerHTML = item2;
}
function getRandomInt(min, max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min)) + min
}
function headerLink() {
var id = "";
var url = window.location.href.toString();
if (url.includes("#")) {
id = url.slice(url.lastIndexOf("#")+1);
} else { return }
toggleText(id + "t");
}

283
assets/stylesheet.css Normal file
View File

@ -0,0 +1,283 @@
@font-face {
font-family: mononoki;
src:url("mononoki-Regular.woff")
}
@font-face {
font-family: linja nanpa;
src:url("nasin-nanpa-2.5.1.otf")
}
body {
background-color: #031014;
color: #ee8def;
font-family: mononoki, linja nanpa;
font-size:115%;
background-image:url("background-clouds.png"), url(background-grass.png), url("background-repeat.jpg");
background-repeat: no-repeat, no-repeat, repeat;
background-position: center top, center bottom, center;
}
@media all and (min-width: 900px) {
.box {
border: 3px solid #e63e62;
background-color: rgba(3,16,20,0.8);
margin-left: 100px;
margin-bottom: 25px;
padding:10px;
}
.box-title {
margin-bottom: 0px;
margin-left: 80px;
}
.list {
border: 3px solid #e63e62;
background-color: rgba(3,16,20,0.8);
margin-bottom: 25px;
margin-left: 100px;
padding:10px;
width: max-content;
}
}
@media all and (min-width: 1000px) {
.box {
border: 3px solid #e63e62;
background-color: rgba(3,16,20,0.8);
margin-left: 100px;
margin-bottom: 25px;
width: 40%;
padding:10px;
}
.box-title {
margin-left: 80px;
}
.list {
border: 3px solid #e63e62;
background-color: rgba(3,16,20,0.8);
margin-bottom: 25px;
padding:10px;
width: max-content;
}
}
@media all and (max-width: 900px) {
.box {
border: 3px solid #e63e62;
background-color: rgba(3,16,20,0.8);
margin-bottom: 25px;
padding:10px;
}
.list {
border: 3px solid #e63e62;
background-color: rgba(3,16,20,0.8);
padding:10px;
}
}
@media all and (min-width: 1921px) {
body {
background-image: none !important;
}
}
@media all and (min-height: 1081px) {
body {
background-image: none !important;
}
}
.special-background {
background-image: url("background-index.jpg");
background-repeat: no-repeat;
}
a {
text-decoration: none;
color: inherit;
}
ul {
list-style-type: "~ ";
}
li {
padding:5px;
}
.list-padding > li {
padding:10px;
}
hr {
height: 1px;
color: transparent;
background-color: transparent;
border: 0;
}
.title {
text-shadow: -2px 2px 2px #031014,
2px 2px 2px #031014,
2px -2px 2px #031014,
-2px -2px 2px #031014;
color: #e63e62;
}
h1.title {
font-size: 190%;
}
h2.title {
font-size:190%;
}
h3.title {
font-size:130%
}
.indent {
margin: 0px 0px 0px 20px;
}
.bigindent {
margin: 0px 0px 0px 50px;
}
.link {
border-bottom: 2px solid #bfef8d;
color: #bfef8d;
}
.zelda {
border-bottom: 2px solid #e63e62;
color: #e63e62;
}
a.zelda:hover, .title > a:hover, .button:hover, .answers > span:hover {
background-color: #e63e62;
color: #031014;
cursor:pointer;
text-shadow: none;
}
.bordered {
color: #bfef8d;
border-bottom: 3px solid #bfef8d;
}
.header {
color: #bfef8d;
border-bottom: 5px solid #bfef8d;
}
.title-emphasis {
color:#e63e62;
border-bottom: 4px solid #e63e62;
font-size: 150%;
}
.date {
color: #e63e62;
border-bottom: 2px solid #e63e62;
margin-bottom:0em;
margin-top:0em;
}
.hide {
display: none;
}
a:hover, title > .link:hover {
color: #031014;
background-color: #bfef8d;
}
.tagline {
color: #e63e62;
margin-top:0em;
margin-bottom:0em;
}
.blorbotitle {
margin-bottom:0em;
}
.tp-size {
font-size:125%;
}
.clickable {
cursor:pointer;
}
.box-image {
border: 3px solid #e63e62;
background-color: rgba(3,16,20,0.8);
margin:5px
}
.gay-grid {
display: inline-grid;
gap: 5px;
grid-template-columns: 40%;
}
.gay-box {
border: 3px solid #e63e62;
background-color: #031014;
}
#perfect {
grid-row-start:1;
}
#good {
grid-row-start:1;
}
.cat-boxes > .box {
margin-bottom: 50px;
}
.cat-boxes > img {
margin-bottom: 1px !important;
}
.sentence {
font-style: italic;
}
.subject {
border-bottom: solid 3px #e63e62;
color:#e63e62;
}
.predicate {
border-bottom: dashed 3px #bfef8d;
color:#bfef8d;
}
.object {
border-bottom: dotted 3px #6c56f1;
color:#6c56f1;
}
.preverb {
border-bottom: dotted 3px #f16c56;
color: #f16c56;
}
.list-entry {
font-size:125%;
}
.box-top {
margin-bottom:5px;
}
.sub-title {
margin-top:0px;
}

6
index.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../assets/stylesheet.css">
<link rel="stylesheet" href="./assets/stylesheet.css">
<title>~lipu sona pi toki pona~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut-icon" type="image/png" href="../assets/favicon.png">
<link rel="shortcut-icon" type="image/png" href="./assets/favicon.png">
</head>
<body>
@ -84,6 +84,6 @@
<li><a class=link href="https://devurandom.xyz/tokipona/">devurandom's course</a></li>
</ul>
</div>
<script src="assets/script.js"></script>
<script src="./assets/script.js"></script>
</body>
</html>