diff --git a/0.html b/0.html
index db47915..10627b9 100644
--- a/0.html
+++ b/0.html
@@ -1,10 +1,10 @@
-
+
~sounds (lesson 0)~
-
+
@@ -45,6 +45,6 @@
index
next
-
+
diff --git a/1/answers.html b/1/answers.html
index af91c72..47ea925 100644
--- a/1/answers.html
+++ b/1/answers.html
@@ -1,10 +1,10 @@
-
+
~answers (lesson 1)~
-
+
@@ -31,6 +31,6 @@
index
next
-
+
diff --git a/1/index.html b/1/index.html
index b876dd1..e93a0fb 100644
--- a/1/index.html
+++ b/1/index.html
@@ -1,10 +1,10 @@
-
+
~me & you (lesson 1)~
-
+
@@ -89,6 +89,6 @@
index
next
-
+
diff --git a/10/index.html b/10/index.html
index db14657..3739517 100644
--- a/10/index.html
+++ b/10/index.html
@@ -1,10 +1,10 @@
-
+
a! (lesson 10)
-
+
@@ -132,6 +132,6 @@
index
next
-
+
diff --git a/11/index.html b/11/index.html
index 819240c..902fd3a 100644
--- a/11/index.html
+++ b/11/index.html
@@ -1,10 +1,10 @@
-
+
questions? (lesson 11)
-
+
@@ -165,6 +165,6 @@
index
next
-
+
diff --git a/2/answers.html b/2/answers.html
index bb1ed8a..7d3a679 100644
--- a/2/answers.html
+++ b/2/answers.html
@@ -1,10 +1,10 @@
-
+
~answers (lesson 2)~
-
+
@@ -32,6 +32,6 @@
index
next
-
+
diff --git a/2/index.html b/2/index.html
index 07863d7..950e1ce 100644
--- a/2/index.html
+++ b/2/index.html
@@ -1,10 +1,10 @@
-
+
~li (lesson 2)~
-
+
@@ -85,6 +85,6 @@
index
next
-
+
diff --git a/3/answers.html b/3/answers.html
index bab46e9..526f9e1 100644
--- a/3/answers.html
+++ b/3/answers.html
@@ -1,10 +1,10 @@
-
+
~answers (lesson 3)~
-
+
@@ -38,6 +38,6 @@
index
next
-
+
diff --git a/3/index.html b/3/index.html
index d953ccc..936e034 100644
--- a/3/index.html
+++ b/3/index.html
@@ -1,10 +1,10 @@
-
+
~modifiers (lesson 3)~
-
+
@@ -129,6 +129,6 @@
index
next
-
+
diff --git a/4/answers.html b/4/answers.html
index 40e2b96..568a9bc 100644
--- a/4/answers.html
+++ b/4/answers.html
@@ -1,10 +1,10 @@
-
+
~answers (lesson 3)~
-
+
@@ -45,6 +45,6 @@
index
next
-
+
diff --git a/4/index.html b/4/index.html
index 25dd62d..d10f72b 100644
--- a/4/index.html
+++ b/4/index.html
@@ -1,10 +1,10 @@
-
+
~objects (lesson 4)~
-
+
@@ -167,6 +167,6 @@
index
next
-
+
diff --git a/5/answers.html b/5/answers.html
index fc31854..3cdeb1d 100644
--- a/5/answers.html
+++ b/5/answers.html
@@ -1,10 +1,10 @@
-
+
~answers (lesson 5)~
-
+
@@ -55,6 +55,6 @@
index
next
-
+
diff --git a/5/index.html b/5/index.html
index 8541f82..0c538dd 100644
--- a/5/index.html
+++ b/5/index.html
@@ -1,10 +1,10 @@
-
+
~preverbs (lesson 5)~
-
+
@@ -202,6 +202,6 @@
index
next
-
+
diff --git a/5/story-eng.html b/5/story-eng.html
index 3fb7014..e42ce63 100644
--- a/5/story-eng.html
+++ b/5/story-eng.html
@@ -1,10 +1,10 @@
-
+
story (lesson 5)
-
+
@@ -47,6 +47,6 @@
index
next
-
+
diff --git a/5/story.html b/5/story.html
index 6cc565c..6b787d4 100644
--- a/5/story.html
+++ b/5/story.html
@@ -1,10 +1,10 @@
-
+
story (lesson 5)
-
+
@@ -47,6 +47,6 @@
index
next
-
+
diff --git a/6/index.html b/6/index.html
index d7606d1..44697b6 100644
--- a/6/index.html
+++ b/6/index.html
@@ -1,10 +1,10 @@
-
+
~pi (lesson 6)~
-
+
@@ -161,6 +161,6 @@
index
next
-
+
diff --git a/7/index.html b/7/index.html
index 6452de1..8bd6661 100644
--- a/7/index.html
+++ b/7/index.html
@@ -1,10 +1,10 @@
-
+
prepositions (lesson 7)
-
+
@@ -138,6 +138,6 @@
index
next
-
+
diff --git a/8/index.html b/8/index.html
index 12c7560..727a103 100644
--- a/8/index.html
+++ b/8/index.html
@@ -1,10 +1,10 @@
-
+
locative and temporal statements (lesson 8)
-
+
@@ -146,6 +146,6 @@
index
next
-
+
diff --git a/9/index.html b/9/index.html
index 00ffbc4..b485afe 100644
--- a/9/index.html
+++ b/9/index.html
@@ -1,10 +1,10 @@
-
+
names (lesson 9)
-
+
@@ -153,6 +153,6 @@
index
next
-
+
diff --git a/assets/background-clouds.jpg b/assets/background-clouds.jpg
new file mode 100644
index 0000000..43e2444
Binary files /dev/null and b/assets/background-clouds.jpg differ
diff --git a/assets/background-clouds.png b/assets/background-clouds.png
new file mode 100644
index 0000000..97145de
Binary files /dev/null and b/assets/background-clouds.png differ
diff --git a/assets/background-grass.jpg b/assets/background-grass.jpg
new file mode 100644
index 0000000..9917d3a
Binary files /dev/null and b/assets/background-grass.jpg differ
diff --git a/assets/background-grass.png b/assets/background-grass.png
new file mode 100644
index 0000000..a8bcf10
Binary files /dev/null and b/assets/background-grass.png differ
diff --git a/assets/background-grassb.jpg b/assets/background-grassb.jpg
new file mode 100644
index 0000000..03ef537
Binary files /dev/null and b/assets/background-grassb.jpg differ
diff --git a/assets/background-index.jpg b/assets/background-index.jpg
new file mode 100644
index 0000000..bad5126
Binary files /dev/null and b/assets/background-index.jpg differ
diff --git a/assets/background-repeat.jpg b/assets/background-repeat.jpg
new file mode 100644
index 0000000..499b838
Binary files /dev/null and b/assets/background-repeat.jpg differ
diff --git a/assets/background.jpg b/assets/background.jpg
new file mode 100644
index 0000000..0b6cf69
Binary files /dev/null and b/assets/background.jpg differ
diff --git a/assets/favicon.png b/assets/favicon.png
new file mode 100644
index 0000000..8f4d5a8
Binary files /dev/null and b/assets/favicon.png differ
diff --git a/assets/linja-nanpa.otf b/assets/linja-nanpa.otf
new file mode 100644
index 0000000..4780233
Binary files /dev/null and b/assets/linja-nanpa.otf differ
diff --git a/assets/mononoki-Regular.woff b/assets/mononoki-Regular.woff
new file mode 100644
index 0000000..a01d76d
Binary files /dev/null and b/assets/mononoki-Regular.woff differ
diff --git a/assets/nasin-nanpa-2.5.1.otf b/assets/nasin-nanpa-2.5.1.otf
new file mode 100644
index 0000000..3062c73
Binary files /dev/null and b/assets/nasin-nanpa-2.5.1.otf differ
diff --git a/assets/script.js b/assets/script.js
new file mode 100644
index 0000000..df618da
--- /dev/null
+++ b/assets/script.js
@@ -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 = ["pali e ijo", "poka e soweli tan musi Pokenon", "toki mute lon jan ni: ona li wawa tawa lawa mi", "pana e ijo pona", "kute e kalama musi nanpa wan", "toki e ijo pona pi toki pona", "pali e ni: sina o lukin e sitelen tawa pona ni", "pali e sitelen", "pana e musi", "pana e kalama musi ike", 'toki e pona pi olin mi'];
+ 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");
+}
+
diff --git a/assets/stylesheet.css b/assets/stylesheet.css
new file mode 100644
index 0000000..54c0406
--- /dev/null
+++ b/assets/stylesheet.css
@@ -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;
+}
diff --git a/index.html b/index.html
index a698ecb..e53bf61 100644
--- a/index.html
+++ b/index.html
@@ -1,10 +1,10 @@
-
+
~lipu sona pi toki pona~
-
+
@@ -84,6 +84,6 @@
devurandom's course
-
+