added autoscaling for logo

gesiscss · Sep 24, 2024 · f9f1766 · f9f1766
1 parent 5c248c1
commit f9f1766
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 4 deletions.
diff --git a/README.md b/README.md
diff --git a/docs/GESIS_AppKit_Manual.qmd b/docs/GESIS_AppKit_Manual.qmd
@@ -1,5 +1,5 @@
 ---
-title: "GESIS AppKit - Manual"
+title: GESIS AppKit -  Manual
 downloads: [html]
 sharing: [twitter, facebook]
 bibliography: ../references.bib
@@ -24,6 +24,7 @@ date: today
 version: "v1.0"
 format: 
   html:
+    smooth-scroll: true
     css: ../gesis_style.css
     embed-resources: true
     toc: true
@@ -38,8 +39,28 @@ editor: source
 ---
 
 <!-- Place this directly in the document body -->
+<style>
+.logo {
+  position: fixed;
+  top: 2%;
+  left: 2%;
+  width: 20vw;
+  max-width: 900px;
+  height: auto;
+  z-index: -1000;
+}
+
+/* Media query: Hide the logo when the screen is too small */
+@media screen and (max-width: 1700px) {
+  .logo {
+    display: none;  /* Hide the logo when the viewport is smaller than 500px */
+  }
+}
+</style>
+
 <img src="../img/gesis_logo.png" class="logo" alt="Logo">
 
+
 ---------------------------------
 ### 1. Einführung in das AppKit
 

diff --git a/docs/index.html b/docs/index.html