Browse Source

Updating pages with icons

Ryan Howell 1 year ago
parent
commit
bc36640ed4

File diff suppressed because it is too large
+ 4 - 0
heimdall-web/assets/images/apple.svg


+ 105 - 0
heimdall-web/assets/images/chrome.svg

@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="1 1 176 176">
+ <defs>
+  <circle id="a" cy="96" cx="96" r="88"/>
+ </defs>
+ <clipPath id="b">
+  <use width="100%" overflow="visible" xlink:href="#a" height="100%"/>
+ </clipPath>
+ <g transform="translate(-7 -7)" clip-path="url(#b)">
+  <path d="m21.97 8v108h39.39l34.64-60h88v-48z" fill="#db4437"/>
+  <linearGradient id="c" y2="44.354" gradientUnits="userSpaceOnUse" y1="75.021" x2="81.837" x1="29.337">
+   <stop stop-color="#A52714" stop-opacity=".6" offset="0"/>
+   <stop stop-color="#A52714" stop-opacity="0" offset=".66"/>
+  </linearGradient>
+  <path d="m21.97 8v108h39.39l34.64-60h88v-48z" fill="url(#c)"/>
+ </g>
+ <path clip-path="url(#b)" fill-opacity=".15" d="m62.31 115.65l-39.83-68.31-0.58 1 39.54 67.8z" transform="translate(-7 -7)" fill="#3e2723"/>
+ <g transform="translate(-7 -7)" clip-path="url(#b)">
+  <path d="m8 184h83.77l38.88-38.88v-29.12h-69.29l-53.36-91.52z" fill="#0f9d58"/>
+  <linearGradient id="d" y2="130.33" gradientUnits="userSpaceOnUse" y1="164.5" x2="52.538" x1="110.87">
+   <stop stop-color="#055524" stop-opacity=".4" offset="0"/>
+   <stop stop-color="#055524" stop-opacity="0" offset=".33"/>
+  </linearGradient>
+  <path d="m8 184h83.77l38.88-38.88v-29.12h-69.29l-53.36-91.52z" fill="url(#d)"/>
+ </g>
+ <path clip-path="url(#b)" fill-opacity=".15" d="m129.84 117.33l-0.83-0.48-38.39 67.15h1.15l38.1-66.64z" transform="translate(-7 -7)" fill="#263238"/>
+ <g transform="translate(-7 -7)" clip-path="url(#b)">
+  <defs>
+   <path id="e" d="m8 184h83.77l38.88-38.88v-29.12h-69.29l-53.36-91.52z"/>
+  </defs>
+  <clipPath id="f">
+   <use width="100%" overflow="visible" xlink:href="#e" height="100%"/>
+  </clipPath>
+  <g clip-path="url(#f)">
+   <path d="m96 56l34.65 60-38.88 68h92.23v-128z" fill="#ffcd40"/>
+   <linearGradient id="g" y2="114.13" gradientUnits="userSpaceOnUse" y1="49.804" x2="136.55" x1="121.86">
+    <stop stop-color="#EA6100" stop-opacity=".3" offset="0"/>
+    <stop stop-color="#EA6100" stop-opacity="0" offset=".66"/>
+   </linearGradient>
+   <path d="m96 56l34.65 60-38.88 68h92.23v-128z" fill="url(#g)"/>
+  </g>
+ </g>
+ <g transform="translate(-7 -7)" clip-path="url(#b)">
+  <path d="m96 56l34.65 60-38.88 68h92.23v-128z" fill="#ffcd40"/>
+  <path d="m96 56l34.65 60-38.88 68h92.23v-128z" fill="url(#g)"/>
+ </g>
+ <g transform="translate(-7 -7)" clip-path="url(#b)">
+  <defs>
+   <path id="i" d="m96 56l34.65 60-38.88 68h92.23v-128z"/>
+  </defs>
+  <clipPath id="j">
+   <use width="100%" overflow="visible" xlink:href="#i" height="100%"/>
+  </clipPath>
+  <g clip-path="url(#j)">
+   <path d="m21.97 8v108h39.39l34.64-60h88v-48z" fill="#db4437"/>
+   <path d="m21.97 8v108h39.39l34.64-60h88v-48z" fill="url(#c)"/>
+  </g>
+ </g>
+ <radialGradient id="l" gradientUnits="userSpaceOnUse" cy="55.948" cx="668.18" gradientTransform="translate(-576)" r="84.078">
+  <stop stop-color="#3E2723" stop-opacity=".2" offset="0"/>
+  <stop stop-color="#3E2723" stop-opacity="0" offset="1"/>
+ </radialGradient>
+ <path clip-path="url(#b)" d="m96 56v20.95l78.4-20.95z" transform="translate(-7 -7)" fill="url(#l)"/>
+ <g transform="translate(-7 -7)" clip-path="url(#b)">
+  <defs>
+   <path id="m" d="m21.97 8v40.34l39.39 67.66 34.64-60h88v-48z"/>
+  </defs>
+  <clipPath id="n">
+   <use width="100%" overflow="visible" xlink:href="#m" height="100%"/>
+  </clipPath>
+  <g clip-path="url(#n)">
+   <path d="m8 184h83.77l38.88-38.88v-29.12h-69.29l-53.36-91.52z" fill="#0f9d58"/>
+   <path d="m8 184h83.77l38.88-38.88v-29.12h-69.29l-53.36-91.52z" fill="url(#d)"/>
+  </g>
+ </g>
+ <radialGradient id="p" gradientUnits="userSpaceOnUse" cy="48.52" cx="597.88" gradientTransform="translate(-576)" r="78.044">
+  <stop stop-color="#3E2723" stop-opacity=".2" offset="0"/>
+  <stop stop-color="#3E2723" stop-opacity="0" offset="1"/>
+ </radialGradient>
+ <path clip-path="url(#b)" d="m21.97 48.45l57.25 57.24-17.86 10.31z" transform="translate(-7 -7)" fill="url(#p)"/>
+ <radialGradient id="q" gradientUnits="userSpaceOnUse" cy="96.138" cx="671.84" gradientTransform="translate(-576)" r="87.87">
+  <stop stop-color="#263238" stop-opacity=".2" offset="0"/>
+  <stop stop-color="#263238" stop-opacity="0" offset="1"/>
+ </radialGradient>
+ <path clip-path="url(#b)" d="m91.83 183.89l20.96-78.2 17.86 10.31z" transform="translate(-7 -7)" fill="url(#q)"/>
+ <g transform="translate(-7 -7)" clip-path="url(#b)">
+  <circle cy="96" cx="96" r="40" fill="#f1f1f1"/>
+  <circle cy="96" cx="96" r="32" fill="#4285f4"/>
+ </g>
+ <g transform="translate(-7 -7)" clip-path="url(#b)">
+  <path fill-opacity=".2" d="m96 55c-22.09 0-40 17.91-40 40v1c0-22.09 17.91-40 40-40h88v-1h-88z" fill="#3e2723"/>
+  <path fill-opacity=".1" d="m130.6 116c-6.92 11.94-19.81 20-34.6 20-14.8 0-27.69-8.06-34.61-20h-0.04l-53.35-91.52v1l53.36 91.52h0.04c6.92 11.94 19.81 20 34.61 20 14.79 0 27.68-8.05 34.6-20h0.05v-1h-0.06z" fill="#fff"/>
+  <path opacity=".1" d="m97 56c-0.17 0-0.33 0.02-0.5 0.03 21.86 0.27 39.5 18.05 39.5 39.97s-17.64 39.7-39.5 39.97c0.17 0 0.33 0.03 0.5 0.03 22.09 0 40-17.91 40-40s-17.91-40-40-40z" fill="#3e2723"/>
+  <path fill-opacity=".2" d="m131 117.33c3.4-5.88 5.37-12.68 5.37-19.96 0-4.22-0.66-8.28-1.87-12.09 0.95 3.42 1.5 7.01 1.5 10.73 0 7.28-1.97 14.08-5.37 19.96l0.02 0.04-38.88 68h1.16l38.09-66.64-0.02-0.04z" fill="#fff"/>
+ </g>
+ <g transform="translate(-7 -7)" clip-path="url(#b)">
+  <path fill-opacity=".2" d="m96 9c48.43 0 87.72 39.13 87.99 87.5 0-0.17 0.01-0.33 0.01-0.5 0-48.6-39.4-88-88-88s-88 39.4-88 88c0 0.17 0.01 0.33 0.01 0.5 0.27-48.37 39.56-87.5 87.99-87.5z" fill="#fff"/>
+  <path fill-opacity=".15" d="m96 183c48.43 0 87.72-39.13 87.99-87.5 0 0.17 0.01 0.33 0.01 0.5 0 48.6-39.4 88-88 88s-88-39.4-88-88c0-0.17 0.01-0.33 0.01-0.5 0.27 48.37 39.56 87.5 87.99 87.5z" fill="#3e2723"/>
+ </g>
+ <radialGradient id="r" gradientUnits="userSpaceOnUse" cy="32.014" cx="34.286" gradientTransform="translate(-7 -7)" r="176.75">
+  <stop stop-color="#fff" stop-opacity=".1" offset="0"/>
+  <stop stop-color="#fff" stop-opacity="0" offset="1"/>
+ </radialGradient>
+ <circle cy="89" cx="89" r="88" fill="url(#r)"/>
+</svg>

File diff suppressed because it is too large
+ 1 - 0
heimdall-web/assets/images/firefox.svg


File diff suppressed because it is too large
+ 31 - 0
heimdall-web/assets/images/github.svg


File diff suppressed because it is too large
+ 192 - 0
heimdall-web/assets/images/gogs.svg


File diff suppressed because it is too large
+ 1940 - 0
heimdall-web/assets/images/linux.svg


BIN
heimdall-web/assets/images/logo.png


+ 1 - 0
heimdall-web/assets/images/windows.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88"><path d="m0 12.402 35.687-4.8602.0156 34.423-35.67.20313zm35.67 33.529.0277 34.453-35.67-4.9041-.002-29.78zm4.3261-39.025 47.318-6.906v41.527l-47.318.37565zm47.329 39.349-.0111 41.34-47.318-6.6784-.0663-34.739z" fill="#00adef"/></svg>

+ 46 - 4
heimdall-web/package-lock.json

@@ -4942,6 +4942,12 @@
       "integrity": "sha512-AOYza4+Hf5z1/0Hztxpm2/xiPZgi/cjMqdnKTUWTBSKchJlxXXuUSxCCl8rJlf4g6yww/j6mA8nC8Hw/EZWxKQ==",
       "dev": true
     },
+    "lodash.mergewith": {
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/lodash.mergewith/-/lodash.mergewith-4.6.1.tgz",
+      "integrity": "sha512-eWw5r+PYICtEBgrBE5hhlT6aAa75f411bgDz/ZL2KZqYV03USvucsxcHUIlGTDTECs1eunpI7HOV7U+WLDvNdQ==",
+      "dev": true
+    },
     "lodash.omit": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/lodash.omit/-/lodash.omit-3.1.0.tgz",
@@ -5414,9 +5420,9 @@
       }
     },
     "node-sass": {
-      "version": "3.13.1",
-      "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-3.13.1.tgz",
-      "integrity": "sha1-ckD7v/I5YwS0IjUn7TAgWJwAT8I=",
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.9.2.tgz",
+      "integrity": "sha512-LdxoJLZutx0aQXHtWIYwJKMj+9pTjneTcLWJgzf2XbGu0q5pRNqW5QvFCEdm3mc5rJOdru/mzln5d0EZLacf6g==",
       "dev": true,
       "requires": {
         "async-foreach": "0.1.3",
@@ -5428,13 +5434,16 @@
         "in-publish": "2.0.0",
         "lodash.assign": "4.2.0",
         "lodash.clonedeep": "4.5.0",
+        "lodash.mergewith": "4.6.1",
         "meow": "3.7.0",
         "mkdirp": "0.5.1",
         "nan": "2.10.0",
         "node-gyp": "3.7.0",
         "npmlog": "4.1.2",
         "request": "2.87.0",
-        "sass-graph": "2.2.4"
+        "sass-graph": "2.2.4",
+        "stdout-stream": "1.4.0",
+        "true-case-path": "1.0.2"
       },
       "dependencies": {
         "glob": {
@@ -7925,6 +7934,15 @@
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
       "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow="
     },
+    "stdout-stream": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/stdout-stream/-/stdout-stream-1.4.0.tgz",
+      "integrity": "sha1-osfIWH5U2UJ+qe2zrD8s1SLfN4s=",
+      "dev": true,
+      "requires": {
+        "readable-stream": "2.3.6"
+      }
+    },
     "stream-browserify": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.1.tgz",
@@ -8221,6 +8239,30 @@
       "integrity": "sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=",
       "dev": true
     },
+    "true-case-path": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/true-case-path/-/true-case-path-1.0.2.tgz",
+      "integrity": "sha1-fskRMJJHZsf1c74wIMNPj9/QDWI=",
+      "dev": true,
+      "requires": {
+        "glob": "6.0.4"
+      },
+      "dependencies": {
+        "glob": {
+          "version": "6.0.4",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-6.0.4.tgz",
+          "integrity": "sha1-DwiGD2oVUSey+t1PnOJLGqtuTSI=",
+          "dev": true,
+          "requires": {
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
+        }
+      }
+    },
     "tty-browserify": {
       "version": "0.0.0",
       "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz",

+ 1 - 1
heimdall-web/package.json

@@ -30,7 +30,7 @@
     "extract-text-webpack-plugin": "^1.0.1",
     "file-loader": "^0.9.0",
     "imports-loader": "^0.6.5",
-    "node-sass": "^3.9.3",
+    "node-sass": "^4.9.2",
     "nodemon": "^1.18.3",
     "postcss-loader": "^0.13.0",
     "precss": "^1.4.0",

+ 0 - 6
heimdall-web/scripts/site.js

@@ -1,8 +1,2 @@
-import $ from "jquery";
-
 import "az-styles";
 import "bootstrap";
-
-$(document).ready(function () {
-	console.log("ready");
-});

+ 6 - 0
heimdall-web/styles/theme/_base.scss

@@ -1,3 +1,9 @@
 body {
 	background: #ccc;
 }
+
+.logo {
+	display: inline !important;
+	height: 1em;
+	width: auto;
+}

+ 1 - 1
heimdall-web/views/layout.hbs

@@ -20,7 +20,7 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/">Heimdall</a>
+          <a class="navbar-brand" href="/"><img src="/assets/images/logo.png" width="128" height="128" class="logo" alt="Heimdall"/>&nbsp;Heimdall</a>
         </div>
         <div id="navbar" class="navbar-collapse collapse">
           <ul class="nav navbar-nav">

+ 30 - 23
heimdall-web/views/pages/download.hbs

@@ -5,55 +5,62 @@
 	<div class="row">
     <h2>Browser Extension</h2>
     <div class="row">
-      <div class="col-md-6">
-        <p><a href="https://addons.mozilla.org/en-GB/firefox/addon/heimdall/">Download from Mozilla Firefox Add-on store.</a></p>
+      <div class="col-md-6 text-center">
+        <h3>Mozilla Firefox</h3>
+        <p><a href="https://addons.mozilla.org/en-GB/firefox/addon/heimdall/" title="Install in Firefox"><img src="/assets/images/firefox.svg" width="100" height="100" class="img-fluid" alt="Install in Firefox"/><br>Install in Firefox</a></p>
       </div>
-      <div class="col-md-6">
-        <p><a href="https://chrome.google.com/webstore/detail/heimdall/loiabdhahjaijmijllhiidceilfecggg">Download from Google Chrome Web Store</a></p>
+      <div class="col-md-6 text-center">
+        <h3>Google Chrome</h3>
+        <p><a href="https://chrome.google.com/webstore/detail/heimdall/loiabdhahjaijmijllhiidceilfecggg" title="Install in Chrome"><img src="/assets/images/chrome.svg" width="100" height="100" class="img-fluid" alt="Install in Chrome"/><br>Install in Chrome</a></p>
       </div>
     </div>
   </div>
   <div class="row">
     <h2>Tray Applet</h2>
-    <div class="col-md-4">
+    <div class="col-md-4 text-center">
       <h3>Microsoft Windows</h3>
-      <p><a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/Heimdall.Tray.Setup.0.0.8.exe">Installer (EXE)</a><p>
+      <p><a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/Heimdall.Tray.Setup.0.0.8.exe" title="Microsoft Windows Installer (EXE)"><img src="/assets/images/windows.svg" width="100" height="100%" class="img-fluid" alt="Microsoft Windows Installer (EXE)"/><br>Installer (EXE)</a></p>
     </div>
-    <div class="col-md-4">
+    <div class="col-md-4 text-center">
       <h3>Apple MacOS</h3>
-      <p><a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/Heimdall.Tray-0.0.8.dmg">DMG</a></p>
+      <p><a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/Heimdall.Tray-0.0.8.dmg" title="Apple MacOS (DMG)"><img src="/assets/images/apple.svg" width="100" height="100%" class="img-fluid" alt="Apple MacOS (DMG)"/><br>DMG</a></p>
     </div>
-    <div class="col-md-4">
+    <div class="col-md-4 text-center">
       <h3>Linux</h3>
-      <p>DEB <a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/heimdall-tray_0.0.8_i386.deb">i386</a> / <a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/heimdall-tray_0.0.8_amd64.deb">AMD64</a></p>
-      <p>RPM <a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/heimdall-tray-0.0.8.i686.rpm">i686</a> / <a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/heimdall-tray-0.0.8.x86_64.rpm">x86_64</a></p>
-      <p>AppImage <a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/heimdall-tray-0.0.8-i386.AppImage">i386</a> / <a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/heimdall-tray-0.0.8-x86_64.AppImage">x86_64</a></p>
+      <div class="pull-left">
+        <img src="/assets/images/linux.svg" width="80" height="100%" class="img-fluid" alt="Linux"/>
+      </div>
+      <div class="pull-left" style="margin-left: 10px;margin-top:10px;">
+        <p>DEB <a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/heimdall-tray_0.0.8_i386.deb" title="Linux DEB i386">i386</a> / <a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/heimdall-tray_0.0.8_amd64.deb" title="Linux DEB AMD64">AMD64</a></p>
+        <p>RPM <a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/heimdall-tray-0.0.8.i686.rpm" title="Linux RPM x86_64">i686</a> / <a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/heimdall-tray-0.0.8.x86_64.rpm" title="Linux RPM x86_64">x86_64</a></p>
+        <p>AppImage <a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/heimdall-tray-0.0.8-i386.AppImage" title="Linux AppImage i386">i386</a> / <a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/heimdall-tray-0.0.8-x86_64.AppImage" title="Linux AppImage x86_64">x86_64</a></p>
+      </div>
     </div>
   </div>
   <div class="row">
     <h2>Command Line Interface</h2>
-    <div class="col-md-4">
+    <div class="col-md-4 text-center">
       <h3>Microsoft Windows</h3>
-      <p><a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/heimdall-cli-win.exe">Download Binary from GitHub</a><p>
+      <p><a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/heimdall-cli-win.exe" title="Download CLI Binary for Microsoft Windows"><img src="/assets/images/windows.svg" width="100" height="100%" class="img-fluid" alt="Download CLI Binary for Microsoft Windows"/><br>Download Binary</a><p>
     </div>
-    <div class="col-md-4">
+    <div class="col-md-4 text-center">
       <h3>Apple MacOS</h3>
-      <p><a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/heimdall-cli-macos">Download Binary from GitHub</a></p>
+      <p><a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/heimdall-cli-macos" title="Download CLI Binary for Apple MacOS"><img src="/assets/images/apple.svg" width="100" height="100%" class="img-fluid" alt="Download CLI Binary for Apple MacOS"/><br>Download Binary</a></p>
     </div>
-    <div class="col-md-4">
+    <div class="col-md-4 text-center">
       <h3>Linux</h3>
-      <p><a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/heimdall-cli-linux">Download Binary from GitHub</a></p>
+      <p><a href="https://github.com/TheRyanHowell/Heimdall/releases/download/0.0.8/heimdall-cli-linux" title="Download CLI Binary for Linux"><img src="/assets/images/linux.svg" width="80" height="100%" class="img-fluid" alt="Download CLI Binary for Linux"/><br>Download Binary</a></p>
     </div>
   </div>
   <div class="row">
     <h2>Source Code</h2>
-    <div class="col-md-6">
+    <div class="col-md-6 text-center">
       <h3>GOGS</h3>
-      <p><a href="https://box.rhowell.io/gogs/ryan/heimdall">View Source Code</a><p>
+      <p><a href="https://box.rhowell.io/gogs/ryan/heimdall"><img src="/assets/images/gogs.svg" width="100" height="100%" class="img-fluid" alt="View Source Code via GOGS"/><br>View Source Code</a><p>
     </div>
-    <div class="col-md-6">
-      <h3>GitHub</h3>
-      <p><a href="https://github.com/TheRyanHowell/heimdall">View Source Code</a></p>
+    <div class="col-md-6 text-center">
+      <h3>GitHub Mirror</h3>
+      <p><a href="https://github.com/TheRyanHowell/heimdall"><img src="/assets/images/github.svg" width="100" height="100%" class="img-fluid" alt="View Source Code via GitHub"/><br>View Source Code</a></p>
     </div>
   </div>
   <hr>