customize splash

sbrshk · Feb 9, 2017 · 9f93318 · 9f93318
1 parent e12dd02
commit 9f93318
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 24 deletions.
diff --git a/app/main.js b/app/main.js
@@ -20,13 +20,13 @@ const url = require('url')
 let mainWindow, settingsWindow, aboutWindow, splashScreen, tray, contextMenu
 
 function createSplashScreen () {
-    splashScreen = new BrowserWindow({width: 600,
-                                      height: 400, 
+    splashScreen = new BrowserWindow({width: 640,
+                                      height: 480, 
                                       frame: false, 
                                       show: false
     })
     splashScreen.loadURL(url.format({
-    pathname: path.join(__dirname, 'splash.html'),
+    pathname: path.join(__dirname, 'splash/splash.html'),
     protocol: 'file:',
     slashes: true
     }))

diff --git a/app/splash.html → app/splash/splash.html b/app/splash.html → app/splash/splash.html
@@ -11,26 +11,14 @@
                 height: 100%;
                 position: fixed;
                 text-align: center;
-                background: linear-gradient(to top left, #228B22, #008080);
-            }
-
-            .label {
-                margin-top: 50px;
-                font-family: 'Annabelle', arial;
-                font-size: 50px;
-                text-shadow: 10px 10px 10px black;
-            }
-
-            .label-2 {
-                font-family: 'Annabelle', arial;
-                font-size: 25px;
-                text-shadow: 10px 10px 10px black;
+                background-color: white;
+                background-image: url(splash_background.png);
             }
 
             /* Spinkit */
 
             .sk-chasing-dots {
-                margin: 40px auto;
+                margin: 220px auto;
                 width: 40px;
                 height: 40px;
                 position: relative;
@@ -86,13 +74,10 @@
     </head>
     <body>
         <div class="image">
-            <p class="label">Whatever</p>
-            <p class="label-2">Keep your notes simple</p>
             <div class="sk-chasing-dots">
-        <div class="sk-child sk-dot1" style="background-color: #fff"></div>
-        <div class="sk-child sk-dot2" style="background-color: #fff"></div>
-      </div>
-
+                <div class="sk-child sk-dot1" style="background-color: rgba(255, 255, 255, 0.5)"></div>
+                <div class="sk-child sk-dot2" style="background-color: rgba(255, 255, 255, 0.5)"></div>
+            </div>   
         </div>
     </body>
 </html>
diff --git a/app/splash/splash_background.png b/app/splash/splash_background.png