aboutsummaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorNavan Chauhan <navanchauhan@gmail.com>2018-01-21 17:43:59 +0530
committerGitHub <noreply@github.com>2018-01-21 17:43:59 +0530
commitd2e209dacd368dcc7914793cc7ea1cbc52bab545 (patch)
treecf46cdca5c0224cf6e279f77e9e6ec8430f8f3c0 /index.html
parent909a5b0f6a63945c16558a8f593152609913abd2 (diff)
Update index.html
Diffstat (limited to 'index.html')
-rw-r--r--index.html266
1 files changed, 1 insertions, 265 deletions
diff --git a/index.html b/index.html
index 0fafb37..74e587a 100644
--- a/index.html
+++ b/index.html
@@ -1,265 +1 @@
-<!DOCTYPE html>
-<html lang="en" >
-
-<head>
-<script>if ('serviceWorker' in navigator) {
- window.addEventListener('load', function() {
- navigator.serviceWorker.register('/sw.js').then(function(registration) {
- // Registration was successful
- console.log('ServiceWorker registration successful with scope: ', registration.scope);
- }, function(err) {
- // registration failed :(
- console.log('ServiceWorker registration failed: ', err);
- });
- });
-}</script>
- <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">
-<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 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>
- <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: rgb(52, 152, 219);
-}
-
-.intro {
- height: 90vh;
-}
-
-.content {
- display: table-cell;
- vertical-align: middle;
-}
-
-h1 {
- font-size: 3em;
- display: block;
- color: white;
- font-weight: 300;
-}
-
-p {
- font-size: 1.5em;
- font-weight: 500;
- color: #C3CAD9;
-}
-
-a {
- font-weight: 700;
- color: #373B44;
- position: relative;
-}
-a:hover {
- opacity: 0.8;
-}
-a:active {
- top: 1px;
-}
-
-footer {
- padding: 1% 5%;
- text-align: center;
- background-color: #373B44;
- color: white;
-}
-footer a {
- color: #FE4B74;
- font-weight: 500;
- text-decoration: none;
-}
-
-@-webkit-keyframes letter-in {
- 0% {
- top: 1.2em;
- }
- 100% {
- top: 0em;
- }
-}
-
-@keyframes letter-in {
- 0% {
- top: 1.2em;
- }
- 100% {
- top: 0em;
- }
-}
-@-webkit-keyframes letter-out {
- 0% {
- top: 0em;
- }
- 100% {
- top: -1.2em;
- }
-}
-@keyframes letter-out {
- 0% {
- top: 0em;
- }
- 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: 0.3s;
- animation-duration: 0.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: 0em;
- -webkit-animation-name: letter-out;
- animation-name: letter-out;
- -webkit-animation-duration: 0.3s;
- animation-duration: 0.3s;
- -webkit-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- -webkit-animation-fill-mode: forwards;
- animation-fill-mode: forwards;
-}
- </style>
-
- <!-- Menu by Captain Anonymous who forked it from Dmitry Kiselyov-->
- <div id='cssmenu'>
-<ul>
- <li><a href='#'>Home</a></li>
- <li class='active'><a href='#'>Projects</a>
- <ul>
- <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>
- <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>
-
- <script async 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></h1>
-
-
-
-
-
- </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</a>
-</footer>
-
-
-
-</body>
-
-</html>
+<!DOCTYPE html><html lang=en><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><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><body><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}</style><div id=cssmenu><ul><li><a href=#>Home</a><li class=active><a href=#>Projects</a><ul><li><a href=https://navanchauhan.github.io/Mjolnir>Mjölnir</a><li><a href=https://navanchauhan.github.io/Grub-Repair-Toolkit>GYGB</a></ul><li><a href=./Contact.html>Contact</a></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><script async src=js/menu.js></script><section class=intro><div class=content><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>