refactor as hugo site

content/hypno/follow/follow.css

@@ -0,0 +1,57 @@
+#logo svg {
+    height: 70px;
+    width: 70px;
+}
+#logo svg path {
+    stroke: black;
+}
+#light {
+    background: red;
+    box-shadow: 0 0 80px red, 0 0 30px FireBrick, 0 0 6px DarkRed;
+    border-radius: 50%;
+    height: 80px;
+    width: 80px;
+}
+#light, #logo svg {
+    position: absolute;
+    top: 50%;
+    animation: swing 4s ease-in-out infinite, spin 2s linear infinite;
+}
+@keyframes swing {
+    0% {
+        left: 90%;
+    }
+    50% {
+        left: 10%;
+    }
+    100% {
+        left: 90%;
+    }
+}
+@keyframes spin {
+    0% {
+        transform: translate(-50%, -50%) rotate(0deg);
+    }
+    100% {
+        transform: translate(-50%, -50%) rotate(360deg);
+    }
+}
+
+input[type=checkbox] {
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    margin: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+}
+#controls {
+    display: none;
+}
+input[type=checkbox]:checked ~ #controls {
+    display: block;
+}
+#reload {
+    display: none;
+}

content/hypno/follow/index.html

@@ -0,0 +1,13 @@
++++
+title = "follow"
+date = 2018-10-01
+draft = false
+unlisted = false
++++
+<div class="fixation">
+  <div id="light"></div>
+  <div id="logo">
+    {{< partial "xeno.svg" >}}
+  </div>
+</div>
+<input type="checkbox">