Merge pull request #71 from layer5io:leecalcote/favicons

favicons

assets/scss/_styles_project.scss

@@ -10,6 +10,7 @@
   margin: 1.25rem;
   }
 }
+
 .navbar-dark {
   background-color: $black;
 }
@@ -27,10 +28,8 @@
   padding: auto;
   margin: auto;
   // background-color: linear-gradient(to right, rgba($dark,.2) 30%, rgba($primary,.3) 60%, $primary 90% 100%) 1;
-
 }
 
-
 // Page Layout Sections
 .td-home {
   background-color: $dark;
@@ -99,9 +98,9 @@ a:not([href]):not([class]), a:not([href]):not([class]):hover {
   text-decoration: none; }
 
 // Taxonomy 
-.taxo-categories {
-  // margin-top: 2rem;
-}
+// .taxo-categories {
+//   // margin-top: 2rem;
+// }
 .taxonomy {
 // .taxonomy-terms-cloud 
 
@@ -355,8 +354,6 @@ td-sidebar {
   }
 }
 
-
-
 @keyframes tipsy {
   0% {
     transform: translateX(-50%) translateY(-50%) rotate(0deg);
@@ -366,19 +363,18 @@ td-sidebar {
   }
 }
 
-
 a.dash {
   color: #fffbf1;
   text-shadow: 0 20px 25px #2e2e31, 0 40px 60px #2e2e31;
   font-size: 28px;
   font-weight: 300;
   text-decoration: none;
   letter-spacing: 0px;
-  position: absolute;
+  position: relative;
   width: auto;
   white-space: nowrap;
-  top: 50%;
-  left: 50%;
+  // top: 50%;
+  // left: 50%;
   padding:2rem;
 
   transform: translateX(-50%) translateY(-50%);

content/en/_index.md

@@ -4,7 +4,18 @@ title: Layer5
 
 {{< blocks/cover title="" image_anchor="top" height="full" >}}
 
-<!-- <h1 style="font-weight:800;margin-bottom: 4rem;font-size:5rem;">Expect More from Your Infrastructure</h1> -->
+<div style="box-sizing: border-box;">
+<h1 style="font-weight:800;margin-bottom: 4rem;font-size:5rem;background: linear-gradient(90deg, rgba(235,192,23, 0.46) 9.03%, rgba(223, 255, 199, 0.57) 41.12%, rgba(255,243,197, 0.31) 61.68%) repeat scroll 0% 0% / auto padding-box text, rgba(0, 0, 0, 0) linear-gradient(rgb(239, 239, 241), rgb(239, 239, 255,1)) repeat scroll 0% 0% / auto padding-box text;
+background-position: 0% 0%, 0% 0%;
+box-sizing: auto;
+color: rgba(0, 0, 0, 0);
+display: block;
+text-rendering: optimizelegibility;
+-webkit-background-clip: text, text;
+ -webkit-font-smoothing: antialiased;
+">Expect More from Your Infrastructure</h1></div>
+
+<a href="https://www.youtube.com/watch?v=034nVaQUyME&list=PL3A-A6hPO2IO_yzN83wSJJUNQActzCJvO&index=9" class="dash">Design your path</a>
 <div>
 <a class="btn btn-lg btn-primary me-3 mb-4 l5btn"
   href="/cloud">
@@ -20,7 +31,7 @@ title: Layer5
 </a>
 </div>
 
-<div style="margin-top:35%;padding-top:35%"><a href="https://www.youtube.com/watch?v=034nVaQUyME&list=PL3A-A6hPO2IO_yzN83wSJJUNQActzCJvO&index=9" class="dash">Expect More from Your Infrastructure</a> </div>
+
 <!-- <div class="taxonomy taxonomy-terms-cloud taxo-categories">
   <h5 class="taxonomy-title">Cloud of Categories</h5>
   <ul class="taxonomy-terms">

layouts/partials/favicon.html

@@ -0,0 +1,9 @@
+<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
+<link rel="manifest" href="/favicons/site.webmanifest">
+<link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#5bbad5">
+<link rel="shortcut icon" href="/favicons/favicon.ico">
+<meta name="msapplication-TileColor" content="#da532c">
+<meta name="msapplication-config" content="/favicons/browserconfig.xml">
+<meta name="theme-color" content="#ffffff">

static/favicons/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/favicons/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

static/favicons/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/favicons/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/favicons/android-chrome-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}