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

@ -8,19 +8,19 @@ const NAME = "Reyes";
const CARDS = [ const CARDS = [
{ {
name: "Apple Music", name: "Northpass Admin",
icon: "ri-music-2-fill", icon: "ri-admin-line",
link: "https://music.apple.com/us/browse", link: "app.northpass.com/admin",
}, },
{ {
name: "Reddit", name: "Northpass Mail",
icon: "ri-reddit-fill", icon: "ri-mail-line",
link: "https://www.reddit.com/", link: "https://gmail.com",
}, },
{ {
name: "Figma", name: "Hubspot",
icon: "ri-palette-fill", icon: "ri-space-ship-line",
link: "https://www.figma.com/", link: "https://www.hubspot.com/",
}, },
{ {
name: "Github", name: "Github",
@ -28,40 +28,20 @@ const CARDS = [
link: "https://github.com/", link: "https://github.com/",
}, },
{ {
name: "Twitter", name: "Chili Piper - 30 Min Meeting",
icon: "ri-twitter-fill", icon: "ri-calendar-2-line",
link: "https://twitter.com", link: "https://northpass.na.chilipiper.com/book/me/norm-rasmussen",
},
{
name: "Dribbble",
icon: "ri-dribbble-fill",
link: "https://dribbble.com/",
},
{
name: "Hashnode",
icon: "ri-hashtag",
link: "https://hashnode.com/",
}, },
{ {
name: "CodeSandbox", name: "CodeSandbox",
icon: "ri-cloud-fill", icon: "ri-cloud-fill",
link: "https://codesandbox.io/dashboard/", link: "https://codesandbox.io/dashboard/",
}, },
{
name: "YouTube",
icon: "ri-youtube-fill",
link: "https://www.youtube.com/",
},
{ {
name: "LinkedIn", name: "LinkedIn",
icon: "ri-linkedin-fill", icon: "ri-linkedin-fill",
link: "https://www.linkedin.com/", link: "https://www.linkedin.com/",
}, },
{
name: "Gmail",
icon: "ri-google-fill",
link: "https://mail.google.com/",
},
]; ];
/* -------------------------------------------------------- */ /* -------------------------------------------------------- */

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -21,7 +21,7 @@
<body> <body>
<header class="header"> <header class="header">
<div> <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> <p>Today is <span id="currentDate">Monday 1, January 2000</span>.</p>
</div> </div>
<p id="currentTime">00:00 PM</p> <p id="currentTime">00:00 PM</p>
@ -30,3 +30,28 @@
<script src="./app.js"></script> <script src="./app.js"></script>
</body> </body>
</html> </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>