jaron/folio
1
0
Fork 0
mirror of https://github.com/jaronpate/folio.git synced 2026-10-19 01:07:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add photo gallery to index and update navigation and styling throughout app

Browse Source
This commit is contained in:
Jaron
2026-05-02 21:03:02 -05:00
parent 5e85800156
commit 0015e28b8f
6 changed files with 185 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/layouts/main.vue
+21 -2
View File
@@ -25,11 +25,22 @@ defineProps<{
<header class="header">
<div class="header-upper">
<slot name="header-upper" />
<slot name="header-upper">
<div class="flex-center header-upper-nav">
<p style="font-family: monospace">🐟🎩.dev</p>
<div class="flex-ff"></div>
<!-- <NuxtLink to="/resume" class="basic-link"
>Resume</NuxtLink
> -->
<NuxtLink to="/writing" class="basic-link"
>Writing</NuxtLink
>
</div>
</slot>
</div>
<div class="header-lower">
<slot name="header-lower">
<h1 class="name">{{ title || 'Jaron' }}</h1>
<h1 class="name">{{ title || "Hello, I'm Jaron" }}</h1>
<p class="title">
{{
description ||
@@ -131,6 +142,13 @@ svg[height='0'] {
height: 8vh;
}
.header-upper-nav {
padding: 1rem;
height: 100%;
font-size: small;
gap: 1rem;
}
.header-lower {
display: flex;
flex-direction: column;
@@ -184,6 +202,7 @@ svg[height='0'] {
padding: 1rem;
height: 8vh;
font-size: small;
gap: 1rem;
}
@media (max-width: 1024px) {