Created main page structure and animation effects

This commit is contained in:
Jason Williams
2022-11-19 11:50:00 -07:00
parent 6d1d87e4f6
commit a2421fad12
3 changed files with 189 additions and 8 deletions

View File

@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<title></title>
<title>Welcome to JnF.me</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -12,10 +12,6 @@
<meta property="og:url" content="">
<meta property="og:image" content="">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
@@ -23,9 +19,24 @@
</head>
<body>
<div id="view">
<div id="container">
<div id="splash-jason" class="splash jason notflo">Jason Splash</div>
<div id="main-jason" class="main jason notflo">
<div id="banner-jason" class="banner jason notflo" data-person="jason">
<a href="/jason" class="openlink">Jason Banner</a>
</div>
<div id="links-jason" class="links jason notflo"></div>
</div>
<div id="main-flo" class="main flo notjason">
<div id="banner-flo" class="banner flo notjason" data-person="flo">Flo Banner</div>
<div id="links-flo" class="links flo notjason"></div>
</div>
<div id="splash-flo" class="splash flo notjason">Flo Splash</div>
</div>
</div>
<!-- Add your site or application content here -->
<p>Hello world! This is HTML5 Boilerplate.</p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>