#282 added smaller background images for faster page load

bugy · Apr 23, 2020 · 6bc19f4 · 6bc19f4
1 parent 42ab2fb
commit 6bc19f4
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 8 deletions.
diff --git a/LICENSE b/LICENSE
@@ -32,6 +32,10 @@ images/github.png (modified)
 images/titleBackground.jpg
 The image is from free set of material design backgrounds, published by oxygenna.com and absolutely free to use (Source: http://www.oxygenna.com/news/brand-new-set-of-40-material-design-backgrounds)
 
+images/titleBackground_small.jpg
+images/titleBackground_login.jpg
+Same as above, but the image sizes was changed for Script server project
+
 images/cookie.png (modified)
 https://github.com/whitebird/FontAwesome-cookie
 Licensed under http://creativecommons.org/publicdomain/zero/1.0

diff --git a/src/tests/web/server_test.py b/src/tests/web/server_test.py
@@ -197,7 +197,7 @@ class LoginResourcesTest(TestCase):
         ('/js/login.be16f278.js.map'),
         ('/js/chunk-login-vendors.18e22e7f.js'),
         ('/js/chunk-login-vendors.18e22e7f.js.map'),
-        ('/img/titleBackground.a6c36d4c.jpg'),
+        ('/img/titleBackground_login.a6c36d4c.jpg'),
         ('/css/login.8e74be0f.css'),
         ('/fonts/roboto-latin-400.60fa3c06.woff'),
         ('/fonts/roboto-latin-400.479970ff.woff2'),

diff --git a/src/web/server.py b/src/web/server.py
@@ -93,7 +93,7 @@ def is_allowed_during_login(request_path, login_url, request_handler):
                        '/fonts/roboto-latin-500.woff',
                        '/fonts/roboto-latin-400.woff2',
                        '/fonts/roboto-latin-400.woff',
-                       '/img/titleBackground.jpg']
+                       '/img/titleBackground_login.jpg']
 
     return request_path in login_resources
 

diff --git a/web-src/public/login.html b/web-src/public/login.html
@@ -12,6 +12,7 @@
 
 <body id="login-body" class="valign-wrapper">
 <div id="login-panel" class="card">
+    <div class="card-image"></div>
     <div class="card-content" id="login-content-container">
     </div>
 </div>

diff --git a/web-src/src/assets/css/index.css b/web-src/src/assets/css/index.css
@@ -74,12 +74,13 @@ input[type=checkbox]:not(.browser-default) + span {
 #login-panel {
     width: 300px;
     margin: auto;
+}
 
-    border-top: 50px solid;
-    -moz-border-image: url("../titleBackground.jpg") 300;
-    -webkit-border-image: url("../titleBackground.jpg") 300;
-    -o-border-image: url("../titleBackground.jpg") 300;
-    border-image: url("../titleBackground.jpg") 300;
+#login-panel .card-image {
+    height: 50px;
+    background: url('../titleBackground_login.jpg') no-repeat;
+    background-size: cover;
+    background-position-x: 28%;
 }
 
 #login-panel .login-form .input-field {
@@ -157,6 +158,6 @@ input[type=checkbox]:not(.browser-default) + span {
 }
 
 .main-content-header {
-    background: url('../titleBackground.jpg') no-repeat center;
+    background: url('../titleBackground_small.jpg') no-repeat;
     background-size: cover;
 }
diff --git a/web-src/src/assets/titleBackground_login.jpg b/web-src/src/assets/titleBackground_login.jpg
diff --git a/web-src/src/assets/titleBackground_small.jpg b/web-src/src/assets/titleBackground_small.jpg