feat: uploaded new image to idle page

svsticky · Oct 3, 2024 · 3030308 · 3030308
1 parent 71af159
commit 3030308
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 22 deletions.
diff --git a/src/views/idle/bg.jpeg b/src/views/idle/bg.jpeg
diff --git a/src/views/idle/idle.css b/src/views/idle/idle.css
@@ -1,13 +1,10 @@
 body {
-  background-color: var(--board-color);
-}
-
-#logo {
-  display: block;
-}
-
-#description{
-  text-align: center;
-  color: #ffffff;
-  font-size: 50px;
+  background-image: url("./bg.jpeg");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  height: 100vh;
+  width: 100vw;
+  margin: 0;
+  padding: 0;
 }
diff --git a/src/views/idle/idle.html b/src/views/idle/idle.html
@@ -14,20 +14,10 @@
   <link rel="stylesheet" type="text/css" href="./idle.css">
 </head>
 <body>
-  <main>
-    <article id="content">  
-      <img 
-      src="https://public.svsticky.nl/logos/logo_compact_outline_wit.svg"
-      class="item"
-      id="logo"
-      />
-      <h1 id="description">Leg je kaart op de NFC-reader</h1>
-    </article>
-  </main>
   <script>
     window.$ = window.jQuery = require('jquery');
     require('../../../src/semantic/dist/semantic.min.js');
     require('../../static/js/idle');
   </script>
 </body>
-</html>
+</html>