diff --git a/src/public/index.html b/src/public/index.html
index 14238d5b..7f1c7976 100644
--- a/src/public/index.html
+++ b/src/public/index.html
@@ -1 +1,46 @@
-<!DOCTYPE html> <html class=oy-auto lang=en style=font-size:62.5%> <head> <meta charset=UTF-8> <meta name=viewport content="width=device-width,initial-scale=1"> <meta http-equiv=X-UA-Compatible content="ie=edge"> <link rel=stylesheet type=text/css href=https://cloud.typography.com/6135554/7605572/css/fonts.css> <title>Modulz – Open-source design system</title> <link href="css/modulz.min.css" rel="stylesheet"></head> <body class="ff-caecilia bc-gray900 color-white tr-optimizeLegibility"> <header class="Section size3 expanded display-flex ai-center jc-center ta-center"> <div class="Container bp1-size3"> <div class=mb-7> <svg xmlns=http://www.w3.org/2000/svg width=48 height=48 viewBox="0 0 96 96"> <g fill=none fill-rule=evenodd> <path fill=#FF4D4D d="M0 18L22.6 0v36"/> <path fill=#FF2474 d="M47 18L24.6 0v36"/> <path fill=#FF8000 d="M22.6 38L0 56V20"/> <path fill=#FA0 d="M0 58l22.6-18v36"/> <path fill=#7330C0 d="M24.5 38L47 20v36"/> <path fill=#FD0 d="M22.6 78L0 96V60"/> <path fill=#00B8B8 d="M96 18L73.4 0v36"/> <path fill=#4BD28F d="M49 18L71.4 0v36"/> <path fill=#0084FF d="M73.4 38L96 56V20"/> <path fill=#4364D0 d="M96 58L73.4 40v36"/> <path fill=#CCE817 d="M71.5 38L49 20v36"/> <path fill=#4A3BCE d="M73.4 78L96 96V60"/> </g> </svg> </div> <div class=mb-1> <h1 class="Heading size6 bp2-size8 lh-7 bp2-lh-9">Modulz Design System</h1> </div> <div class=mb-7> <h2 class="Heading size3 bp2-size5 lh-5 bp2-lh-7 thin color-gray500">An open&ndash;source design system of styles, components, templates, tools and documentation.</h2> </div> <div class="display-flex jc-center fw-wrap"> <div class=mr-4> <a class="fs-5 color-blue500 color-blue300--hover" href=https://twitter.com/modulz target=_blank>Twitter</a> </div> <div class=mr-4> <a class="fs-5 color-blue500 color-blue300--hover" href=https://github.com/modulz/modulz target=_blank>Github</a> </div> <div class=mr-4> <a class="fs-5 color-blue500 color-blue300--hover" href=/showcase>Showcase</a> </div> <div class=mr-4> <a class="fs-5 color-blue500 color-blue300--hover" href=/overview/installation.html>Documentation</a> </div> </div> </div> </header> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src="https://www.google-analytics.com/analytics.js",s.parentNode.insertBefore(o,s)}(window,document,"script",0,"ga"),ga("create","UA-12761608-17","auto"),ga("send","pageview")</script>  <script type="text/javascript" src="js/modulz.min.js"></script></body> </html> 
\ No newline at end of file
+<!DOCTYPE html> <html class=oy-auto lang=en style=font-size:62.5%> 
+    <head> <meta charset=UTF-8> <meta name=viewport content="width=device-width,initial-scale=1">
+         <meta http-equiv=X-UA-Compatible content="ie=edge"> <link rel=stylesheet type=text/css href=https://cloud.typography.com/6135554/7605572/css/fonts.css> 
+         <title>Modulz – Open-source design system</title> 
+         <style>
+          
+          .gradient-background {
+              background: linear-gradient(45deg, #00008B, #0000CD, #00008B, #0000CD);
+              background-size: 400% 400%;
+              animation: gradientAnimation 10s ease infinite;
+          }
+  
+          @keyframes gradientAnimation {
+              0% { background-position: 0% 50%; }
+              50% { background-position: 100% 50%; }
+              100% { background-position: 0% 50%; }
+          }
+      </style>
+         <link href="css/modulz.min.css" rel="stylesheet"></head> 
+         <body class="ff-caecilia bc-gray900 color-white tr-optimizeLegibility gradient-background">
+        
+            <header class="Section size3 expanded display-flex ai-center jc-center ta-center"> 
+                <div class="Container bp1-size3"> <div class=mb-7> <svg xmlns=http://www.w3.org/2000/svg width=48 height=48 viewBox="0 0 96 96"> 
+                    <g fill=none fill-rule=evenodd> <path fill=#FF4D4D d="M0 18L22.6 0v36"/> <path fill=#FF2474 d="M47 18L24.6 0v36"/>
+                         <path fill=#FF8000 d="M22.6 38L0 56V20"/> <path fill=#FA0 d="M0 58l22.6-18v36"/> <path fill=#7330C0 d="M24.5 38L47 20v36"/> 
+                         <path fill=#FD0 d="M22.6 78L0 96V60"/> <path fill=#00B8B8 d="M96 18L73.4 0v36"/> <path fill=#4BD28F d="M49 18L71.4 0v36"/> 
+                         <path fill=#0084FF d="M73.4 38L96 56V20"/> <path fill=#4364D0 d="M96 58L73.4 40v36"/> <path fill=#CCE817 d="M71.5 38L49 20v36"/> 
+                         <path fill=#4A3BCE d="M73.4 78L96 96V60"/> </g> </svg> </div> <div class=mb-1> 
+                            <h1 class="Heading size6 bp2-size8 lh-7 bp2-lh-9 bold-black-text-shadow">Modulz Design System</h1> </div> 
+                            <div class=mb-7> 
+                                <h2 class="Heading size3 bp2-size5 lh-5 bp2-lh-7 thin color-gray500 bold-black-text-shadow">An open&ndash;source design system of styles, components, templates, tools and documentation.</h2> </div>
+                                 <div class="display-flex jc-center fw-wrap"> <div class=mr-4> <a class="fs-5 color-blue500 color-blue300--hover" href=https://twitter.com/modulz target=_blank>Twitter</a> </div>
+                                 <a href="https://www.linkedin.com" target="_blank">
+                                    <br></br>
+                                    <br></br>
+                                    <br></br>
+                                    <br></br>
+                                    <br></br>
+                                    <img src="https://upload.wikimedia.org/wikipedia/commons/c/ca/LinkedIn_logo_initials.png" alt="LinkedIn" style="width:20px;height:20px;">
+                                  </a>
+                                  <div class=mr-4> <a class="fs-5 color-blue500 color-blue300--hover" href=https://github.com/modulz/modulz target=_blank>Github</a> </div> <div class=mr-4> <a class="fs-5 color-blue500 color-blue300--hover" href=/showcase>Showcase</a> </div> 
+                                  <div class=mr-4> <a class="fs-5 color-blue500 color-blue300--hover" href=/overview/installation.html>Documentation</a> </div> 
+                                </div> </div> </header> <script>
+                                !function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||
+                                function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src="https://www.google-analytics.com/analytics.js",s.parentNode.insertBefore(o,s)}(window,document,"script",0,"ga"),ga("create","UA-12761608-17","auto"),ga("send","pageview")</script> 
+                                 <script type="text/javascript" src="js/modulz.min.js"></script></body> </html> 
\ No newline at end of file
