Skip to content

Commit d5a1a68

Browse files
davidlyonsdavidlyons
committed
lighthouse a11y, increased contrast, r h2
1 parent d836db2 commit d5a1a68

11 files changed

Lines changed: 39 additions & 25 deletions

File tree

‎src/components/Footer.astro‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,12 @@ import { Icon } from 'astro-icon/components';
33
import SocialLink from './SocialLink.astro';
44
---
55

6-
<footer class="py-6 text-center text-neutral-500 dark:text-neutral-300/30">
6+
<footer class="py-6 text-center text-neutral-500 dark:text-neutral-300/60">
77
<div class="relative container items-center sm:flex sm:justify-between">
88
<a
99
href="mailto:david@davidlyons.dev"
1010
class="inline-flex items-center text-sm text-neutral-500 transition-colors hover:text-neutral-700
11-
dark:text-neutral-300/30 dark:hover:text-neutral-300/80"
11+
dark:text-neutral-300/60 dark:hover:text-neutral-300/80"
1212
>
1313
<Icon name="envelope" size={16} class="me-2" />
1414
david@davidlyons.dev

‎src/components/Header.astro‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts';
55
---
66

77
<header>
8-
<nav class="dark:bg-neutral-750 relative bg-neutral-50 py-5">
8+
<nav class="relative bg-neutral-50 py-5 dark:bg-neutral-800">
99
<!-- <HeaderCanvas /> -->
1010
<div class="relative container flex flex-col items-center sm:flex-row">
1111
<div class="mb-4 leading-[1.2] sm:me-4 sm:mb-0">
@@ -15,7 +15,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts';
1515
>
1616
{SITE_TITLE}
1717
</a>
18-
<div class="text-xs tracking-wide opacity-50">{SITE_DESCRIPTION}</div>
18+
<div class="text-xs tracking-wide opacity-60">{SITE_DESCRIPTION}</div>
1919
</div>
2020
<ul class="flex sm:ms-auto lg:mb-0">
2121
<HeaderLink href="/">Work</HeaderLink>

‎src/components/mdx/ExternalLink.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ const { href, ...props } = Astro.props;
1212
target="_blank"
1313
rel="noreferrer"
1414
aria-label="Open project in new window"
15-
class="inline-block w-full truncate"
15+
class="inline-block w-full truncate font-medium"
1616
{...props}
1717
>
1818
<Icon name="link" class="me-1 shrink-0" size={20} aria-hidden="true" />

‎src/components/mdx/anchor.astro‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
---
2+
import type { HTMLAttributes } from 'astro/types';
3+
4+
type Props = HTMLAttributes<'a'>;
5+
6+
const props = Astro.props;
7+
---
8+
9+
<a {...props} class="font-medium">
10+
<slot />
11+
</a>

‎src/components/mdx/index.astro‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import YouTube from './YouTube.astro';
55
import img from './Image.astro';
66
import blockquote from './Blockquote.astro';
77
import table from './Table.astro';
8+
import a from './anchor.astro';
89
9-
export const components = { Iframe, ExternalLink, YouTube, blockquote, table, img };
10+
export const components = { Iframe, ExternalLink, YouTube, blockquote, table, img, a };
1011
---

‎src/content/work/moto.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Motorola APX NEXT
33
pubDate: 2019-07-25 00:00:00 PST
44
img: /work/motorola-thumb.jpg
5-
img_alt: Spinning wheel
5+
img_alt: Radio device visualization
66
description:
77
Texturing, materials, lighting, 3D model optimization and compression, and camera rig for
88
real-time radio device product visualization.

‎src/content/work/twisted-torus.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Twisted Torus
33
pubDate: 2018-03-15 00:00:00 PST
44
img: /work/twisted-torus.jpg
5-
img_alt: Twisted torus
5+
img_alt: Abstract 3D, pink and purple ring
66
description: |
77
Rounded box geometry cloned and rotated around a circle.
88
tags:

‎src/layouts/BaseLayout.astro‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,9 +14,9 @@ const finalTitle = title ? `${title} | ${SITE_TITLE}` : `${SITE_TITLE}`;
1414
<head>
1515
<BaseHead title={finalTitle} description={description} image={image} />
1616
</head>
17-
<body class="bg-neutral-200 dark:bg-neutral-900 dark:text-neutral-300">
17+
<body class="bg-neutral-200 dark:bg-neutral-950 dark:text-neutral-300">
1818
<Header />
19-
<section class="bg-neutral-100 dark:bg-neutral-800">
19+
<section class="bg-neutral-100 dark:bg-neutral-900">
2020
<div class="py-12">
2121
<div class="container">
2222
<slot />

‎src/layouts/BlogPost.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ const { title, description, pubDate, updatedDate, cover, coverAlt } = Astro.prop
3636
prose-inline-code:font-medium mx-auto"
3737
>
3838
<div class="text-center">
39-
<div class="mb-2 opacity-50">
39+
<div class="mb-2 opacity-60">
4040
<FormattedDate date={pubDate} />
4141
</div>
4242
{

‎src/pages/resume.astro‎

Lines changed: 15 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -63,8 +63,9 @@ const experience: experienceType[] = [
6363
<div class="ms-6">
6464
<a
6565
class="inline-block rounded border border-current px-2 py-1 text-center text-[13px] text-indigo-700
66-
transition-colors hover:border-indigo-700 hover:bg-indigo-700 hover:text-white dark:text-neutral-500
67-
dark:hover:border-neutral-500 dark:hover:bg-neutral-500 dark:hover:text-white"
66+
transition-colors hover:border-indigo-700 hover:bg-indigo-700 hover:text-white
67+
dark:border-neutral-500 dark:text-neutral-300 dark:hover:border-neutral-200
68+
dark:hover:bg-transparent dark:hover:text-white"
6869
href="/David-Lyons-Resume-2025.pdf"
6970
title="Download David Lyons Resume PDF"
7071
download
@@ -80,7 +81,7 @@ const experience: experienceType[] = [
8081
<div class="mb-lg-0 mb-5 lg:col-span-4">
8182
<div class="grid grid-cols-2 gap-3">
8283
<div>
83-
<h3 class="mb-3">Languages</h3>
84+
<h2 class="mb-3">Languages</h2>
8485
<ul class="list-none">
8586
<li><Icon name="devicon:javascript" />JavaScript, ES6+</li>
8687
<li><Icon name="devicon:html5" />HTML</li>
@@ -90,7 +91,7 @@ const experience: experienceType[] = [
9091
<li><Icon name="file-icons:terminal" />Command Line</li>
9192
</ul>
9293

93-
<h3 class="mb-3">Skills</h3>
94+
<h2 class="mb-3">Skills</h2>
9495
<ul class="list-none">
9596
<li>Responsive Web Design</li>
9697
<li>Photo Editing</li>
@@ -105,15 +106,15 @@ const experience: experienceType[] = [
105106
<li>3D Printing</li>
106107
</ul>
107108

108-
<h3 class="mb-3">Currently Learning</h3>
109+
<h2 class="mb-3">Currently Learning</h2>
109110
<ul class="list-none">
110111
<li><Icon name="devicon:react" /><Icon name="tags/threejs" />React Three Fiber</li>
111112
<li><Icon name="file-icons:webgl" size={24} />GLSL Shaders</li>
112113
<li><Icon name="tags/blender" />Blender</li>
113114
</ul>
114115
</div>
115116
<div>
116-
<h3 class="mb-3">Tools</h3>
117+
<h2 class="mb-3">Tools</h2>
117118
<ul class="list-none">
118119
<li><Icon name="tags/threejs" />Three.js</li>
119120
<li><Icon name="skill-icons:bootstrap" />Bootstrap</li>
@@ -146,7 +147,7 @@ const experience: experienceType[] = [
146147
</div>
147148

148149
<div class="lg:col-span-7 lg:col-start-6">
149-
<h3 class="mb-4">Work Experience</h3>
150+
<h2 class="mb-4">Work Experience</h2>
150151

151152
<div class="mb-12 space-y-4">
152153
{
@@ -156,16 +157,16 @@ const experience: experienceType[] = [
156157
<a href={url} target="_blank" rel="noreferrer">
157158
{company}
158159
</a>
159-
{contract && <span class="opacity-50">• Contract</span>}
160+
{contract && <span class="opacity-60">• Contract</span>}
160161
</div>
161162
<div>{title}</div>
162-
<div class="text-sm font-light opacity-50">{`${start} - ${end} • ${location}`}</div>
163+
<div class="text-sm font-light opacity-60">{`${start} - ${end} • ${location}`}</div>
163164
</div>
164165
))
165166
}
166167
</div>
167168

168-
<h3 class="mb-4">Education</h3>
169+
<h2 class="mb-4">Education</h2>
169170

170171
<div class="mb-4">
171172
<div class="font-medium">Texas A&M University</div>
@@ -174,18 +175,19 @@ const experience: experienceType[] = [
174175
href="https://pvfa.tamu.edu/academics/disciplines/visualization/"
175176
target="_blank"
176177
rel="noreferrer"
178+
class="font-medium"
177179
>
178180
Visualization
179181
</a>, Dec 2010
180182
</div>
181-
<div class="text-sm font-light opacity-50">
183+
<div class="text-sm font-light opacity-60">
182184
Fall 2007 - Fall 2010 • College Station, TX
183185
</div>
184186
</div>
185187

186188
<div>
187189
<div class="font-medium">The University of Texas at Dallas</div>
188-
<div class="text-sm font-light opacity-50">
190+
<div class="text-sm font-light opacity-60">
189191
Spring 2010 semester away in the Arts and Technology department
190192
</div>
191193
</div>
@@ -197,7 +199,7 @@ const experience: experienceType[] = [
197199
<style>
198200
@reference "../styles/base.css";
199201

200-
h3 {
202+
h2 {
201203
@apply tracking-widest uppercase;
202204
}
203205

0 commit comments

Comments
 (0)