andrew
/
homepage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated title gradient text color, some minor text content.

This commit is contained in:
Andrew Lalis 2024-10-16 10:21:24 -04:00
parent 47f27a057c
commit ffae35e276
3 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/views/GardeningView.vue
View File

@ -8,7 +8,7 @@
</p> </p>
<p> <p>
I work on my own garden that I share with my partner, and I like to help out with others' too. So if you're I work on my own garden that I share with my partner, and I like to help out with others' too. So if you're
thinking about (finally) killing your lawn and providing a space for non-invasive and native species to thrive, thinking about killing your lawn and providing a space for non-invasive and native species to thrive,
I'd be happy to help! I'd be happy to help!
</p> </p>
<p> <p>

2
app/src/views/HomeView.vue
View File

@ -3,7 +3,7 @@
<template> <template>
<main> <main>
<p> <p>
My name's Andrew, and I'm a software engineer, gardener, runner, home cook, and probably many My name's Andrew, and I'm a software engineer, pilot, gardener, runner, home cook, and probably many
other things too, depending on who you ask. Welcome to my website! other things too, depending on who you ask. Welcome to my website!
</p> </p>
<p> <p>

12
app/src/views/MainSite.vue
View File

@ -1,3 +1,10 @@
<!--
The main scaffold for the website's basic pages, like home, about, contact, etc.
It displays a simple header with links, alongside the selected page content in
the router view component.
See src/router/index.ts to see the nested set of routes that use this component.
-->
<script setup lang="ts"> <script setup lang="ts">
import { RouterView } from 'vue-router' import { RouterView } from 'vue-router'
import NavLink from '@/components/NavLink.vue'; import NavLink from '@/components/NavLink.vue';
@ -48,6 +55,11 @@ import NavLink from '@/components/NavLink.vue';
text-align: right; text-align: right;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 0; margin-bottom: 0;
/* Gradient text color for the header. */
background-image: linear-gradient(90deg, var(--text-color), var(--code-color));
color: transparent;
background-clip: text;
} }
.page-enter-active { .page-enter-active {