Initial commit as of 2018-10-16

assets/js/images/drop-horz.svg

@@ -0,0 +1,34 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 40 40"
+    preserveAspectRatio="xMaxYMax meet"
+    >
+    <g class="arrows">
+        <polygon
+            points="
+                10,  0
+                 0, 10
+                10, 20
+                "
+            fill="#fff"
+            opacity="0.2"
+            />
+        <polygon
+            points="
+                30, 20
+                20, 30
+                30, 40
+                "
+            fill="#fff"
+            />
+        <rect
+            x="28"
+            y="25"
+            rx="2"
+            ry="2"
+            width="12"
+            height="10"
+            fill="#fff"
+            />
+    </g>
+</svg>

assets/js/images/drop-vert-above.svg

@@ -0,0 +1,34 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 40 40"
+    preserveAspectRatio="xMaxYMax meet"
+    >
+    <g class="arrows">
+        <polygon
+            points="
+                 0, 10
+                10, 0
+                20, 10
+                "
+            fill="#fff"
+            opacity="0.2"
+            />
+        <polygon
+            points="
+                20, 30
+                30, 20
+                40, 30
+                "
+            fill="#fff"
+            />
+        <rect
+            x="25"
+            y="28"
+            rx="2"
+            ry="2"
+            width="10"
+            height="12"
+            fill="#fff"
+            />
+    </g>
+</svg>

assets/js/images/drop-vert-below.svg

@@ -0,0 +1,34 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 40 40"
+    preserveAspectRatio="xMaxYMax meet"
+    >
+    <g class="arrows">
+        <polygon
+            points="
+                 0, 0
+                10, 10
+                20, 0
+                "
+            fill="#fff"
+            opacity="0.2"
+            />
+        <polygon
+            points="
+                20, 20
+                30, 30
+                40, 20
+                "
+            fill="#fff"
+            />
+        <rect
+            x="25"
+            y="10"
+            rx="2"
+            ry="2"
+            width="10"
+            height="12"
+            fill="#fff"
+            />
+    </g>
+</svg>

assets/js/images/video.svg

@@ -0,0 +1,28 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 68 52"
+    preserveAspectRatio="none"
+    >
+    <g class="video">
+        <rect
+            x="2"
+            y="2"
+            rx="12"
+            ry="12"
+            width="64"
+            height="48"
+            fill="transparent"
+            stroke="#fff"
+            stroke-width="4"
+            />
+        <polygon
+            points="
+                26, 10
+                46, 26
+                26, 42
+                "
+            fill="#fff"
+            />
+
+    </g>
+</svg>