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