Merge pull request #4 from inspired-consulting/toc_and_privacy

Toc and privacy
inspired-consulting · Jan 10, 2024 · 0d4e36a · 0d4e36a
2 parents 8ac7010 + 42a0b3e
commit 0d4e36a
Show file tree

Hide file tree

Showing 22 changed files with 370 additions and 30 deletions.
diff --git a/src/android-chrome-192x192.png b/src/android-chrome-192x192.png
diff --git a/src/android-chrome-512x512.png b/src/android-chrome-512x512.png
diff --git a/src/apple-touch-icon.png b/src/apple-touch-icon.png
diff --git a/src/css/main.css b/src/css/main.css
@@ -3,33 +3,32 @@
 @tailwind utilities;
 
 html {
-  scroll-behavior: smooth;
+    scroll-behavior: smooth;
 }
 
 @layer components {
-  .btn-primary {
-    @apply py-2 px-4 bg-blue-500 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75;
-  }
-  .btn-secondary {
-    @apply py-2 px-4 bg-blue-200 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75;
-  }
+    .btn-primary {
+        @apply py-2 px-4 bg-primary-500 text-white font-semibold rounded-lg shadow-md hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-400 focus:ring-opacity-75;
+    }
+    .btn-secondary {
+        @apply py-2 px-4 bg-gray-200 text-white font-semibold rounded-lg shadow-md hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-400 focus:ring-opacity-75;
+    }
 }
 
 /* Initially hide animated icon */
 .ts-animated-icon {
-  display: none;
+    display: none;
 }
 
 /* Show animated icon on card hover */
 .ts-hover-trigger:hover .ts-static-icon {
-  display: none;
+    display: none;
 }
 
 .ts-hover-trigger:hover .ts-animated-icon {
-  display: block;
+    display: block;
 }
 
 .icon-container {
-  height: 20px;
-
-}
+    height: 20px;
+}
diff --git a/src/favicon-16x16.png b/src/favicon-16x16.png
diff --git a/src/favicon-32x32.png b/src/favicon-32x32.png
diff --git a/src/favicon.ico b/src/favicon.ico
diff --git a/src/img/ts_icons/Adversary.svg b/src/img/ts_icons/Adversary.svg
diff --git a/src/img/ts_icons/App Icon.svg b/src/img/ts_icons/App Icon.svg
diff --git a/src/img/ts_icons/Asset.svg b/src/img/ts_icons/Asset.svg
diff --git a/src/img/ts_icons/Mitigation.svg b/src/img/ts_icons/Mitigation.svg
diff --git a/src/img/ts_icons/Organization.svg b/src/img/ts_icons/Organization.svg
diff --git a/src/img/ts_icons/Risk.svg b/src/img/ts_icons/Risk.svg
diff --git a/src/img/ts_icons/System.svg b/src/img/ts_icons/System.svg
diff --git a/src/img/ts_icons/Threat.svg b/src/img/ts_icons/Threat.svg
diff --git a/src/imprint.html b/src/imprint.html
@@ -6,15 +6,21 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="description" content="ThreatShield - Model and analyse threats to your IT systems" />
     <meta name="robots" content="index, follow" />
-    <title>ThreatShield</title>
+    <title>ThreatShield - Imprint</title>
     <script type="module" crossorigin src="./js/main.js" defer></script>
     <link rel="stylesheet" href="./css/main.css" />
+    {{> doc_head}}
 </head>
 
 <body class="bg-black h-screen">
-    <div class="container mx-auto text-center py-20 text-gray-200">
-        <h1 class="my-4 text-3xl font-bold text-gray-100">Imprint</h1>
-        <p class="">Responsible for content of this site:</p>
+    <div class="container mx-auto text-left py-12 text-gray-300 max-w-4xl">
+        <div class="flex justify-between items-center">
+            <h1 class="my-4 text-3xl font-bold text-gray-100">
+                Imprint
+            </h1>
+            <a class="btn btn-primary" href="/">Back</a>
+        </div>
+        <label class="text-gray-500">Responsible for content of this site:</label>
         <p class="my-3">
             Inspired Consulting GmbH<br />
             Konrad-Adenauer-Ufer 7 · 50668 Köln <br />
@@ -23,33 +29,37 @@ <h1 class="my-4 text-3xl font-bold text-gray-100">Imprint</h1>
             VAT: DE327219324
         </p>
         <p class="text-sm">
-            Represented by the managing directors: <br />
+            <label class="text-gray-500">Represented by the managing directors:</label><br />
             Christian Albrecht, Oliver Tigges<br />
         </p>
-        <p class="mt-3">
-            Contact:<br />
+        <p class="text-sm mt-3">
+            <label class="text-gray-500">Contact:</label><br />
             Phone: +49 221 27321334<br />
             E-Mail:[email protected]
         </p>
 
-        <p class="mt-3">
+        <p class="my-6">
             ThreatShield has been developed in the
             <a href="https://inspired.consulting/digitale-manufaktur"><span class="text-inspired-gray font-semibold">
                     Digital Manufactory</span></a>
             of
             <a href="https://inspired.consulting"><span class="text-inspired-gray  font-semibold">Inspired
-                    Consulting</span></a>
+                    Consulting</span></a>.
         </p>
-        <section class="my-6 text-gray-500">
+        <section class="my-6 text-sm text-gray-500">
+            <label class="text-gray-500">Image references:</label><br />
             <ul>
                 <li><a href="https://www.flaticon.com/de/kostenlose-animierte-icons/roboter"
-                        title="Animated roboter icon" class="hover:text-primary-100">Animated roboter icon by Freepik -
+                        title="Animated roboter icon" class="hover:text-primary-100">Animated roboter icon by
+                        Freepik -
                         Flaticon</a></li>
                 <li><a href="https://www.flaticon.com/de/kostenloses-animiertes-icon/zusammenarbeit_9822027?term=menschen&page=1&position=8&origin=tag&related_id=9822027"
-                        title="Animated people icon" class="hover:text-primary-100">Animated people icon by Freepik -
+                        title="Animated people icon" class="hover:text-primary-100">Animated people icon by Freepik
+                        -
                         Flaticon</a></li>
                 <li><a href="https://www.flaticon.com/de/kostenlose-animierte-icons/sicherheit"
-                        title="Animated shield icons" class="hover:text-primary-100">Animated shield icon by Freepik -
+                        title="Animated shield icons" class="hover:text-primary-100">Animated shield icon by Freepik
+                        -
                         Flaticon</a></li>
             </ul>
         </section>

diff --git a/src/index.html b/src/index.html
@@ -12,6 +12,7 @@
     <title>ThreatShield</title>
     <script type="module" crossorigin src="./js/main.js" defer></script>
     <link rel="stylesheet" href="./css/main.css" />
+    {{> doc_head}}
 </head>
 
 <!-- HEADER -->
@@ -48,7 +49,7 @@ <h1 class="leading-[3.5rem] text-4xl font-bold md:text-7xl sm:leading-[3.5rem] m
             </div>
         </div>
     </header>
-    
+
 
 
     <main>

diff --git a/src/partials/doc_head.hbs b/src/partials/doc_head.hbs
@@ -0,0 +1,4 @@
+<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+<link rel="manifest" href="/site.webmanifest">
diff --git a/src/partials/footer.hbs b/src/partials/footer.hbs
@@ -1,7 +1,11 @@
-<footer class="my-12 w-full text-sm text-center text-gray-300">
-    <div class="mt-5 space-x-5">
-        <a href="https://inspired.consulting">&copy; 2023 Inspired Consulting GmbH</a>
+<footer class="mt-6 pt-6 pb-6 w-full text-md text-center text-gray-300">
+    <div class="space-x-5">
         <a href="/">Home</a>
+        <a href="/terms.html">Terms of Service</a>
+        <a href="/privacy.html">Privacy</a>
         <a href="/imprint.html">Imprint</a>
     </div>
+    <div class="mt-4 text-xs text-gray-500">
+        <a href="https://inspired.consulting">&copy; 2024 Inspired Consulting GmbH</a>
+    </div>
 </footer>