SebinNyshkim/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: ♿ restructure main navigation to be more accessibility friendly

Browse source
This commit is contained in:
Sebin Nyshkim 2024-10-18 22:49:57 +02:00
parent 113d583524
commit 7d1b1a06d7
1 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/layouts/base.njk
View file

@ -23,13 +23,13 @@
<link rel="me" href="https://meow.social/@SebinNyshkim">
</head>
<body class="h-dvh bg-slate-300 text-slate-700 dark:bg-slate-900 dark:text-slate-300">
<header>
<div class="mx-auto max-w-screen-xl sm:px-safe-offset-4 md:px-safe-offset-6">
<nav class="eleventy-navigation flex min-h-16 items-center justify-center bg-sky-600 shadow-xl sm:m-4 sm:mx-auto sm:justify-between sm:rounded-xl dark:bg-sky-950">
<div class="hidden sm:flex sm:items-center">
<img src="/img/sebin.png" alt="it me" class="m-4 max-w-14 rounded-full border-4 shadow-2xl">
<h1 class="text-3xl text-white">Sebin's Blog</h1>
</div>
<header class="sm:px-safe-offset-4 md:px-safe-offset-6">
<div class="flex min-h-16 max-w-screen-xl items-center justify-center bg-sky-600 shadow-xl sm:m-4 sm:mx-auto sm:justify-between sm:rounded-xl dark:bg-sky-950">
<div class="hidden sm:flex sm:items-center">
<img src="/img/sebin.png" alt="" class="m-4 max-w-14 rounded-full border-4 shadow-2xl">
<h1 class="text-3xl text-white">Sebin's Blog</h1>
</div>
<nav class="eleventy-navigation" aria-label="Main">
{{
collections.all |
eleventyNavigation |