aboutsummaryrefslogtreecommitdiff
path: root/pointless/viewer
diff options
context:
space:
mode:
authorpacien2018-07-19 20:29:38 +0200
committerpacien2018-07-19 20:29:38 +0200
commit19163b68d3ad0cf47d01e7e640a50f515b31f187 (patch)
tree7168f87602abe641330933fb06be1675dd8bb76c /pointless/viewer
parent69c38a75cc0dd212026f21c1ecf356c4bb835c5a (diff)
downloadbeamer-viewer-19163b68d3ad0cf47d01e7e640a50f515b31f187.tar.gz
Add offline capability indicator and links
Diffstat (limited to 'pointless/viewer')
-rw-r--r--pointless/viewer/init.js3
-rw-r--r--pointless/viewer/viewer.css41
2 files changed, 44 insertions, 0 deletions
diff --git a/pointless/viewer/init.js b/pointless/viewer/init.js
index 9ba881c..dddbf17 100644
--- a/pointless/viewer/init.js
+++ b/pointless/viewer/init.js
@@ -23,6 +23,9 @@ function isController() {
23function initCache() { 23function initCache() {
24 if (!navigator.serviceWorker) return; 24 if (!navigator.serviceWorker) return;
25 navigator.serviceWorker.register("appcache.js"); 25 navigator.serviceWorker.register("appcache.js");
26
27 var offlineCapableIndicator = document.getElementById("offlineCapable");
28 offlineCapableIndicator.style.visibility = "visible";
26} 29}
27 30
28function init() { 31function init() {
diff --git a/pointless/viewer/viewer.css b/pointless/viewer/viewer.css
index 57d95f4..d5b766b 100644
--- a/pointless/viewer/viewer.css
+++ b/pointless/viewer/viewer.css
@@ -13,10 +13,33 @@ html, body {
13 height: 100%; 13 height: 100%;
14} 14}
15 15
16a {
17 color: white;
18}
19
20header > h1 {
21 display: inline-block;
22 margin-bottom: 0;
23 margin-right: 0.5rem;
24
25}
26
27header span {
28 font-size: 1.25rem;
29}
30
31#offlineCapable {
32 visibility: hidden;
33}
34
16#welcomeScreen { 35#welcomeScreen {
17 display: none; 36 display: none;
18} 37}
19 38
39#welcomeScreen > div {
40 margin-bottom: 4rem;
41}
42
20#welcomeScreen table { 43#welcomeScreen table {
21 width: 100%; 44 width: 100%;
22 border-collapse: collapse; 45 border-collapse: collapse;
@@ -29,6 +52,24 @@ html, body {
29 height: 8rem; 52 height: 8rem;
30} 53}
31 54
55#welcomeScreen ul {
56 list-style-type: none;
57 margin: 0;
58 padding: 0;
59}
60
61#welcomeScreen li {
62 display: inline;
63}
64
65#welcomeScreen li + li::before {
66 content: " • ";
67}
68
69#fileInput {
70 width: 100%;
71}
72
32.centered { 73.centered {
33 position: absolute; 74 position: absolute;
34 top: 50%; 75 top: 50%;