-
-
-
-
start
+
+
+
+
+
+
+
diff --git a/src/vn/img/kt/angry0.png b/src/vn/img/kt/angry0.png
new file mode 100644
index 0000000..52b84f0
Binary files /dev/null and b/src/vn/img/kt/angry0.png differ
diff --git a/src/vn/img/kt/angry1.png b/src/vn/img/kt/angry1.png
new file mode 100644
index 0000000..744c88b
Binary files /dev/null and b/src/vn/img/kt/angry1.png differ
diff --git a/src/vn/img/kt/angry2.png b/src/vn/img/kt/angry2.png
new file mode 100644
index 0000000..01a0512
Binary files /dev/null and b/src/vn/img/kt/angry2.png differ
diff --git a/src/vn/img/kt/angry3.png b/src/vn/img/kt/angry3.png
new file mode 100644
index 0000000..7044ba5
Binary files /dev/null and b/src/vn/img/kt/angry3.png differ
diff --git a/src/vn/img/kt/angry4.png b/src/vn/img/kt/angry4.png
new file mode 100644
index 0000000..277cbe2
Binary files /dev/null and b/src/vn/img/kt/angry4.png differ
diff --git a/src/vn/img/kt/apologetic.png b/src/vn/img/kt/apologetic.png
new file mode 100644
index 0000000..21cfa6d
Binary files /dev/null and b/src/vn/img/kt/apologetic.png differ
diff --git a/src/vn/img/kt/asleep.png b/src/vn/img/kt/asleep.png
new file mode 100644
index 0000000..e21ba02
Binary files /dev/null and b/src/vn/img/kt/asleep.png differ
diff --git a/src/vn/img/kt/blast.png b/src/vn/img/kt/blast.png
new file mode 100644
index 0000000..de6184a
Binary files /dev/null and b/src/vn/img/kt/blast.png differ
diff --git a/src/vn/img/kt/bookworm.png b/src/vn/img/kt/bookworm.png
new file mode 100644
index 0000000..4776568
Binary files /dev/null and b/src/vn/img/kt/bookworm.png differ
diff --git a/src/vn/img/kt/buzzcut.png b/src/vn/img/kt/buzzcut.png
new file mode 100644
index 0000000..e80daab
Binary files /dev/null and b/src/vn/img/kt/buzzcut.png differ
diff --git a/src/vn/img/kt/calm.png b/src/vn/img/kt/calm.png
new file mode 100644
index 0000000..b90d4fc
Binary files /dev/null and b/src/vn/img/kt/calm.png differ
diff --git a/src/vn/img/kt/chillin0.png b/src/vn/img/kt/chillin0.png
new file mode 100644
index 0000000..0e6171a
Binary files /dev/null and b/src/vn/img/kt/chillin0.png differ
diff --git a/src/vn/img/kt/chillin1.png b/src/vn/img/kt/chillin1.png
new file mode 100644
index 0000000..b78bff0
Binary files /dev/null and b/src/vn/img/kt/chillin1.png differ
diff --git a/src/vn/img/kt/chillin2.png b/src/vn/img/kt/chillin2.png
new file mode 100644
index 0000000..22d3db1
Binary files /dev/null and b/src/vn/img/kt/chillin2.png differ
diff --git a/src/vn/img/kt/coffee.png b/src/vn/img/kt/coffee.png
new file mode 100644
index 0000000..e1a0851
Binary files /dev/null and b/src/vn/img/kt/coffee.png differ
diff --git a/src/vn/img/kt/confident.png b/src/vn/img/kt/confident.png
new file mode 100644
index 0000000..6804ca9
Binary files /dev/null and b/src/vn/img/kt/confident.png differ
diff --git a/src/vn/img/kt/dance.png b/src/vn/img/kt/dance.png
new file mode 100644
index 0000000..c10730b
Binary files /dev/null and b/src/vn/img/kt/dance.png differ
diff --git a/src/vn/img/kt/derp0.png b/src/vn/img/kt/derp0.png
new file mode 100644
index 0000000..5d26462
Binary files /dev/null and b/src/vn/img/kt/derp0.png differ
diff --git a/src/vn/img/kt/derp1.png b/src/vn/img/kt/derp1.png
new file mode 100644
index 0000000..ad4e252
Binary files /dev/null and b/src/vn/img/kt/derp1.png differ
diff --git a/src/vn/img/kt/determined.png b/src/vn/img/kt/determined.png
new file mode 100644
index 0000000..4dca625
Binary files /dev/null and b/src/vn/img/kt/determined.png differ
diff --git a/src/vn/img/kt/did-you-really-just.png b/src/vn/img/kt/did-you-really-just.png
new file mode 100644
index 0000000..da512f2
Binary files /dev/null and b/src/vn/img/kt/did-you-really-just.png differ
diff --git a/src/vn/img/kt/disappoint.png b/src/vn/img/kt/disappoint.png
new file mode 100644
index 0000000..5865a5f
Binary files /dev/null and b/src/vn/img/kt/disappoint.png differ
diff --git a/src/vn/img/kt/dreamer0.png b/src/vn/img/kt/dreamer0.png
new file mode 100644
index 0000000..58008da
Binary files /dev/null and b/src/vn/img/kt/dreamer0.png differ
diff --git a/src/vn/img/kt/excited.png b/src/vn/img/kt/excited.png
new file mode 100644
index 0000000..f9a3e56
Binary files /dev/null and b/src/vn/img/kt/excited.png differ
diff --git a/src/vn/img/kt/fixin-time.png b/src/vn/img/kt/fixin-time.png
new file mode 100644
index 0000000..35694b0
Binary files /dev/null and b/src/vn/img/kt/fixin-time.png differ
diff --git a/src/vn/img/kt/foood.png b/src/vn/img/kt/foood.png
new file mode 100644
index 0000000..33a3398
Binary files /dev/null and b/src/vn/img/kt/foood.png differ
diff --git a/src/vn/img/kt/gah.png b/src/vn/img/kt/gah.png
new file mode 100644
index 0000000..74fd5b0
Binary files /dev/null and b/src/vn/img/kt/gah.png differ
diff --git a/src/vn/img/kt/gendo.png b/src/vn/img/kt/gendo.png
new file mode 100644
index 0000000..7b0dd77
Binary files /dev/null and b/src/vn/img/kt/gendo.png differ
diff --git a/src/vn/img/kt/glad-you-asked.png b/src/vn/img/kt/glad-you-asked.png
new file mode 100644
index 0000000..6c35485
Binary files /dev/null and b/src/vn/img/kt/glad-you-asked.png differ
diff --git a/src/vn/img/kt/goofy.png b/src/vn/img/kt/goofy.png
new file mode 100644
index 0000000..7a253f5
Binary files /dev/null and b/src/vn/img/kt/goofy.png differ
diff --git a/src/vn/img/kt/grin.png b/src/vn/img/kt/grin.png
new file mode 100644
index 0000000..d7f7b4a
Binary files /dev/null and b/src/vn/img/kt/grin.png differ
diff --git a/src/vn/img/kt/hehe.png b/src/vn/img/kt/hehe.png
new file mode 100644
index 0000000..d453193
Binary files /dev/null and b/src/vn/img/kt/hehe.png differ
diff --git a/src/vn/img/kt/hii.png b/src/vn/img/kt/hii.png
new file mode 100644
index 0000000..212e46c
Binary files /dev/null and b/src/vn/img/kt/hii.png differ
diff --git a/src/vn/img/kt/hmph.png b/src/vn/img/kt/hmph.png
new file mode 100644
index 0000000..b0fb002
Binary files /dev/null and b/src/vn/img/kt/hmph.png differ
diff --git a/src/vn/img/kt/hopeful.png b/src/vn/img/kt/hopeful.png
new file mode 100644
index 0000000..6156dfa
Binary files /dev/null and b/src/vn/img/kt/hopeful.png differ
diff --git a/src/vn/img/kt/huh.png b/src/vn/img/kt/huh.png
new file mode 100644
index 0000000..4dca625
Binary files /dev/null and b/src/vn/img/kt/huh.png differ
diff --git a/src/vn/img/kt/laugh0.png b/src/vn/img/kt/laugh0.png
new file mode 100644
index 0000000..613cffa
Binary files /dev/null and b/src/vn/img/kt/laugh0.png differ
diff --git a/src/vn/img/kt/laugh1.png b/src/vn/img/kt/laugh1.png
new file mode 100644
index 0000000..5cc7f20
Binary files /dev/null and b/src/vn/img/kt/laugh1.png differ
diff --git a/src/vn/img/kt/laugh2.png b/src/vn/img/kt/laugh2.png
new file mode 100644
index 0000000..c67956e
Binary files /dev/null and b/src/vn/img/kt/laugh2.png differ
diff --git a/src/vn/img/kt/laugh3.png b/src/vn/img/kt/laugh3.png
new file mode 100644
index 0000000..9733fc2
Binary files /dev/null and b/src/vn/img/kt/laugh3.png differ
diff --git a/src/vn/img/kt/nonplussed.png b/src/vn/img/kt/nonplussed.png
new file mode 100644
index 0000000..048d858
Binary files /dev/null and b/src/vn/img/kt/nonplussed.png differ
diff --git a/src/vn/img/kt/noseup.png b/src/vn/img/kt/noseup.png
new file mode 100644
index 0000000..08de67f
Binary files /dev/null and b/src/vn/img/kt/noseup.png differ
diff --git a/src/vn/img/kt/ohno.png b/src/vn/img/kt/ohno.png
new file mode 100644
index 0000000..8d470d6
Binary files /dev/null and b/src/vn/img/kt/ohno.png differ
diff --git a/src/vn/img/kt/oshit.png b/src/vn/img/kt/oshit.png
new file mode 100644
index 0000000..02337d2
Binary files /dev/null and b/src/vn/img/kt/oshit.png differ
diff --git a/src/vn/img/kt/pathetic.png b/src/vn/img/kt/pathetic.png
new file mode 100644
index 0000000..ee36f8b
Binary files /dev/null and b/src/vn/img/kt/pathetic.png differ
diff --git a/src/vn/img/kt/peek-over-table-raised-eyebrow.png b/src/vn/img/kt/peek-over-table-raised-eyebrow.png
new file mode 100644
index 0000000..2ab9794
Binary files /dev/null and b/src/vn/img/kt/peek-over-table-raised-eyebrow.png differ
diff --git a/src/vn/img/kt/peeved.png b/src/vn/img/kt/peeved.png
new file mode 100644
index 0000000..bf8ed39
Binary files /dev/null and b/src/vn/img/kt/peeved.png differ
diff --git a/src/vn/img/kt/pizza.png b/src/vn/img/kt/pizza.png
new file mode 100644
index 0000000..6179aef
Binary files /dev/null and b/src/vn/img/kt/pizza.png differ
diff --git a/src/vn/img/kt/please-sir-can-i-have-some-more.png b/src/vn/img/kt/please-sir-can-i-have-some-more.png
new file mode 100644
index 0000000..da4c433
Binary files /dev/null and b/src/vn/img/kt/please-sir-can-i-have-some-more.png differ
diff --git a/src/vn/img/kt/ponder.png b/src/vn/img/kt/ponder.png
new file mode 100644
index 0000000..792811c
Binary files /dev/null and b/src/vn/img/kt/ponder.png differ
diff --git a/src/vn/img/kt/pose.png b/src/vn/img/kt/pose.png
new file mode 100644
index 0000000..7e9699f
Binary files /dev/null and b/src/vn/img/kt/pose.png differ
diff --git a/src/vn/img/kt/queasy.png b/src/vn/img/kt/queasy.png
new file mode 100644
index 0000000..646dcc8
Binary files /dev/null and b/src/vn/img/kt/queasy.png differ
diff --git a/src/vn/img/kt/scared.png b/src/vn/img/kt/scared.png
new file mode 100644
index 0000000..6290f4f
Binary files /dev/null and b/src/vn/img/kt/scared.png differ
diff --git a/src/vn/img/kt/sleepy.png b/src/vn/img/kt/sleepy.png
new file mode 100644
index 0000000..81acd1a
Binary files /dev/null and b/src/vn/img/kt/sleepy.png differ
diff --git a/src/vn/img/kt/smug.png b/src/vn/img/kt/smug.png
new file mode 100644
index 0000000..0f053b7
Binary files /dev/null and b/src/vn/img/kt/smug.png differ
diff --git a/src/vn/img/kt/snarl.png b/src/vn/img/kt/snarl.png
new file mode 100644
index 0000000..b620e31
Binary files /dev/null and b/src/vn/img/kt/snarl.png differ
diff --git a/src/vn/img/kt/sneaky.png b/src/vn/img/kt/sneaky.png
new file mode 100644
index 0000000..6acc503
Binary files /dev/null and b/src/vn/img/kt/sneaky.png differ
diff --git a/src/vn/img/kt/stargazer.png b/src/vn/img/kt/stargazer.png
new file mode 100644
index 0000000..0bb69d9
Binary files /dev/null and b/src/vn/img/kt/stargazer.png differ
diff --git a/src/vn/img/kt/super-chillin.png b/src/vn/img/kt/super-chillin.png
new file mode 100644
index 0000000..2a056d2
Binary files /dev/null and b/src/vn/img/kt/super-chillin.png differ
diff --git a/src/vn/img/kt/surprised0.png b/src/vn/img/kt/surprised0.png
new file mode 100644
index 0000000..4f19cab
Binary files /dev/null and b/src/vn/img/kt/surprised0.png differ
diff --git a/src/vn/img/kt/surprised1.png b/src/vn/img/kt/surprised1.png
new file mode 100644
index 0000000..570e346
Binary files /dev/null and b/src/vn/img/kt/surprised1.png differ
diff --git a/src/vn/img/kt/tantrum.png b/src/vn/img/kt/tantrum.png
new file mode 100644
index 0000000..3241165
Binary files /dev/null and b/src/vn/img/kt/tantrum.png differ
diff --git a/src/vn/img/kt/thats-just-like-your-opinion-man.png b/src/vn/img/kt/thats-just-like-your-opinion-man.png
new file mode 100644
index 0000000..0f6b5bc
Binary files /dev/null and b/src/vn/img/kt/thats-just-like-your-opinion-man.png differ
diff --git a/src/vn/img/kt/uh-what-is-that.png b/src/vn/img/kt/uh-what-is-that.png
new file mode 100644
index 0000000..79ed490
Binary files /dev/null and b/src/vn/img/kt/uh-what-is-that.png differ
diff --git a/src/vn/img/kt/uh.png b/src/vn/img/kt/uh.png
new file mode 100644
index 0000000..520d253
Binary files /dev/null and b/src/vn/img/kt/uh.png differ
diff --git a/src/vn/img/kt/unsure.png b/src/vn/img/kt/unsure.png
new file mode 100644
index 0000000..deaf7cf
Binary files /dev/null and b/src/vn/img/kt/unsure.png differ
diff --git a/src/vn/img/kt/vr.png b/src/vn/img/kt/vr.png
new file mode 100644
index 0000000..72ce844
Binary files /dev/null and b/src/vn/img/kt/vr.png differ
diff --git a/src/vn/img/kt/waow.png b/src/vn/img/kt/waow.png
new file mode 100644
index 0000000..cf8182f
Binary files /dev/null and b/src/vn/img/kt/waow.png differ
diff --git a/src/vn/img/kt/well-you-see.png b/src/vn/img/kt/well-you-see.png
new file mode 100644
index 0000000..b96cbe2
Binary files /dev/null and b/src/vn/img/kt/well-you-see.png differ
diff --git a/src/vn/img/kt/whaaaat.png b/src/vn/img/kt/whaaaat.png
new file mode 100644
index 0000000..f2dfa62
Binary files /dev/null and b/src/vn/img/kt/whaaaat.png differ
diff --git a/src/vn/img/kt/yay.png b/src/vn/img/kt/yay.png
new file mode 100644
index 0000000..71653d1
Binary files /dev/null and b/src/vn/img/kt/yay.png differ
diff --git a/src/vn/img/kt/you-shouldnt-be-doing-that.png b/src/vn/img/kt/you-shouldnt-be-doing-that.png
new file mode 100644
index 0000000..028a493
Binary files /dev/null and b/src/vn/img/kt/you-shouldnt-be-doing-that.png differ
diff --git a/src/vn/main.js b/src/vn/main.js
index c5d777d..7a12720 100644
--- a/src/vn/main.js
+++ b/src/vn/main.js
@@ -1,32 +1,34 @@
let idx = 0
let frames = [
- "hello! you're just in time!", "img/yay.png", null,
- "this was starting to get ridiculous.", "img/you-shouldnt-be-doing-that.png", null,
- "there are books EVERYWWHERE", "img/scared.png", null,
- "and more keep coming!", "img/oshit.png", null,
- "we've got to do something about it before the deadline!", "img/determined.png", null,
+ "press start to begin!", "img/kt/stargazer.png", "start",
- "hey, could you sort the books for me?", "img/books-messy.png", "stack books by size",
+ "hello! you're just in time!", "img/kt/yay.png", null,
+ "this was starting to get ridiculous.", "img/kt/you-shouldnt-be-doing-that.png", null,
+ "there are books EVERYWWHERE", "img/kt/scared.png", null,
+ "and more keep coming!", "img/kt/oshit.png", null,
+ "we've got to do something about them at some point, why not now?", "img/kt/determined.png", null,
- "yes, i can you've finished STACKING them,", "img/books-size.png", null,
- "but that's hardly FINISHED, is it?", "img/books-size.png", null,
- "i mean sure, if you want to be a pedant about it they're sort of ordered by size,", "img/nonplussed.png", null,
- "but they're still just piled up in the same place, what's that supposed to change?", "img/coffee.png", null,
+ "hey, could you sort the books for me?", "img/books-messy.png", "stack by size",
- "why don't you try again?", "img/books-size.png", "push stack over",
- "", "img/books-messy.png", "order books by colour",
- "", "img/books-colour.png", null,
+ "yes, i can you've finished STACKING them,", "img/books-size.png", null,
+ "but that's hardly FINISHED, is it?", "img/books-size.png", null,
+ "i mean sure, if you want to be a pedant about it they're sort of ordered by size,", "img/kt/nonplussed.png", null,
+ "but they're still just piled up in the same place, what's that supposed to change?", "img/kt/coffee.png", null,
- "no, colours won't work either.", "img/dreamer0.png", null,
- "why?", "img/blast.png", null,
- "simple, i don't do colours.", "img/grin.png", null,
- "it's nothing personal, they're just not for me, you know?", "img/glad-you-asked.png", "restart"
+ "why don't you try again?", "img/books-size.png", "push stack over",
+ "", "img/books-messy.png", "order books by colour",
+ "", "img/books-colour.png", null,
+
+ "no, colours won't work either.", "img/kt/dreamer0.png", null,
+ "why?", "img/kt/blast.png", null,
+ "simple, i don't do colours.", "img/kt/grin.png", null,
+ "it's nothing personal, they're just not for me, you know?", "img/kt/glad-you-asked.png", "restart"
];
function setText(text) {
- document.getElementById('text-box').innerHTML = text;
+ document.getElementById('text-box-content').innerHTML = text;
}
function setImage(path) {
@@ -35,12 +37,11 @@ function setImage(path) {
function setButtonText(text) {
console.log(text);
- if (text == null)
- {
+ if (text == null) {
text = "next";
}
- document.getElementById('button').innerHTML = text;
+ document.getElementById('button-text').innerHTML = text;
}
function advance() {
diff --git a/src/vn/styles.css b/src/vn/styles.css
index f558139..c5d9c5b 100644
--- a/src/vn/styles.css
+++ b/src/vn/styles.css
@@ -1,20 +1,87 @@
-img {
- max-height: 70vh;
- width: auto;
+body
+{
+ padding: 0;
+ margin: 0;
+
+ width: 100%;
+ height: 100%;
+ font-family: sans-serif;
+
+ color: white;
+ background-color: black;
}
-.centre {
- margin: auto;
- padding: 0;
- width: 50%;
+.column {
+ margin: 0 auto;
+ left: 50%;
+ width: 80%;
+ /*transform: translateX(50%);*/
+ height: 100%;
+}
+
+/* make column full-width for small viewports */
+@media only screen and (max-width: 600px) {
+ .column {
+ left: 0;
+ width: 100%;
+ }
+}
+
+.img-container {
+ position: relative;
+ height: 60%;
+ width: 100%;
+}
+
+img {
+ object-fit: contain;
+ width: 100%;
+ height: 100%;
}
#button {
+ position: relative;
+ margin: 0;
+ width: 100%;
+ height: 15%;
+}
+
+a {
+ color: white;
+}
+
+#button a {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+
+ font-size: 4em;
+ text-align: center;
+
+ text-decoration: none;
+}
+
+#button:hover a {
+ color: grey;
+}
+
+.text-box {
+ position: relative;
+
+ width: 100%;
+ height: 25%;
+}
+
+.text-box p {
+ margin: 0;
+ width: 80%;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+
+ text-align: center;
+ word-wrap: wrap;
font-size: 2em;
}
-
-#text-box {
- width 100%;
- height: 4em;
-}
-