new start page edits
This commit is contained in:
@ -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>
|
||||
Reference in New Issue
Block a user