Adding basic website for TTL (TTLApp#451)

jcombs0929 · Oct 17, 2020 · 4c4e155 · 4c4e155
1 parent f003667
commit 4c4e155
Show file tree

Hide file tree

Showing 19 changed files with 202 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -15,7 +15,7 @@
     "debug:main": "electron --inspect=5858 .",
     "debug:render": "electron --remote-debugging-port=9222 .",
     "lint": "npx npm-run-all lint:*",
-    "lint:css": "stylelint **/*.css",
+    "lint:css": "stylelint **/*.css website/styles/*.css",
     "lint:eslint": "eslint . ",
     "lint:markdown": "prettier docs/*.md *.md -c",
     "lint:standard": "standard . ",

diff --git a/website/index.html b/website/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="description" content="Log work hours and get notifies when it's time to leave" />
+
+    <title>Time to Leave</title>
+
+    <link rel="stylesheet" type="text/css" href="styles/styles.css" />
+    <script src="js/index.js"></script>
+
+    <!-- Favicons (generated using https://realfavicongenerator.net/) -->
+    <link rel="apple-touch-icon" sizes="180x180" href="resources/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="resources/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="resources/favicon-16x16.png">
+    <link rel="manifest" href="resources/site.webmanifest">
+    <link rel="mask-icon" href="resources/safari-pinned-tab.svg" color="#5bbad5">
+    <link rel="shortcut icon" href="resources/favicon.ico">
+    <meta name="msapplication-TileColor" content="#ffffff">
+    <meta name="msapplication-config" content="resources/browserconfig.xml">
+    <meta name="theme-color" content="#9a93c6">
+
+    <!-- TODO: Include Google Analytics -->
+</head>
+
+<body>
+    <div class="container">
+        <img src="resources/timer.svg" alt="App icon" width="150" />
+        <h1>Time to Leave</h1>
+        <p>Log work hours and get notified when it's time to leave the office and start to live</p>
+        <p><a href="https://github.com/thamara/time-to-leave">Source Code</a> | <a
+                href="https://github.com/thamara/time-to-leave/releases/latest">Download</a></p>
+    </div>
+</body>
+
+</html>
diff --git a/website/js/index.js b/website/js/index.js
diff --git a/website/resources/android-chrome-192x192.png b/website/resources/android-chrome-192x192.png
diff --git a/website/resources/android-chrome-512x512.png b/website/resources/android-chrome-512x512.png
diff --git a/website/resources/apple-touch-icon.png b/website/resources/apple-touch-icon.png
diff --git a/website/resources/browserconfig.xml b/website/resources/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="resources/mstile-150x150.png"/>
+            <TileColor>#ffffff</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/website/resources/favicon-16x16.png b/website/resources/favicon-16x16.png
diff --git a/website/resources/favicon-32x32.png b/website/resources/favicon-32x32.png
diff --git a/website/resources/favicon.ico b/website/resources/favicon.ico
diff --git a/website/resources/mstile-144x144.png b/website/resources/mstile-144x144.png
diff --git a/website/resources/mstile-150x150.png b/website/resources/mstile-150x150.png
diff --git a/website/resources/mstile-310x150.png b/website/resources/mstile-310x150.png
diff --git a/website/resources/mstile-310x310.png b/website/resources/mstile-310x310.png
diff --git a/website/resources/mstile-70x70.png b/website/resources/mstile-70x70.png
diff --git a/website/resources/safari-pinned-tab.svg b/website/resources/safari-pinned-tab.svg
diff --git a/website/resources/site.webmanifest b/website/resources/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "Time to Leave",
+    "short_name": "Time to Leave",
+    "icons": [
+        {
+            "src": "android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#9a93c6",
+    "background_color": "#9a93c6",
+    "display": "standalone"
+}
diff --git a/website/resources/timer.svg b/website/resources/timer.svg
diff --git a/website/styles/styles.css b/website/styles/styles.css
@@ -0,0 +1,22 @@
+@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
+
+html {
+  --page-bground: rgb(39, 39, 39);
+  --page-color: white;
+  --accent-color: rgb(164, 158, 207);
+}
+
+body {
+  background-color: var(--page-bground);
+  color: var(--page-color);
+  text-align: center;
+  font-family: 'Montserrat', sans-serif;
+}
+
+a {
+  color: var(--accent-color);
+}
+
+.container {
+  padding-top: 3em;
+}