Styling fixes and adds logo. (refs #1)

VALIDproject · Apr 11, 2017 · 8c3a67e · 8c3a67e
1 parent b336b3a
commit 8c3a67e
Show file tree

Hide file tree

Showing 8 changed files with 67 additions and 7 deletions.
diff --git a/src/index.html b/src/index.html
@@ -13,8 +13,8 @@
 <body>
 
 <div id="app">
- <h3 style="margin: 5px;">Loading &hellip;</h3>
- <div class="busy">LOADING</div>
+ <h3 style="margin: 5px;"></h3>
+ <div class="busy">This is only showing when the application is busy. Leave it empty if nothing should show.</div>
 </div>
 
 <script>

diff --git a/src/language.js b/src/language.js
diff --git a/src/language.js.map b/src/language.js.map
diff --git a/src/language.ts b/src/language.ts
@@ -1,6 +1,9 @@
 /**
  * Created by Florian Grassinger on Mon, 10 Apr 2017 08:54:58 GMT.
+ *
+ * Add your constants here or Strings in order to make it possible for future distributions to change the language.
+ * If all strings and texts are written in constants it's easier to change the language depending on the region settings.
  */
 
 export const APP_NAME = 'Valid';
-export const HELLO_WORLD = 'Hello Phovea World';
+export const HELLO_WORLD = 'Hello World this is VALID... or will be...';
diff --git a/src/media/Valid_Logo.jpg b/src/media/Valid_Logo.jpg
diff --git a/src/media/valid_logo_animated.svg b/src/media/valid_logo_animated.svg
diff --git a/src/styles/_base.scss b/src/styles/_base.scss
@@ -11,7 +11,7 @@ th, label, strong, b, .label {
  position: fixed;
  width: 100%;
  height: 100%;
- background: rgba(255, 255, 255, 0.26) url('#{$imagesDirectory}/Valid_Logo.jpg') no-repeat fixed center;
+ background: rgba(255, 255, 255, 0.26) url('#{$imagesDirectory}/valid_logo_animated.svg') no-repeat fixed center;
  z-index: 999;
  top: 0;
  bottom: 0;

diff --git a/src/styles/_vars.scss b/src/styles/_vars.scss
@@ -2,5 +2,5 @@
  * Add all variables here for SCSS, like colors or paths.
  */
 
-$imagesDirectory: '~phovea_ui/src/assets';
+$imagesDirectory: 'media';
 $hover-color: orange;