Google Analytics Added

Vineeth T R · Vineeth T R · commit 7d53db356e8c · 2021-10-19T17:10:37.000+05:30
diff --git a/css/workshop.css b/css/workshop.css
@@ -1292,3 +1292,36 @@ body section:nth-child(2n + 1) {
     background-size: 5px 40px, 5px 40px, 5px 40px, 5px 40px, 5px 40px, 5px 55px;
   }
 }
+
+.md-0 .loader {
+  position: relative;
+  width: 64px;
+  height: 64px;
+  border-radius: 50%;
+  border: 5px dashed #fff;
+  animation: 3s rotate linear infinite;
+}
+
+@keyframes spikeUp {
+  0% {
+    background-size: 5px 40px;
+  }
+  16% {
+    background-size: 5px 55px, 5px 40px, 5px 40px, 5px 40px, 5px 40px, 5px 40px;
+  }
+  33% {
+    background-size: 5px 40px, 5px 55px, 5px 40px, 5px 40px, 5px 40px, 5px 40px;
+  }
+  50% {
+    background-size: 5px 40px, 5px 40px, 5px 55px, 5px 40px, 5px 40px, 5px 40px;
+  }
+  66% {
+    background-size: 5px 40px, 5px 40px, 5px 40px, 5px 55px, 5px 40px, 5px 40px;
+  }
+  83% {
+    background-size: 5px 40px, 5px 40px, 5px 40px, 5px 40px, 5px 55px, 5px 40px;
+  }
+  100% {
+    background-size: 5px 40px, 5px 40px, 5px 40px, 5px 40px, 5px 40px, 5px 55px;
+  }
+}
diff --git a/index.html b/index.html
@@ -38,6 +38,15 @@
     <meta name="twitter:image:src" content="https://css3loaders.github.io/images/Loader-screen.png">
 
     <link rel="stylesheet" href="css/styles.css">
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68W4ZFLS7E"></script>
+    <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
+    gtag('config', 'G-68W4ZFLS7E');
+    </script>
 </head>
 <body>
     <header>
diff --git a/scss/workshop.scss b/scss/workshop.scss
@@ -1284,4 +1284,29 @@ body {
   83% { background-size: 5px 40px, 5px 40px, 5px 40px, 5px 40px, 5px 55px, 5px 40px}
   100% { background-size: 5px 40px, 5px 40px, 5px 40px, 5px 40px, 5px 40px, 5px 55px}
 }
-}
+}
+
+
+// 27
+.md-0 {
+    .loader {
+    position: relative;
+    width: 64px;
+    height: 64px;
+    border-radius:50%;
+    border: 5px dashed #fff;
+    animation: 3s rotate linear infinite;
+  }
+
+
+@keyframes spikeUp {
+  0% { background-size: 5px 40px}
+  16% { background-size: 5px 55px, 5px 40px, 5px 40px, 5px 40px, 5px 40px, 5px 40px}
+  33% { background-size: 5px 40px, 5px 55px, 5px 40px, 5px 40px, 5px 40px, 5px 40px}
+  50% { background-size: 5px 40px, 5px 40px, 5px 55px, 5px 40px, 5px 40px, 5px 40px}
+  66% { background-size: 5px 40px, 5px 40px, 5px 40px, 5px 55px, 5px 40px, 5px 40px}
+  83% { background-size: 5px 40px, 5px 40px, 5px 40px, 5px 40px, 5px 55px, 5px 40px}
+  100% { background-size: 5px 40px, 5px 40px, 5px 40px, 5px 40px, 5px 40px, 5px 55px}
+}
+}
+
