Update index.html

author: Navan Chauhan <navanchauhan@gmail.com> 2018-01-22 18:14:07 +0530
committer: GitHub <noreply@github.com> 2018-01-22 18:14:07 +0530
commit: b16d25ba41888c5ee7115de869ddcdf373002122 (patch)
tree: 8aa3d0d44de728060343a7064b67f257884c58c0 /index.html
parent: 8e3a77a5383569a8a8905fd8f1ddb102af8865f3 (diff)
1 files changed, 108 insertions, 243 deletions
diff --git a/index.html b/index.html
index ecb3d17..27433fc 100644
--- a/index.html
+++ b/index.html
@@ -1,246 +1,111 @@
 <!DOCTYPE html>
-<html lang="en" class="gr__navanchauhan_github_io">
-<script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script>
-<head>
-    <meta charset="UTF-8">
-    <meta content="origin" name="referrer">
-    <meta content="Hi! This is my personal website and it also houses comprehensive guides about my projects" name="Description">
-    <meta content="width=device-width,initial-scale=1,minimal-ui" name="viewport">
-    <link href="manifest.json" rel="manifest">
-    <link href="css/menu.css" rel="stylesheet">
-    <meta content="#373B44" name="theme-color">
-    <link href="assets/apple-icon-57x57.png" rel="apple-touch-icon" sizes="57x57">
-    <link href="assets/apple-icon-60x60.png" rel="apple-touch-icon" sizes="60x60">
-    <link href="assets/apple-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
-    <link href="assets/apple-icon-76x76.png" rel="apple-touch-icon" sizes="76x76">
-    <link href="assets/apple-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
-    <link href="assets/apple-icon-120x120.png" rel="apple-touch-icon" sizes="120x120">
-    <link href="assets/apple-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">
-    <link href="assets/apple-icon-152x152.png" rel="apple-touch-icon" sizes="152x152">
-    <link href="assets/apple-icon-180x180.png" rel="apple-touch-icon" sizes="180x180">
-    <link href="assets/android-icon-192x192.png" rel="icon" sizes="192x192" type="image/png">
-    <link href="assets/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
-    <link href="assets/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png">
-    <link href="assets/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
-    <link href="/manifest.json" rel="manifest">
-    <meta content="#373B44" name="msapplication-TileColor">
-    <meta content="assets/ms-icon-144x144.png" name="msapplication-TileImage">
-    <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-108635191-1"></script>
-    <script>
-        window.dataLayer = window.dataLayer || [];
-
-        function gtag() {
-            dataLayer.push(arguments)
-        }
-        gtag("js", new Date), gtag("config", "UA-108635191-1")
-    </script>
-    <title>Hi!</title>
+<html lang="en"><head>
+  <meta charset="UTF-8">
+  <meta name="referrer" content="origin">
+  <meta name="Description" content="Hi! This is my personal website and it also houses comprehensive guides about my projects">
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
+  <link rel="manifest" href="manifest.json">
+  <link rel="stylesheet" href="css/menu.css">
+  <link rel="stylesheet" href="css/style.css">
+<meta name="theme-color" content="#373B44">
+  <link rel="apple-touch-icon" sizes="57x57" href="assets/apple-icon-57x57.png">
+<link rel="apple-touch-icon" sizes="60x60" href="assets/apple-icon-60x60.png">
+<link rel="apple-touch-icon" sizes="72x72" href="assets/apple-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="76x76" href="assets/apple-icon-76x76.png">
+<link rel="apple-touch-icon" sizes="114x114" href="assets/apple-icon-114x114.png">
+<link rel="apple-touch-icon" sizes="120x120" href="assets/apple-icon-120x120.png">
+<link rel="apple-touch-icon" sizes="144x144" href="assets/apple-icon-144x144.png">
+<link rel="apple-touch-icon" sizes="152x152" href="assets/apple-icon-152x152.png">
+<link rel="apple-touch-icon" sizes="180x180" href="assets/apple-icon-180x180.png">
+<link rel="icon" type="image/png" sizes="192x192" href="assets/android-icon-192x192.png">
+<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="96x96" href="assets/favicon-96x96.png">
+<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
+<link rel="manifest" href="/manifest.json">
+<meta name="msapplication-TileColor" content="#373B44">
+<meta name="msapplication-TileImage" content="assets/ms-icon-144x144.png">
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-108635191-1"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'UA-108635191-1');
+</script>
+
+  <title>Hi!</title>
 </head>
 
-<body data-gr-c-s-loaded="true">
-    <style>
-        * {
-            box-sizing: border-box
-        }
-        
-        body {
-            margin: 0;
-            font-weight: 500;
-            font-family: HelveticaNeue
-        }
-        
-        section {
-            width: 100%;
-            padding: 0 7%;
-            display: table;
-            margin: 0;
-            max-width: none;
-            background-color: #373b44;
-            height: 100vh
-        }
-        
-        section:nth-of-type(2n) {
-            background-color: #3498db
-        }
-        
-        .intro {
-            height: 90vh
-        }
-        
-        .content {
-            display: table-cell;
-            vertical-align: middle
-        }
-        
-        h1 {
-            font-size: 3em;
-            display: block;
-            color: #fff;
-            font-weight: 300
-        }
-        
-        p {
-            font-size: 1.5em;
-            font-weight: 500;
-            color: #c3cad9
-        }
-        
-        a {
-            font-weight: 700;
-            color: #373b44;
-            position: relative
-        }
-        
-        a:hover {
-            opacity: .8
-        }
-        
-        a:active {
-            top: 1px
-        }
-        
-        footer {
-            padding: 1% 5%;
-            text-align: center;
-            background-color: #373b44;
-            color: #fff
-        }
-        
-        footer a {
-            color: #fe4b74;
-            font-weight: 500;
-            text-decoration: none
-        }
-        
-        @-webkit-keyframes letter-in {
-            0% {
-                top: 1.2em
-            }
-            100% {
-                top: 0
-            }
-        }
-        
-        @keyframes letter-in {
-            0% {
-                top: 1.2em
-            }
-            100% {
-                top: 0
-            }
-        }
-        
-        @-webkit-keyframes letter-out {
-            0% {
-                top: 0
-            }
-            100% {
-                top: -1.2em
-            }
-        }
-        
-        @keyframes letter-out {
-            0% {
-                top: 0
-            }
-            100% {
-                top: -1.2em
-            }
-        }
-        
-        div.changing-title {
-            font-size: 8vw;
-            height: 1.2em;
-            position: relative;
-            width: 100%;
-            overflow-y: hidden;
-            margin-left: 1em;
-            transform: translate3d(0, 0, 0)
-        }
-        
-        div.changing-title h1 {
-            font-size: 1em;
-            position: absolute;
-            left: 0;
-            top: 0;
-            margin: 0
-        }
-        
-        div.changing-title h1 .letter {
-            position: relative;
-            top: 1.2em
-        }
-        
-        div.changing-title h1 .letter.in {
-            -webkit-animation-name: letter-in;
-            animation-name: letter-in;
-            -webkit-animation-duration: .3s;
-            animation-duration: .3s;
-            -webkit-animation-timing-function: ease-out;
-            animation-timing-function: ease-out;
-            -webkit-animation-fill-mode: forwards;
-            animation-fill-mode: forwards
-        }
-        
-        div.changing-title h1 .letter.out {
-            top: 0;
-            -webkit-animation-name: letter-out;
-            animation-name: letter-out;
-            -webkit-animation-duration: .3s;
-            animation-duration: .3s;
-            -webkit-animation-timing-function: ease-in;
-            animation-timing-function: ease-in;
-            -webkit-animation-fill-mode: forwards;
-            animation-fill-mode: forwards
-        }
-        
-        #cssmenu,
-    </style>
-    <div id="cssmenu">
-        <div id="menu-button">Menu</div>
-        <ul style="display: block;">
-            <li><a href="#">Home</a></li>
-            <li class="active has-sub"><span class="submenu-button"></span><a href="#">Projects</a>
-                <ul style="display: block;">
-                    <li><a href="https://navanchauhan.github.io/Mjolnir">Mjölnir</a></li>
-                    <li><a href="https://navanchauhan.github.io/Grub-Repair-Toolkit">GYGB</a></li>
-                </ul>
-            </li>
-            <li><a href="./Contact.html">Contact</a></li>
-        </ul>
-    </div>
-    <script async="" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
-    <script async="" src="js/index.js"></script>
-    <section class="intro">
-        <div class="content">
-            <div class="changing-title">
-                <h1 class=""><span class="letter out" style="animation-delay: 0s;">H</span><span class="letter out" style="animation-delay: 0.1s;">i</span><span class="letter out" style="animation-delay: 0.2s;">!</span><span class="letter out" style="animation-delay: 0.3s;"> </span><span class="letter out" style="animation-delay: 0.4s;">I</span><span class="letter out" style="animation-delay: 0.5s;"> </span><span class="letter out" style="animation-delay: 0.6s;">a</span><span class="letter out" style="animation-delay: 0.7s;">m</span><span class="letter out" style="animation-delay: 0.8s;"> </span><span class="letter out" style="animation-delay: 0.9s;">न</span><span class="letter out" style="animation-delay: 1s;">व</span><span class="letter out" style="animation-delay: 1.1s;">न</span></h1>
-                <h1 class="current"><span class="letter in" style="animation-delay: 0.5s;">H</span><span class="letter in" style="animation-delay: 0.6s;">i</span><span class="letter in" style="animation-delay: 0.7s;">!</span><span class="letter in" style="animation-delay: 0.8s;"> </span><span class="letter in" style="animation-delay: 0.9s;">I</span><span class="letter in" style="animation-delay: 1s;"> </span><span class="letter in" style="animation-delay: 1.1s;">a</span><span class="letter in" style="animation-delay: 1.2s;">m</span><span class="letter in" style="animation-delay: 1.3s;"> </span><span class="letter in" style="animation-delay: 1.4s;">न</span><span class="letter in" style="animation-delay: 1.5s;">व</span><span class="letter in" style="animation-delay: 1.6s;">न</span></h1></div>
-        </div>
-    </section>
-    <section>
-        <div class="content">
-            <h1>I started coding when I was 8 and ironically learnt C before HTML</h1></div>
-    </section>
-    <section>
-        <div class="content">
-            <h1>Funnily, I learnt C# before HTML</h1></div>
-    </section>
-    <section>
-        <div class="content">
-            <h1>See my <a href="https://github.com/navanchauhan">GitHub Repo.</a></h1></div>
-    </section>
-    <footer>Helped by countless designers, check source code for more info</footer>
-
-    <script>
-        "serviceWorker" in navigator && window.addEventListener("load", function() {
-            navigator.serviceWorker.register("/sw.js").then(function(e) {
-                console.log("ServiceWorker registration successful with scope: ", e.scope)
-            }, function(e) {
-                console.log("ServiceWorker registration failed: ", e)
-            })
-        })
-    </script>
-</body>
-
-</html>
+<body>
+
+
+  <!-- Menu by Captain Anonymous who forked it from Dmitry Kiselyov-->
+  <div id="cssmenu"><div id="menu-button">Menu</div>
+
+<ul style="display: none;">
+   <li><a href="#">Home</a></li>
+   <li class="active has-sub"><span class="submenu-button"></span><a href="#">Projects</a>
+      <ul style="display: none;">
+         <li><a href="https://navanchauhan.github.io/Mjolnir">Mjölnir</a>
+
+         </li>
+         <li><a href="https://navanchauhan.github.io/Grub-Repair-Toolkit">GYGB</a>
+
+         </li>
+      </ul>
+   </li>
+   
+   <li><a href="./Contact.html">Contact</a></li>
+</ul>
+</div>
+       <script src="js/jquery.min.js"></script>
+      <script src="js/index.js"></script>
+
+    <script src="js/menu.js"></script>
+  <!--<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>-->
+
+
+
+
+  <section class="intro">
+<!--Sections created by ckor https://twitter.com/ckor -->
+  <div class="content"><!--Changing Header by Austin Dudas-->
+    <div class="changing-title"><h1>Hi! I am Navan</h1></div>
+
+
+
+
+
+ </div>
+</section>
+
+<section>
+  <div class="content">
+    <h1>I started coding when I was 8 and ironically learnt C before HTML</h1>
+ </div>
+</section>
+
+<section>
+
+  <div class="content">
+    <h1>Funnily, I learnt C# before HTML</h1>
+ </div>
+</section>
+
+<section>
+  <div class="content">
+    <h1>See my <a href="https://github.com/navanchauhan">GitHub Repo.</a></h1>
+ </div>
+</section>
+
+<footer>
+  Helped by countless designers, check source code for more info
+</footer>
+
+
+
+
+
+
+</body></html>
author	Navan Chauhan <navanchauhan@gmail.com>	2018-01-22 18:14:07 +0530
committer	GitHub <noreply@github.com>	2018-01-22 18:14:07 +0530
commit	b16d25ba41888c5ee7115de869ddcdf373002122 (patch)
tree	8aa3d0d44de728060343a7064b67f257884c58c0 /index.html
parent	8e3a77a5383569a8a8905fd8f1ddb102af8865f3 (diff)