Add background image to all pages

ag-computational-bio · Dec 18, 2023 · 1514c4a · 1514c4a
1 parent 3d6ac76
commit 1514c4a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/assets/images/metacoder_species2.png b/src/assets/images/metacoder_species2.png
diff --git a/src/assets/main.css b/src/assets/main.css
@@ -1,6 +1,12 @@
 body {
   --header-height: 80px;
   --footer-height: 80px;
+  background-image: url("images/metacoder_species2.png");
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position-y: calc(51vh);
+  background-position-x: calc(70vw);
+  background-attachment: fixed;
 }
 #content {
   margin-top: calc(var(--header-height) + 1rem);

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
@@ -24,9 +24,6 @@
           query the repository
         </p>
       </div>
-      <div class="col-md-12 col-lg-6">
-        <img src="/krona_main.svg" class="w-100" />
-      </div>
     </div>
   </main>
 </template>