From 4dc3304b700e3016e9c2ae9e548fe0f35752c42d Mon Sep 17 00:00:00 2001 From: SindreKjelsrud Date: Tue, 29 Aug 2023 13:24:29 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20frontpage=20finished=20styling?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/index.astro | 47 ++++++++++++++++++++++++++++++++++--------- src/styles/global.css | 25 +++++++++++++++++++++++ 2 files changed, 63 insertions(+), 9 deletions(-) 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) }