mikewink/mw-site
Watch
1
0
Fork
You've already forked mw-site
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update HTML to improve overall accessibility

Browse source 
The last open task is to increase the color contrast in dark mode.
This commit is contained in:
Mike Wink 2022-11-19 18:38:10 +01:00
commit d0d625ed67
1 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

16
public/index.php
View file

@ -41,8 +41,11 @@
<body class="pattern bg-lightCyan dark:bg-black dark:text-white md:h-screen">
<div class="md:grid md:grid-cols-layout md:h-full">
<div class="p-8 md:order-2 md:col-start-2 md:col-end-3 bg-white dark:bg-black shadow-md">
<article class="mb-10 prose dark:text-white font-din">
<main>
<header class="mb-10 prose font-din">
<h1 class="uppercase text-paleCerulean">Mike Wink</h1>
</header>
<article class="mb-10 prose dark:text-white font-din">
<p class="prose-2xl">Specializing in Craft CMS, Kirby CMS, Laravel, Statamic, Symfony, Livewire,
Alpine.js, HTMX and more.
</p>
@ -50,7 +53,7 @@
For the last couple of years I concentrate on bespoke web applications.
</p>
<p>
My current side project is to learn and productively use <a href="https://obsidian.md/" target="_blank" rel="nofollow noopen">Obsidian</a> as my second brain.
My current side project is to learn and productively use <a href="https://obsidian.md/" target="_blank" rel="nofollow noopen" title="Opens the Obsidian site in a new tab">Obsidian</a> as my second brain.
</p>
<p>Working on several client projects, but there will be a full website
soonish. You can reach me via email at
@ -59,11 +62,13 @@
</p>
<p>Mike</p>
</article>
</main>
<footer>
<ul class="flex flex-row space-x-4 align-center" aria-label="A list of my three social media account">
<li>
<a href="https://github.com/mikewink"
title="GitHub profile Mike Wink"
title="GitHub profile Mike Wink, opens in a new tab"
target="_blank">
<svg aria-hidden="true"
class="w-6 h-6 fill-current text-burntSienna"
@ -78,7 +83,7 @@
<li>
<a href="https://twitter.com/mikewink"
title="Twitter profile Mike Wink"
title="Twitter profile Mike Wink, opens in a new tab"
target="_blank">
<svg aria-hidden="true"
class="w-6 h-6 fill-current text-burntSienna"
@ -93,7 +98,7 @@
<li>
<a href="https://mastodon.social/@mikewink"
title="Mastodon profile Mike Wink"
title="Mastodon profile Mike Wink, opens in a new tab"
target="_blank"
rel="me">
<svg aria-hidden="true"
@ -106,6 +111,7 @@
</a>
</li>
</ul>
</footer>
</div>
</div>