more icons

sandbox/Assets/Icon_OpenFile.svg

@@ -1 +1 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Icon_OpenFile</title><path class="cls-1" d="M49.45,113H96.53v4.7H44.74V42.34h41L106,62.53V80h-4.71V65.88H82.41V47h-33ZM87.12,61.17H97.89L87.12,50.39Zm24.82,37.55-6-6v24.9h-4.71V92.76l-6,6-3.31-3.31L103.6,83.75l11.66,11.66Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:none;}</style></defs><title>Asset 11</title><g id="Layer_2" data-name="Layer 2"><g id="Page_Elements" data-name="Page Elements"><path class="cls-1" d="M26.67,44.77H41.88v1.52H25.15V22H38.4l6.52,6.52v5.64H43.4V29.56H37.31V23.48H26.67ZM38.83,28h3.49l-3.49-3.48Zm8,12.13-1.93-1.92v8H43.4v-8l-1.94,1.92L40.39,39.1l3.77-3.77,3.76,3.77Z"/><rect class="cls-2" width="70" height="70"/></g></g></svg>

sandbox/index-local.html

@@ -54,8 +54,7 @@
                 </a>
             </div>
         </div>
-        <div id="logo">
-        </div>
+        <img id="logo" src='./Assets/Logo_Fullscreen.svg' />
         <div id="errorZone"></div>
     </div>
     <script>

sandbox/index.css

@@ -82,9 +82,8 @@ a:visited {
 }
 
 .footerRight a img {
-    width: 36px; 
-    height: 36px;
-    margin: 10px;
+    width: var(--footer-height);
+    height: var(--footer-height);
 }
 
 .footerRight a:hover {
@@ -98,9 +97,8 @@ a:visited {
 .custom-upload {
     position: relative;
     background:url(./Assets/Icon_OpenFile.svg) center right no-repeat;
-    width: 36px; 
-    height: 36px;
-    margin: 10px;
+    width: var(--footer-height);
+    height: var(--footer-height);
 }
 
 .custom-upload input[type=file]
@@ -119,11 +117,10 @@ a:visited {
 #logo {
     position: absolute;
     top:0;
-    width: 100%;
-    height: 100%;
-    background: url('./Assets/Logo_Fullscreen.svg') no-repeat 0 0;
-    background-position: center;
-    background-size: 50%;
+    width: 20%;
+    height: 20%;
+    top: 30%;
+    left: 40%;
     pointer-events: none;
 }
 

sandbox/index.html

@@ -87,8 +87,7 @@
                 </a>
             </div>
         </div>
-        <div id="logo">
-        </div>
+        <img id="logo" src='./Assets/Logo_Fullscreen.svg' />
         <div id="errorZone"></div>
     </div>
     <script src="environment.js"></script>