new start page edits

This commit is contained in:
Norm Rasmussen
2022-06-06 16:56:40 -04:00
parent 392eb275eb
commit 13cdf3fa88
5 changed files with 38 additions and 33 deletions

View File

@ -21,7 +21,7 @@
<body>
<header class="header">
<div>
<h1>Hello there, <span id="userName">John Doe</span>.</h1>
<h1>Hello there, <span id="userName">Norm!</span>.</h1>
<p>Today is <span id="currentDate">Monday 1, January 2000</span>.</p>
</div>
<p id="currentTime">00:00 PM</p>
@ -30,3 +30,28 @@
<script src="./app.js"></script>
</body>
</html>
<style>
body {
margin-bottom: 0;
flex-grow: 1;
background: linear-gradient(145deg, #635bff, #b10bdf, #f52558, #48d4ff, #f9b45e);
background-size: 700% 650%;
animation: gradient 7s ease-in-out infinite;
height: 75vh;
margin-top: -100px;
padding-top: 100px;
}
@keyframes gradient {
0% {
background-position: 0% 79%;
}
50% {
background-position: 100% 22%;
}
100% {
background-position: 0% 79%;
}
}
</style>