diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 509b7d5..d4df699 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -1,7 +1,19 @@ --- const today = new Date(); --- + + + + - \ No newline at end of file + diff --git a/src/components/Header.astro b/src/components/Header.astro index 1eeed5e..fcc0d97 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -1,18 +1,30 @@ --- -import HeaderLink from './HeaderLink.astro'; import ThemeIcon from './ThemeIcon.astro'; + +const pathname = new URL(Astro.request.url).pathname; +const pathSegments = pathname.slice(1).split('/').filter(segment => segment !== ''); + +function buildHref(index) { + if (pathSegments.length === 0) return '/'; + return ' /' + pathSegments.slice(0, index + 1).join('/'); +} + +const isLandingPage = pathSegments.length === 0; ---
-
- - $ ~/sidski - - -
- -
\ No newline at end of file +
+ ~ + {isLandingPage ? / : ''} + {pathSegments.map((segment, index) => ( + <> + / + + {segment} + + + ))} +
+ + + diff --git a/src/components/HeaderLink.astro b/src/components/HeaderLink.astro index b780397..dce58b1 100644 --- a/src/components/HeaderLink.astro +++ b/src/components/HeaderLink.astro @@ -16,9 +16,6 @@ const isActive = href === pathname || href === pathname.replace(/\/$/, ''); a { display: inline-block; text-decoration: none; - } - a.active { font-weight: bolder; - border-bottom: 2px solid; } diff --git a/src/components/ThemeIcon.astro b/src/components/ThemeIcon.astro index 15938e8..c95753c 100644 --- a/src/components/ThemeIcon.astro +++ b/src/components/ThemeIcon.astro @@ -12,12 +12,12 @@ border: 0; background: none; } - .sun { fill: #815B5B; } + .sun { fill: #3B2C29; } .moon { fill: transparent; } :global(.dark) .sun { fill: transparent; } - :global(.dark) .moon { fill: #DDE6ED; } + :global(.dark) .moon { fill: #9AD3BB; } \ No newline at end of file + diff --git a/src/pages/index.astro b/src/pages/index.astro index a03b696..72d1107 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,40 +1,50 @@ --- import SectionContainer from '../components/SectionContainer.astro'; +import HeaderLink from '../components/HeaderLink.astro'; --- + -
-
-

Sindre Kjelsrud

-

Student at Western University of Applied Sciences.

- -
+
+
+ +
+

Sindre Kjelsrud

+

Computer Science-student at Western University of Applied Sciences, campus Bergen.

+

I like spending my free time bouldering/climbing, playing some games on my Wii or waiting for the next One Piece episode.

+

This website is just a fun side-project that I actively work on, and use as my creative outlet. It's also a way for me to actually own my data, allowing me to log data, post pictures and more!

+
+

pages

+
    +
  • whoami~ sid am i
    • +
  • blog~ my written thoughts and ideas
    • +
  • logs~ a record of what I've watched and read
    • +
  • gallery~ moments and places of my life, in pictures
    • +
  • more~ additional pages
    • + + +
+
+
+
\ No newline at end of file + .profile { + width: 14rem; + height: 14rem; + background: url("/mii.webp"); + background-size: cover; + border-radius: 5px; + margin-left: auto; + margin-right: auto; + } + + .profile:hover { + background-image: url("https://media.tenor.com/yheo1GGu3FwAAAAC/rick-roll-rick-ashley.gif"); + } + diff --git a/src/pages/more.md b/src/pages/more.md index 68de75c..1975d97 100644 --- a/src/pages/more.md +++ b/src/pages/more.md @@ -1,6 +1,6 @@ --- title: "More" -description: "The navbar was becoming unwieldy, here you'll see some more of the various pages." +description: "Here you'll see some more of the various pages so that the landing page doesn't overflow with pages lol." layout: "../layouts/Layout.astro" --- @@ -12,10 +12,6 @@ layout: "../layouts/Layout.astro" [🌱 **digital garden**](/garden) · wild garden, filled with drafts, ideas and more -[📸 **gallery**](/gallery) · moments and places of my life, in pictures - -[📚 **logs**](/logs) · logs for movies, series, anime, books, manga et-cetera - [⏳ **now**](/now) · what i'm doing right now [✨ **uses**](/uses) · what i use on a daily basis