diff --git a/src/images/peeriod-about.png b/src/images/peeriod-about.png
new file mode 100644
index 00000000..aad6c168
Binary files /dev/null and b/src/images/peeriod-about.png differ
diff --git a/src/images/peeriod-about@2x.png b/src/images/peeriod-about@2x.png
new file mode 100644
index 00000000..70e0e091
Binary files /dev/null and b/src/images/peeriod-about@2x.png differ
diff --git a/src/images/peeriod-splashscreen.png b/src/images/peeriod-splashscreen.png
new file mode 100644
index 00000000..33781a0d
Binary files /dev/null and b/src/images/peeriod-splashscreen.png differ
diff --git a/src/images/peeriod-splashscreen@2x.png b/src/images/peeriod-splashscreen@2x.png
new file mode 100644
index 00000000..e68d3d99
Binary files /dev/null and b/src/images/peeriod-splashscreen@2x.png differ
diff --git a/src/public/about.html b/src/public/about.html
index f1f5ad37..b2c93636 100644
--- a/src/public/about.html
+++ b/src/public/about.html
@@ -41,7 +41,6 @@
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-font-feature-settings: "kern";
- font-kerning: normal;
}
.version,
@@ -58,6 +57,8 @@
color: #3c3c3c;
text-decoration: none;
font-weight: bold;
+ outline: none;
+ outline: none;
}
a:hover,
@@ -66,17 +67,23 @@
}
.version {
+ margin-top: 1rem;
font-style: italic;
}
ul {
- margin: 32px 0;
+ margin: 2rem 0;
padding: 0;
list-style: none;
}
+ ul.links {
+ margin-bottom: 0;
+ }
+
ul.links li {
display: inline-block;
+ white-space: nowrap;
}
ul.links li:after {
@@ -90,12 +97,11 @@
- Logo HERE
+ 
— Version —
-
+
- Peeriod
@@ -107,15 +113,16 @@ Logo HERE
(function () {
var gui = require('nw.gui');
var i18n = require('i18n');
-
+ var win = gui.Window.get();
var updateLink = function (linkEl) {
linkEl.addEventListener('click', function (event) {
event.preventDefault();
gui.Shell.openExternal(event.target.href);
+ win.close();
});
};
-
+ var iconName = window.devicePixelRatio > 1 ? 'peeriod-about@2x' : 'peeriod-about';
var links = document.getElementsByTagName('A');
for (var i = 0, l = links.length; i < l; i++) {
@@ -137,6 +144,7 @@ Logo HERE
}
document.title = i18n.__('aboutWindow.title');
+ document.getElementById('logo').src = '../images/' + iconName + '.png';
document.getElementById('version').innerHTML = i18n.__('aboutWindow.version', gui.App.manifest.version);
document.getElementById('home-link').innerHTML = i18n.__('aboutWindow.linkHome');
document.getElementById('github-link').innerHTML = i18n.__('aboutWindow.linkGithub');
diff --git a/src/public/splash-screen.html b/src/public/splash-screen.html
index b7461428..15dcb145 100644
--- a/src/public/splash-screen.html
+++ b/src/public/splash-screen.html
@@ -40,6 +40,12 @@
}
}
+ html,
+ body {
+ height: 100%;
+ margin: 0;
+ }
+
body {
background: #f0f0f0;
text-align: center;
@@ -49,6 +55,8 @@
/*color: #6B6B6B;*/
color: #8E8E8E;
-webkit-font-smoothing: antialiased;
+ background-repeat: no-repeat;
+ background-position: 50% 37%;
}
* {
@@ -120,12 +128,22 @@
-
+
+