diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 156 |
1 files changed, 6 insertions, 150 deletions
@@ -8,6 +8,7 @@ <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"> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-108635191-1"></script> @@ -23,160 +24,11 @@ </head> <body> - <script src='js/jquery.min.js'></script> - <script src="js/index.js"></script> - <script src="js/menu.js"></script> <!-- Menu by Captain Anonymous who forked it from Dmitry Kiselyov--> <div id='cssmenu'> - <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> + <ul> <li><a href='#'>Home</a></li> <li class='active'><a href='#'>Projects</a> @@ -193,6 +45,10 @@ div.changing-title h1 .letter.out { <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>--> |