updated start page

.gitignore

@@ -1,3 +1,4 @@
 .idea/
 
 github-release.jenkinsfile
+.licenceignore

README.md

@@ -1,6 +1,6 @@
 <img align="right" width="250" height="47" src="Gematik_Logo_Flag_With_Background.png"/> <br/> 
 
-# your-repository-name
+# gematik.github.io
 
 <details>
   <summary>Table of Contents</summary>

SECURITY.md

@@ -0,0 +1,7 @@
+# Security Policy
+
+Since this software is not a productive version, please submit an issue or pull request for any bugs
+or vulnerabilities you find.
+
+In case of a responsible disclosure, please follow instructions
+on https://www.gematik.de/datensicherheit#c1227.

common/footer.html

@@ -21,35 +21,40 @@
     </div>
     <div class="col text-end socials">
 
-      <a href="https://www.instagram.com/gematikgmbh/?hl=de" title="Instagram" target="_blank"
-         class="link" rel="noreferrer">
+      <a href="https://www.instagram.com/gematikgmbh/?hl=de" title="Instagram" target="_blank" rel="noreferrer">
         <img src="../images/icons/instagram.svg" alt="Instagram" height="">
       </a>
 
-      <a href="https://www.facebook.com/gematik/" title="Facebook" target="_blank" class="link"
-         rel="noreferrer">
+      <a href="https://www.facebook.com/gematik/" title="Facebook" target="_blank" rel="noreferrer">
         <img src="../images/icons/facebook.svg" alt="Facebook">
       </a>
 
       <a href="https://twitter.com/gematik1" title="Twitter" target="_blank" class="link"
          rel="noreferrer">
-        <img src="../images/icons/twitter.svg" alt="Twitter">
+        <img src="../images/icons/x-twitter.svg" alt="Twitter/X" style="filter: grayscale(100%) invert(100%);">
       </a>
 
-      <a href="https://www.youtube.com/channel/UCkKjrzwhrb8JcZxm8LPc_pg" title="YouTube"
-         target="_blank" class="link" rel="noreferrer">
+      <a href="https://www.youtube.com/channel/UCkKjrzwhrb8JcZxm8LPc_pg" title="YouTube" rel="noreferrer">
         <img src="../images/icons/youtube.svg" alt="YouTube">
       </a>
 
-      <a href="https://www.linkedin.com/company/125822" title="LinkedIn" target="_blank"
-         class="link" rel="noreferrer">
+      <a href="https://www.linkedin.com/company/125822" title="LinkedIn" target="_blank" rel="noreferrer">
         <img src="../images/icons/linkedin.svg" alt="LinkedIn">
       </a>
 
-      <a href="https://www.xing.com/companies/gematik" title="Xing" target="_blank" class="link"
+      <a href="https://www.xing.com/companies/gematik" title="Xing" target="_blank"
          rel="noreferrer">
         <img src="../images/icons/xing.svg" alt="Xing">
       </a>
+
+
+      <a href=https://github.com/gematik/" title="GitHub" target="_blank"
+         rel="noreferrer">
+        <img src="../images/icons/github.svg" alt="GitHub" style="filter: grayscale(100%) invert(100%);">
+      </a>
     </div>
   </div>
-</div>
+</div>
+
+<link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
+<script src="../bootstrap/js/bootstrap.bundle.min.js"></script>

common/head.html

@@ -17,6 +17,9 @@
 
 <!-- Primary Meta Tags -->
 <title>gematik CODE - Support for telematics infrastructure development.</title>
+<link rel="icon" type="image/x-icon" href="../images/logos/favicon.ico">
+
+
 <meta name="title" content="gematik CODE - Support for telematics infrastructure development.">
 <meta name="description"
       content="Support for development of medical applications in context of telematics infrastructure.">
@@ -78,8 +81,3 @@
       content="https://gematik.github.io/images/fav/ms-icon-144x144.png">
 <meta name="theme-color" content="#ffffff">
 
-<!--Bootstrap-->
-<link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
-<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
-        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
-        crossorigin="anonymous"></script>

common/header.html

@@ -41,7 +41,7 @@
             <a class="nav-link" href="Proof_Of_Concepts.html">Proof Of Concepts</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="Reference_Implementation.html">Reference Implementations</a>
+            <a class="nav-link" href="Reference_Implementations.html">Reference Implementations</a>
           </li>
           <li class="nav-item">
             <a class="nav-link" href="Specifications.html">Specifications</a>

universal/Applications.html

@@ -18,9 +18,18 @@
 <head id="head">
   <meta charset="utf-8"/>
   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
+
+  <link rel="preload" href="https://code.jquery.com/jquery-3.5.0.js" as="script">
+  <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
+
+  <link rel="preload" href="../bootstrap/js/bootstrap.bundle.min.js" as="script">
+  <script src="../bootstrap/js/bootstrap.bundle.min.js"></script>
+
+  <link rel="preload" href="../bootstrap/css/bootstrap.css" as="style">
+  <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
 </head>
 
-<body class="is-preload">
+<body>
 <!-- Wrapper -->
 <div id="wrapper">
   <!-- Header -->
@@ -33,13 +42,13 @@
     <div class="w-100">
       <div class="d-flex">
         <span
-            class="d-flex justify-content-center align-items-center index-teaser-circle bg-green me-2">
+            class="d-flex justify-content-center align-items-center index-teaser-circle bg-neongreen me-2">
           <img src="../images/Mobile Applications_Blau_gematik.png" alt="Piktogramm_Apps" class="teaser-pictogram"/>
         </span>
 
         <span class="teaser-text">
           <a href="Applications.html" class="text-decoration-none">
-            <h3 class="teaser-heading bg-green-after fw-bolder mb-3">Applications</h3>
+            <h3 class="teaser-heading bg-neongreen-after fw-bolder mb-3">Applications</h3>
           </a>
               Some of our own products, used nationwide or just in house.
         </span>
@@ -48,23 +57,23 @@ <h3 class="teaser-heading bg-green-after fw-bolder mb-3">Applications</h3>
       <!-- Table of Contents-->
 
       <ul class="nav nav-pills justify-content-center my-5" id="toc-tabs" role="tablist">
-        <li class="nav-item bg-green fw-bold rounded-pill me-5 mb-3" role="presentation">
+        <li class="nav-item bg-neongreen fw-bold rounded-pill me-5 mb-3" role="presentation">
           <button class="nav-link active px-2" id="eRezept-tab" data-bs-toggle="tab" data-bs-target="#eRezept"
                   type="button" role="tab" aria-controls="contact" aria-selected="false">E-Rezept
           </button>
         </li>
-        <li class="nav-item bg-green fw-bold rounded-pill me-5 mb-3" role="presentation">
+        <li class="nav-item bg-neongreen fw-bold rounded-pill me-5 mb-3" role="presentation">
           <button class="nav-link btn-block" id="authenticator-tab" data-bs-toggle="tab" data-bs-target="#authenticator"
                   type="button" role="tab" aria-controls="authenticator" aria-selected="false">Authenticator
           </button>
         </li>
-        <li class="nav-item bg-green fw-bold rounded-pill me-5 mb-3" role="presentation">
+        <li class="nav-item bg-neongreen fw-bold rounded-pill me-5 mb-3" role="presentation">
           <button class="nav-link" id="demis-tab" data-bs-toggle="tab"
                   data-bs-target="#demis"
                   type="button" role="tab" aria-controls="demis" aria-selected="false">DEMIS
           </button>
         </li>
-        <li class="nav-item bg-green fw-bold rounded-pill mb-3 me-5" role="presentation">
+        <li class="nav-item bg-neongreen fw-bold rounded-pill mb-3 me-5" role="presentation">
           <button class="nav-link" id="misc-tab" data-bs-toggle="tab" data-bs-target="#misc"
                   type="button" role="tab" aria-controls="misc" aria-selected="false">Miscellaneous
           </button>
@@ -78,7 +87,7 @@ <h3 class="teaser-heading bg-green-after fw-bolder mb-3">Applications</h3>
             <div class="tab-pane fade show active" id="eRezept" role="tabpanel" aria-labelledby="eRezept-tab">
               <div class="teaser-text my-4">
                 <a>
-                  <h3 class="teaser-heading bg-green-after">
+                  <h3 class="teaser-heading bg-neongreen-after">
                     E-Rezept</h3>
                 </a>
                 <a class="text-decoration-none"
@@ -136,7 +145,7 @@ <h5 class="teaser-heading">eRezept-Examples</h5>
             <div class="tab-pane fade" id="authenticator" role="tabpanel" aria-labelledby="authenticator-tab">
               <div class="teaser-text my-4">
                 <a>
-                  <h3 class="teaser-heading bg-green-after">
+                  <h3 class="teaser-heading bg-neongreen-after">
                     Authenticator</h3>
                 </a>
                 <a class="text-decoration-none"
@@ -159,7 +168,7 @@ <h5 class="teaser-heading">Vue-Oidcauth-Sample</h5>
                  aria-labelledby="demis-tab">
               <div class="teaser-text my-4">
                 <a>
-                  <h3 class="teaser-heading bg-green-after">
+                  <h3 class="teaser-heading bg-neongreen-after">
                     DEMIS</h3>
                 </a>
                 <a class="text-decoration-none"
@@ -185,7 +194,7 @@ <h5 class="teaser-heading">
             <div class="tab-pane fade" id="misc" role="tabpanel" aria-labelledby="misc-tab">
               <div class="teaser-text my-4">
                 <a>
-                  <h3 class="teaser-heading bg-green-after">
+                  <h3 class="teaser-heading bg-neongreen-after">
                     Miscellaneous</h3>
                 </a>
                 <a class="text-decoration-none"
@@ -234,17 +243,12 @@ <h5 class="teaser-heading">app-VZD-Client</h5>
 <footer id="footer">
 </footer>
 
-
-<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
-
 <script>
-  $(document).ready(
-      function () {
-        $("#head").load("../common/head.html");
-        $("#header").load("../common/header.html");
-        $("#footer").load("../common/footer.html");
-      }
-  )
+  document.addEventListener("DOMContentLoaded", function() {
+    $("#head").load("../common/head.html");
+    $("#header").load("../common/header.html");
+    $("#footer").load("../common/footer.html");
+  });
 </script>
 </body>
 </html>