diff --git a/src/pages/index.astro b/src/pages/index.astro index a3b5fb8..ff73ea2 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -4,6 +4,10 @@ import Header from '../components/Header.astro'; import Footer from '../components/Footer.astro'; import { SITE_TITLE, SITE_DESCRIPTION } from '../consts'; --- + + + + @@ -11,20 +15,45 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts'; -
+
-
- - Profile picture of me. - -

🧑‍🚀 Hello, Astronaut!

+
+ +
+

Sindre Kjelsrud

- Welcome to the official Astro blog starter template. This - template serves as a lightweight, minimally-styled starting point for anyone looking to build - a personal website, blog, or portfolio with Astro. + Student at Western University of Applied Sciences.

+
+ + \ No newline at end of file diff --git a/src/styles/global.css b/src/styles/global.css index e6991d2..773257a 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -25,6 +25,31 @@ body { font-family: Verdana, sans-serif; } +/* HOME */ +.social a { + color: var(--light-1); +} + +.dark .social a { + color: var(--dark-1); +} + +.social a:nth-child(1) :hover { + color: #0A66C2 !important; +} + +.social a:nth-child(2) :hover { + color: grey !important; +} + +.social a:nth-child(3) :hover { + color: #C84370 !important; +} + +.social a:nth-child(4) :hover { + color: #1DB954 !important; +} + /* TOOLS */ .cards :hover { background: var(--light-hover) }