diff --git a/lib/public/service-worker.js b/lib/public/service-worker.js
index 4664d77..785812c 100644
--- a/lib/public/service-worker.js
+++ b/lib/public/service-worker.js
@@ -1,4 +1,4 @@
-// Worker v5
+// Worker v7
self.addEventListener('install', (event) => {
event.waitUntil(
@@ -7,8 +7,9 @@ self.addEventListener('install', (event) => {
'/',
'/favicon.ico',
'/scripts.js?3',
- '/style.css?4',
+ '/style.css?5',
'/about?2',
+ '/icon-512.png',
])
})
)
diff --git a/lib/public/style.css b/lib/public/style.css
index c3865c2..1f82f1f 100644
--- a/lib/public/style.css
+++ b/lib/public/style.css
@@ -1,18 +1,52 @@
+/* Define platform-specific typefaces */
+
+@font-face {
+ font-family: system;
+ font-style: normal;
+ font-weight: 300;
+ src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
+}
+
+/* Web query */
+@media screen and (min-width: 501px) {
+ img#logo {
+ width: 72px;
+ height: 72px;
+ }
+}
+
+/* Mobile screen+ query */
@media screen and (max-width: 500px) {
h1 {
font-size: 1.6rem;
margin: 0;
}
+ article#main, input {
+ font-size: 1.1rem;
+ }
+ img#logo {
+ width: 64px;
+ height: 64px;
+ }
}
+/* Mobile screen query */
@media screen and (max-width: 320px) {
h1 {
- font-size: 1.1rem;
+ font-size: 1.2rem;
margin: 0;
}
+ article#main, input {
+ font-size: 1.2rem;
+ }
+ img#logo {
+ width: 32px;
+ height: 32px;
+ }
}
body {
+ font-family:-apple-system; "system";
display: flex;
flex-direction: column;
min-height: 100vh;
@@ -23,6 +57,11 @@ body {
box-sizing: border-box;
}
+header {
+ display: flex;
+ align-items: center;
+}
+
footer {
background-color: #fff;
}
@@ -31,7 +70,11 @@ article#main {
flex: 1;
}
-p, input, table, button, label {
+img#logo {
+ margin: 5px;
+}
+
+input {
font-size: 1rem;
}
@@ -76,6 +119,9 @@ input#url {
.status-item {
display: none;
min-width: 200px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
}
.show {
diff --git a/lib/views/about.ejs b/lib/views/about.ejs
index 46dff2d..5c0b0a8 100644
--- a/lib/views/about.ejs
+++ b/lib/views/about.ejs
@@ -3,7 +3,7 @@
-
+
Facebook Events to iCal Converter | about
diff --git a/lib/views/index.ejs b/lib/views/index.ejs
index 01227d8..10a8e7b 100644
--- a/lib/views/index.ejs
+++ b/lib/views/index.ejs
@@ -5,13 +5,14 @@
-
+
Facebook Event to iCal Converter
+ 
Facebook Events to iCal Converter