feat: Add docker image

templates/assets/css/404.css

@@ -0,0 +1,75 @@
+* {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+
+body {
+  background: #282828;
+  overflow-y: auto;
+}
+
+p {
+  font-family: "Bevan", cursive;
+  font-size: 130px;
+  margin: 10vh 0 0;
+  text-align: center;
+  overflow-y: auto;
+  letter-spacing: 5px;
+  /*background-color: black;*/
+  color: black;
+  text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.1);
+  -webkit-background-clip: text;
+  -moz-background-clip: text;
+  background-clip: text;
+}
+
+p span {
+  font-size: 1.2em;
+}
+
+code {
+  color: #bdbdbd;
+  text-align: left;
+  display: block;
+  overflow-y: auto;
+  font-size: 16px;
+  margin: 0 30px 25px;
+}
+
+code span {
+  color: #f0c674;
+}
+
+code i {
+  color: #b5bd68;
+}
+
+code em {
+  color: #b294bb;
+  font-style: unset;
+}
+
+code b {
+  color: #81a2be;
+  font-weight: 500;
+  overflow-y: auto;
+}
+
+a {
+  color: #8abeb7;
+  font-family: monospace;
+  font-size: 20px;
+  text-decoration: underline;
+  overflow-y: auto;
+  margin-top: 10px;
+  display: inline-block;
+}
+
+@media screen and (max-width: 880px) {
+  p {
+    font-size: 14vw;
+    overflow-y: auto;
+  }
+}
+

templates/assets/css/vanilla-zoom.min.css

@@ -0,0 +1,37 @@
+.vanilla-zoom {
+  width: 100%;
+  /*display: flex;*/
+}
+
+.vanilla-zoom .sidebar {
+  /*flex-basis: 30%;*/
+  width: 100%;
+  display: flex;
+  /*flex-direction: column;*/
+}
+
+.vanilla-zoom .sidebar img.small-preview {
+  width: 60px;
+  margin-right: 5px;
+  cursor: pointer;
+  opacity: .5;
+}
+
+.vanilla-zoom .sidebar img.small-preview.active, .vanilla-zoom .sidebar img.small-preview:hover {
+  opacity: 1;
+}
+
+.vanilla-zoom .sidebar img.small-preview:last-child {
+  margin-right: 0;
+}
+
+.vanilla-zoom .zoomed-image {
+  width: 100%;
+  height: 300px;
+  flex: 1;
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-size: contain;
+  margin-bottom: 5px;
+}
+