add poem with background song, style things, parse and display subtitles, add stars and orbiting light, add camera movement

static/styles.css

@@ -0,0 +1,65 @@
+@font-face {
+  font-family: "Victor Mono";
+  src: url("/static/font/VictorMono-Medium.woff2") format("woff2"),
+    /* Super Modern Browsers */ url("/static/font/VictorMono-Medium.woff")
+      format("woff"),
+    /* Pretty Modern Browsers */ url("/static/font/VictorMono-Medium.ttf")
+      format("truetype"); /* Safari, Android, iOS */
+}
+
+body {
+  font-family: "Victor Mono", monospace;
+}
+
+#startButton {
+  color: #efefef;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 80px;
+  height: 25px;
+  border: 2px solid #efefef;
+  text-align: center;
+  padding: 20px 40px;
+  cursor: pointer;
+}
+
+#subtitles {
+  position: absolute;
+  bottom: 200px;
+  left: 50%;
+  color: #efefef;
+  font-size: 20px;
+  transform: translateX(-50%);
+  width: 100%;
+  max-width: 800px;
+  text-align: center;
+}
+
+#credits {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  color: #efefef;
+  font-size: 12px;
+  transform: translate(-50%, -50%);
+  max-width: 600px;
+  width: 100%;
+}
+
+#loader {
+  color: #efefef;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+a:link {
+  color: #33aa33;
+}
+
+a:visited {
+  color: #33aa33;
+}

static/who_am_i_with_music.srt

@@ -0,0 +1,44 @@
+1
+00:00:17,134 --> 00:00:19,470
+Who am I?
+
+2
+00:00:20,570 --> 00:00:23,870
+Am I the clothes on my back and the hair on my head?
+
+3
+00:00:25,110 --> 00:00:28,210
+Am I the people I’m with and the words I’ve said?
+
+4
+00:00:29,510 --> 00:00:32,810
+Am I the field I study and the school I attend?
+
+5
+00:00:33,510 --> 00:00:37,010
+Am I the programs I write and the poems I’ve penned?
+
+6
+00:00:38,110 --> 00:00:41,610
+Am I the music I enjoy and the guitar I play?
+
+7
+00:00:42,200 --> 00:00:45,710
+Am I the grade on my test and my ten page essay?
+
+8
+00:00:46,500 --> 00:00:50,490
+Am I the habits I’ve formed and the phrases I repeat?
+
+9
+00:00:51,500 --> 00:00:55,200
+Am I the fake smile given to every person I meet?
+
+10
+00:00:56,000 --> 00:01:00,500
+Am I the religion I follow and politician I elect?
+
+11
+00:01:01,000 --> 00:01:06,500
+Am I every action I carry out and every thought I reflect?
+