From c6bf0aa157b515b2913565ec9a95018e8a4582c7 Mon Sep 17 00:00:00 2001
From: Michi <michivonah@gmail.com>
Date: Tue, 10 May 2022 07:51:39 +0200
Subject: [PATCH] Create index.html

---
 index.html | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..d73ab3b
--- /dev/null
+++ b/index.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <title>Michi von Ah</title>
+  <meta name="mobile-web-app-title" content="Anleitungen">
+  <meta name="apple-mobile-web-app-title" content="Anleitungen">
+  <link rel="icon" type="image/png" href="logo.png">
+  <link rel="shortcut icon" type="image/png" href="logo.png">
+  <link rel="apple-touch-icon" href="logo.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="logo.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="logo.png">
+  <link rel="apple-touch-icon" sizes="167x167" href="logo.png">
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+  <script src="https://unpkg.com/akar-icons-fonts"></script>
+  <link rel="stylesheet" type="text/css" href="style.css"/>
+  <meta charset="UTF-8">
+  <meta name="description" content="Anleitungen">
+  <meta name="author" content="Michi von Ah">
+  <meta name="robots" content="noindex">
+  <meta http-equiv="expires" content="43200">
+
+  <meta name="theme-color" content="#3498db">
+  <meta name="mobile-web-app-status-bar-style" content="#2980b9">
+  <meta name="apple-mobile-web-app-status-bar-style" content="#2980b9">
+  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
+  <meta name="mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <link rel="manifest" href="manifest.json">
+  <link href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto&family=Ubuntu&display=swap" rel="stylesheet">
+
+</head>
+<body>
+      <div id="content">
+        <div>
+          <p>Test</p>
+        </div>
+      </div>
+
+
+      <script>
+      // Loading
+      window.addEventListener('load', () => {
+        if(window.matchMedia('(prefers-color-scheme: dark)').matches || localStorage.getItem('darkmode') == "true"){
+            document.body.style.setProperty('--maincolor', '#3498db');
+            document.body.style.setProperty('--secondcolor', '#2980b9');
+            document.body.style.setProperty('--background', '#181818');
+            document.body.style.setProperty('--color', '#fff');
+            console.log('Darkmode activated.');
+        	}
+      });
+      </script>
+</body>
+</html>
