Started the base Electron project

2022-05-25 14:28:19 -04:00
parent 9351cd6266
commit 6e6fa2b757
15 changed files with 9459 additions and 129 deletions
--- a/assets/coffee/index.coffee
+++ b/assets/coffee/index.coffee
@ -0,0 +1,9 @@
+si = require('systeminformation')
+
+window.onload = () ->
+  si.cpu()
+    .then((data) ->
+      console.log(data)
+    ).catch((error) ->
+      console.error(error)
+    )
--- a/assets/coffee/sentry.coffee
+++ b/assets/coffee/sentry.coffee
@ -0,0 +1,2 @@
+@loadPage = (pagePath) ->
+  window.location.href = pagePath + '.html'
--- a/assets/sass/sentry.sass
+++ b/assets/sass/sentry.sass
@ -0,0 +1,49 @@
+body
+  background: white
+
+a
+  color: cornflowerblue
+  transition: all 200ms ease-in-out
+
+  &:hover
+    color: darken(cornflowerblue, 10%)
+
+input
+  transition: all 200ms ease-in-out
+
+input[type=submit],
+button
+  background-color: cornflowerblue
+  color: #f0f0f0
+  transition: all 200ms ease-in-out
+
+  &:hover
+    background-color: darken(cornflowerblue, 10%)
+    color: white
+
+.u-text-center
+  text-align: center
+
+.container
+  max-width: 1024px
+
+.container.fluid
+  max-width: 100%
+
+#header h1
+  text-align: center
+
+#footer
+  position: fixed
+  left: 0
+  right: 0
+  bottom: 0
+  padding-top: 25px
+  padding-bottom: 25px
+  border-top: 1px solid #999
+
+  .row
+    position: relative
+
+  p.no-margin
+    margin-bottom: 0
--- a/assets/static/styles/skeleton-2.0.4.min.css
+++ b/assets/static/styles/skeleton-2.0.4.min.css
--- a/assets/twig/index.twig
+++ b/assets/twig/index.twig
@ -0,0 +1,15 @@
+{% extends 'layout.twig' %}
+
+{% block scripts %}
+<script src="./js/index.js" charset="utf-8"></script>
+{% endblock %}
+
+{% block content %}
+
+<header class="row">
+  <div class="columns twelve u-text-center">
+    <h1>Sentry System Info</h1>
+  </div>
+</header>
+
+{% endblock %}
--- a/assets/twig/layout.twig
+++ b/assets/twig/layout.twig
@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
+    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'">
+    <link rel="stylesheet" href="{{ file_root }}/styles/skeleton-2.0.4.min.css">
+    <link rel="stylesheet" href="{{ file_root }}//styles/sentry.css">
+    <title>Sentry System Monitor</title>
+    <script src="{{ file_root }}/js/sentry.js" charset="utf-8"></script>
+    {% block scripts %}{% endblock %}
+  </head>
+  <body>
+    <div class="container">
+      {% block content %}{% endblock %}
+    </div>
+
+    <footer id="footer">
+      <div class="container fluid">
+        <div class="row">
+          <div class="columns three"><p></p></div>
+          <div class="columns six">
+            <p class="no-margin">This app was built using:</p>
+            <p class="no-margin">
+              Node.js <span id="node-version"></span>,
+              Chromium <span id="chrome-version"></span>,
+              and Electron <span id="electron-version"></span>.
+            </p>
+          </div>
+        </div>
+      </div>
+    </footer>
+  </body>
+</html>