Adding default powfile with instructions and about screen

jkriss · Nov 10, 2019 · aef3bcc · aef3bcc
1 parent 22cecdc
commit aef3bcc
Show file tree

Hide file tree

Showing 7 changed files with 377 additions and 3 deletions.
diff --git a/.gitignore b/.gitignore
@@ -2,4 +2,5 @@ node_modules
 *.swp
 dist
 public/sw.js
+public/_/about-pow.png
 
diff --git a/about/index.html b/about/index.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>About Pow Player</title>
+    <style>
+      body {
+        background: #efefef;
+        font-family: monospace;
+      }
+      #instructions, #about {
+        color: #444;
+        font-size: 0.9rem;
+        max-width: 80%;
+        margin: 1rem auto;
+        text-align: center;
+      }
+      #instructions {
+        margin-top: 1.5rem;
+      }
+      #about {
+        width: 250px;
+        transition: opacity 0.75s;
+        opacity: 0.2;
+      }
+      #about:hover {
+        opacity: 1;
+      }
+      #about h1 {
+        color: #222;
+      }
+      #about img {
+        max-width: 100%;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="instructions">
+      Click the "Choose File" button in the toolbar above and select a compatible image. 
+    </div>
+    <div id="about">
+      <img src="pow-splat.png">
+      <h1>Pow Player</h1>
+      <p>
+        Pow Player and powfile format created by Jesse Kriss.
+        Icon design by Erin Murphy.
+      </p>
+    </div>
+  </body>
+</html>
diff --git a/about/pow-splat.png b/about/pow-splat.png
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,4 +2,5 @@ node_modules @@
     *.swp
     dist
     public/sw.js
+    public/_/about-pow.png