iou1name/Juice
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

pwa

Browse Source
This commit is contained in:
iou1name 2019-07-02 08:47:34 -04:00
parent e680c55fae
commit c6fe1216c2
11 changed files with 153 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
static/fontawesome-webfont.woff2
View File

Binary file not shown.

21
static/juice-manifest.webmanifest Normal file
View File

@ -0,0 +1,21 @@
{
"name": "Juice",
"short_name": "Juice",
"start_url": "/juice",
"display": "standalone",
"background_color": "lightblue",
"theme_color": "lightblue",
"description": "An IOT hub.",
"icons": [
{
"src": "/static/orange-juice-144p.png",
"sizes": "144x144",
"type": "image/png"
},
{
"src": "/static/orange-juice-512p.png",
"sizes": "512x512",
"type": "image/png"
}
]
}

30
static/juice.css
View File

@ -4,6 +4,33 @@ body {
margin: 0; margin: 0;
} }
#logo-line {
display: flex;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#logo {
height: 5em;
}
h1 {
margin-top: auto;
margin-bottom: 0;
}
h3 {
margin-top: auto;
margin-bottom: 0.1em;
margin-left: 0.5em;
color: whitesmoke;
text-shadow:
1px 1px 0 dimgray,
-1px 1px 0 dimgray,
1px -1px 0 dimgray,
-1px -1px 0 dimgray;
}
.font-awesome { .font-awesome {
font-family: FontAwesome; font-family: FontAwesome;
font-style: normal; font-style: normal;
@ -11,12 +38,13 @@ body {
nav { nav {
background-color: whitesmoke; background-color: whitesmoke;
border-top: 1px solid darkgray;
border-bottom: 1px solid darkgray; border-bottom: 1px solid darkgray;
display: flex; display: flex;
} }
nav span { nav span {
color: dimgrey; color: dimgray;
cursor: pointer; cursor: pointer;
transition: 0.1s; transition: 0.1s;
padding: 0.5em; padding: 0.5em;

BIN
static/orange-juice-144p.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
static/orange-juice-512p.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

85
static/orange-juice.svg Normal file
View File

@ -0,0 +1,85 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 155.883 155.883" style="enable-background:new 0 0 155.883 155.883;" xml:space="preserve">
<g>
<g>
<g>
<circle style="fill:#FF7500;" cx="98.922" cy="49.126" r="27.492"/>
</g>
<g>
<circle style="fill:#FFD01F;" cx="99.304" cy="48.744" r="22.528"/>
</g>
<g>
<circle style="fill:#FFD01F;" cx="99.304" cy="48.744" r="22.528"/>
</g>
<g>
<g>
<path style="fill:#FFB000;" d="M98.255,47.472V30.184c-9.617,0.434-17.407,7.843-18.452,17.288H98.255z"/>
</g>
<g>
<path style="fill:#FFB000;" d="M118.805,47.217c-1.584-9.02-8.963-16.036-18.167-17.056v17.056H118.805z"/>
</g>
<g>
<path style="fill:#FFB000;" d="M98.255,50.018v17.287c-9.617-0.434-17.407-7.842-18.452-17.287
C79.803,50.018,98.255,50.018,98.255,50.018z"/>
</g>
<g>
<path style="fill:#FFB000;" d="M118.805,50.271c-1.584,9.02-8.963,16.037-18.167,17.056V50.271H118.805z"/>
</g>
</g>
</g>
<g>
<polygon style="fill:#ABD9D5;" points="94.687,155.883 37.939,155.883 29.469,47.883 103.157,47.883 "/>
</g>
<g>
<polygon style="fill:#CDE8E6;" points="64.663,155.883 37.939,155.883 29.469,47.883 64.663,47.883 "/>
</g>
<g>
<polygon style="fill:#DDF0EE;" points="88.758,141.883 43.868,141.883 35.398,47.883 97.228,47.883 "/>
</g>
<g>
<polygon style="fill:#FF7500;" points="37.304,68.606 43.868,141.449 88.758,141.449 95.321,68.606 "/>
</g>
<g>
<polygon style="fill:#FF4F0C;" points="66.736,68.606 37.304,68.606 43.868,141.449 66.736,141.449 "/>
</g>
<path style="fill:#FFFFFF;" d="M84.175,127.346c-0.215,2.329-2.278,4.044-4.606,3.828l0,0c-2.329-0.215-4.043-2.277-3.828-4.606
l4.048-43.857c0.215-2.329,2.278-4.043,4.606-3.828l0,0c2.329,0.215,4.043,2.277,3.828,4.606L84.175,127.346z"/>
<g>
<g>
<polygon style="fill:#F62D8D;" points="37.694,0 42.682,47.433 51.565,47.433 46.576,0 "/>
</g>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

18
templates/index.html
View File

@ -6,15 +6,25 @@
<script type="text/javascript" src="/static/juice.js"></script> <script type="text/javascript" src="/static/juice.js"></script>
<script>var init_state = {{ init_state|tojson|safe }};</script> <script>var init_state = {{ init_state|tojson|safe }};</script>
<script>window.onload = load;</script> <script>window.onload = load;</script>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=0.8">
<meta name="description" content="An IOT hub."> <meta name="description" content="An IOT hub.">
<meta name="theme-color" content="lightblue">
<link rel="manifest" href="/static/juice-manifest.webmanifest">
<link rel="icon" href="/static/orange-juice.svg">
<link rel="icon" href="/static/orange-juice-144p.png">
</head> </head>
<body> <body>
<header> <header>
<h1>Juice</h1> <div id="logo-line">
<object id="logo" aria-label="Juice: An IOT hub" data="/static/orange-juice.svg"></object>
<h1>Juice</h1>
<h3>An IOT hub</h3>
</div>
<nav> <nav>
<span title="Add new device" onclick="new_device()"><span class="font-awesome">&#xe802;</span></span> <span class="font-awesome" title="Home"><a href="./">&#xe806;</a></span>
<span title="Manage security keys and tokens"><a href="./manage">Manage</a></span> <span class="font-awesome" title="Manage security keys and tokens"><a href="./manage">&#xe807;</a></span>
<span class="font-awesome" title="Add new device" onclick="new_device()">&#xe802;</span>
<span class="font-awesome" title="Logout"><a href="./logout">&#xe805;</a></span>
</nav> </nav>
</header> </header>
<main> <main>

1
templates/login.html
View File

@ -8,6 +8,7 @@
<script>url_prefix = '{{ url_prefix }}';</script> <script>url_prefix = '{{ url_prefix }}';</script>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="An IOT hub."> <meta name="description" content="An IOT hub.">
<link rel="icon" href="/static/orange-juice.svg">
</head> </head>
<body> <body>
<main> <main>

1
templates/manage.html
View File

@ -7,6 +7,7 @@
<script>url_prefix = '{{ url_prefix }}';</script> <script>url_prefix = '{{ url_prefix }}';</script>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="An IOT hub."> <meta name="description" content="An IOT hub.">
<link rel="icon" href="/static/orange-juice.svg">
</head> </head>
<body> <body>
<main> <main>

1
templates/register.html
View File

@ -5,6 +5,7 @@
<link rel="stylesheet" type="text/css" href="/static/juice.css"> <link rel="stylesheet" type="text/css" href="/static/juice.css">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="An IOT hub."> <meta name="description" content="An IOT hub.">
<link rel="icon" href="/static/orange-juice.svg">
</head> </head>
<body> <body>
<main> <main>

1
templates/register_key.html
View File

@ -8,6 +8,7 @@
<script>url_prefix = '{{ url_prefix }}';</script> <script>url_prefix = '{{ url_prefix }}';</script>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="An IOT hub."> <meta name="description" content="An IOT hub.">
<link rel="icon" href="/static/orange-juice.svg">
</head> </head>
<body> <body>
<main> <main>