Improved design

josges · Mar 3, 2024 · 07f8068 · 07f8068
1 parent 87f7896
commit 07f8068
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 27 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -1,30 +1,31 @@
 <!DOCTYPE html>
-<html lang="{{ site.lang | default: "en-US" }}">
-  <head>
+<html lang="{{ site.lang | default: " en-US" }}">
+
+<head>
     <meta charset="UTF-8">
 
-{% seo %}
+    {% seo %}
     <link rel="preconnect" href="https://fonts.gstatic.com">
-    <link rel="preload" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap" as="style" type="text/css" crossorigin>
+    <link rel="preload" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap" as="style"
+        type="text/css" crossorigin>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="theme-color" content="#157878">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
     {% include head-custom.html %}
-  </head>
-  <body>
-    <a id="skip-to-content" href="#content">Skip to the content.</a>
+</head>
 
-    <header class="page-header" role="banner">
-      <h1 class="project-name">{{ page.title | default: site.title | default: site.github.repository_name }}</h1>
-      <h2 class="project-tagline">{{ page.description | default: site.description | default: site.github.project_tagline }}</h2>
-    </header>
+<body>
+    <a id="skip-to-content" href="#content">Skip to the content.</a>
 
     <main id="content" class="main-content" role="main">
-      {{ content }}
-
-      <footer class="site-footer">
-      </footer>
+        <div class="center">
+            <div class="img"> <img src="/assets/biene.png" alt="Biene"></div>
+            {{ content }}
+        </div>
+        <footer class="site-footer">
+        </footer>
     </main>
-  </body>
+</body>
+
 </html>
diff --git a/_layouts/page.html b/_layouts/page.html
diff --git a/assets/biene.png b/assets/biene.png
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -0,0 +1,21 @@
+---
+---
+
+@import "{{ site.theme }}";
+.center {
+        margin: 0;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        -ms-transform: translate(-50%, -50%);
+        transform: translate(-50%, -50%);
+        text-align: center;
+    }
+
+.img {
+        max-width: 50%;
+        height: auto;
+        left: 50%;
+        transform: translateX(50%);
+}
+.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { margin-top: 2rem; margin-bottom: 1rem; font-weight: normal; color: #7b2525}
diff --git a/index.markdown b/index.markdown
@@ -2,7 +2,7 @@
 # Feel free to add content and custom Front Matter to this file.
 # To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
 
-layout: page
+layout: default
 ---
 # 2024 ist ein Bienenbarjahr!