From b16d25ba41888c5ee7115de869ddcdf373002122 Mon Sep 17 00:00:00 2001
From: Navan Chauhan <navanchauhan@gmail.com>
Date: Mon, 22 Jan 2018 18:14:07 +0530
Subject: Update index.html
---
index.html | 351 +++++++++++++++++++------------------------------------------
1 file changed, 108 insertions(+), 243 deletions(-)
(limited to 'index.html')
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>
--
cgit v1.2.3