Design documents for git.pablopie.xyz ✏️
Made the navigation bar more compliant with accessibility guidelines
Nested the <nav> element inside of a <header> to make it easier for assitive technology to find the site map
Also nested the list of links for each repository insede of a <nav> element
See https://www.htmhell.dev/adventcalendar/2022/4/
9 files changed, 46 insertions, 7 deletions
| Status | File Name | N° Changes | Insertions | Deletions |
| Modified | commit.html | 9 | 8 | 1 |
| Modified | file.html | 10 | 8 | 2 |
| Modified | files.html | 9 | 8 | 1 |
| Modified | index.html | 2 | 2 | 0 |
| Modified | license.html | 7 | 6 | 1 |
| Modified | log.html | 4 | 4 | 0 |
| Modified | readme.html | 4 | 4 | 0 |
| Modified | refs.html | 4 | 4 | 0 |
| Modified | styles.css | 4 | 2 | 2 |
diff --git a/commit.html b/commit.html @@ -8,13 +8,19 @@ <link rel="stylesheet" type="text/css" href="./styles.css"> </head> <body> +<header> <nav> -<a href="https://git.pablopie.xyz/">git.pablopie.xyz</a> +<a href="https://git.pablopie.xyz/"> +<img aria-hidden="true" alt="Website logo" src="./favicon.svg"> +git.pablopie.xyz +</a> </nav> +</header> <main> <h1>stagit</h1> <p>My personal build of stagit 😸️ </p> +<nav> <ul> <li>git clone: <a href="git://git.pablopie.xyz/stagit">git://git.pablopie.xyz/stagit</a></li> <li><a href="https://git.pablopie.xyz/stagit/log.html">Log</a></li> @@ -23,6 +29,7 @@ <li><a href="https://git.pablopie.xyz/stagit/README.html">README</a></li> <li><a href="https://git.pablopie.xyz/stagit/file/LICENSE.html">LICENSE</a></li> </ul> +</nav> <article class="commit"> <dl>
diff --git a/file.html b/file.html @@ -7,16 +7,19 @@ <link rel="stylesheet" type="text/css" href="./styles.css"> </head> <body> +<header> <nav> <a href="https://git.pablopie.xyz/"> <img aria-hidden="true" alt="Website logo" src="./favicon.svg"> git.pablopie.xyz </a> </nav> +</header> <main> <h1>caml-urm</h1> <p>A OCaml module for manipulating unlimited register machines </p> +<nav> <ul> <li>git clone: <a href="git://git.escobar.life/caml-urm">git://git.escobar.life/caml-urm</a></li> <li><a href="https://git.pablopie.xyz/caml-urm/log.html">Log</a></li> @@ -24,10 +27,13 @@ git.pablopie.xyz <li><a href="https://git.pablopie.xyz/caml-urm/refs.html">Refs</a></li> <li><a href="https://git.pablopie.xyz/caml-urm/README.html">README</a></li> <li><a href="https://git.pablopie.xyz/caml-urm/file/LICENSE.html">LICENSE</a></li> -<li><a href="https://git.pablopie.xyz/caml-urm/blob/LICENSE">raw file (blob)</a></li></ul> +<li><a href="https://git.pablopie.xyz/caml-urm/blob/LICENSE">raw file (blob)</a></li> +</ul> +</nav> <h2>LICENSE (35149B)</h2> <div class="codeblock"> -<pre id="blob"><a href="#l1" class="line" id="l1"> 1</a> GNU GENERAL PUBLIC LICENSE +<pre id="blob"> +<a href="#l1" class="line" id="l1"> 1</a> GNU GENERAL PUBLIC LICENSE <a href="#l2" class="line" id="l2"> 2</a> Version 3, 29 June 2007 <a href="#l3" class="line" id="l3"> 3</a> <a href="#l4" class="line" id="l4"> 4</a> Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
diff --git a/files.html b/files.html @@ -7,15 +7,21 @@ <link rel="stylesheet" type="text/css" href="./styles.css"> </head> <body> +<header> <nav> -<a href="https://git.pablopie.xyz/">git.pablopie.xyz</a> +<a href="https://git.pablopie.xyz/"> +<img aria-hidden="true" alt="Website logo" src="./favicon.svg"> +git.pablopie.xyz +</a> </nav> +</header> <main> <h1>global-analysis-and-the-banach-manifold-of-class-h1-curvers</h1> <p>Riemannian Geometry course project on the manifold H¹(I, M) of class H¹ curves on a Riemannian manifold M and its applications to the geodesics problem </p> +<nav> <ul> <li>git clone: <a href="git://git.escobar.life/global-analysis-and-the-banach-manifold-of-class-h1-curvers">git://git.escobar.life/global-analysis-and-the-banach-manifold-of-class-h1-curvers</a></li> <li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/log.html">Log</a></li> @@ -24,6 +30,7 @@ geodesics problem <li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/README.html">README</a></li> <li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/file/LICENSE.html">LICENSE</a></li> </ul> +</nav> <div class="table-container"> <table> <colgroup>
diff --git a/index.html b/index.html @@ -7,12 +7,14 @@ <link rel="stylesheet" type="text/css" href="./styles.css"> </head> <body> +<header> <nav> <a href="https://git.pablopie.xyz/"> <img aria-hidden="true" alt="Website logo" src="./favicon.svg"> git.pablopie.xyz </a> </nav> +</header> <main> <div class="article-list"> <article>
diff --git a/license.html b/license.html @@ -7,18 +7,21 @@ <link rel="stylesheet" type="text/css" href="./styles.css"> </head> <body> +<header> <nav> <a href="https://git.pablopie.xyz/"> <img aria-hidden="true" alt="Website logo" src="./favicon.svg"> git.pablopie.xyz </a> </nav> +</header> <main> <h1>global-analysis-and-the-banach-manifold-of-class-h1-curvers</h1> <p>Riemannian Geometry course project on the manifold H¹(I, M) of class H¹ curves on a Riemannian manifold M and its applications to the geodesics problem </p> +<nav> <ul> <li>git clone: <a href="git://git.escobar.life/global-analysis-and-the-banach-manifold-of-class-h1-curvers">git://git.escobar.life/global-analysis-and-the-banach-manifold-of-class-h1-curvers</a></li> <li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/log.html">Log</a></li> @@ -26,7 +29,9 @@ geodesics problem <li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/refs.html">Refs</a></li> <li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/README.html">README</a></li> <li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/file/LICENSE.html">LICENSE</a></li> -<li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/blob/LICENSE">raw file (blob)</a></li></ul> +<li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/blob/LICENSE">raw file (blob)</a></li> +</ul> +</nav> <h2>LICENSE (35149B)</h2> <div class="codeblock"> <pre id="blob"><a href="#l1" class="line" id="l1"> 1</a> GNU GENERAL PUBLIC LICENSE
diff --git a/log.html b/log.html @@ -7,16 +7,19 @@ <link rel="stylesheet" type="text/css" href="./styles.css"> </head> <body> +<header> <nav> <a href="https://git.pablopie.xyz/"> <img aria-hidden="true" alt="Website logo" src="./favicon.svg"> git.pablopie.xyz </a> </nav> +</header> <main> <h1>stagit</h1> <p>My personal build of stagit 😸️ </p> +<nav> <ul> <li>git clone: <a href="git://git.pablopie.xyz/stagit">git://git.pablopie.xyz/stagit</a></li> <li><a href="https://git.pablopie.xyz/stagit/log.html">Log</a></li> @@ -25,6 +28,7 @@ git.pablopie.xyz <li><a href="https://git.pablopie.xyz/stagit/README.html">README</a></li> <li><a href="https://git.pablopie.xyz/stagit/file/LICENSE.html">LICENSE</a></li> </ul> +</nav> <div class="article-list"> <article> <div>
diff --git a/readme.html b/readme.html @@ -7,16 +7,19 @@ <link rel="stylesheet" type="text/css" href="./styles.css"> </head> <body> +<header> <nav> <a href="https://git.pablopie.xyz/"> <img aria-hidden="true" alt="Website logo" src="./favicon.svg"> git.pablopie.xyz </a> </nav> +</header> <main> <h1>stagit</h1> <p>My personal build of stagit 😸️ </p> +<nav> <ul> <li>git clone: <a href="git://git.pablopie.xyz/stagit">git://git.pablopie.xyz/stagit</a></li> <li><a href="https://git.pablopie.xyz/stagit/log.html">Log</a></li> @@ -25,6 +28,7 @@ git.pablopie.xyz <li><a href="https://git.pablopie.xyz/stagit/README.html">README</a></li> <li><a href="https://git.pablopie.xyz/stagit/file/LICENSE.html">LICENSE</a></li> </ul> +</nav> <section id="readme"> <h1>stagit</h1> <p>static git page generator.</p>
diff --git a/refs.html b/refs.html @@ -8,16 +8,19 @@ <link rel="stylesheet" type="text/css" href="./styles.css"> </head> <body> +<header> <nav> <a href="https://git.pablopie.xyz/"> <img aria-hidden="true" alt="Website logo" src="./favicon.svg"> git.pablopie.xyz </a> </nav> +</header> <main> <h1>stagit</h1> <p>My personal build of stagit 😸️ </p> +<nav> <ul> <li>git clone: <a href="git://git.pablopie.xyz/stagit">git://git.pablopie.xyz/stagit</a></li> <li><a href="https://git.pablopie.xyz/stagit/log.html">Log</a></li> @@ -26,6 +29,7 @@ git.pablopie.xyz <li><a href="https://git.pablopie.xyz/stagit/README.html">README</a></li> <li><a href="https://git.pablopie.xyz/stagit/file/LICENSE.html">LICENSE</a></li> </ul> +</nav> <h2>Branches</h2> <div class="table-container"> <table id="branches">
diff --git a/styles.css b/styles.css @@ -102,7 +102,7 @@ main > *:last-child, #readme > *:last-child { margin-bottom: 0; } -nav img { +header nav img { position: relative; top: 0.3rem; width: 1.2rem; @@ -126,7 +126,7 @@ nav img { margin-bottom: 0; } -.article-list article h4 a, nav a { +.article-list article h4 a, header nav a { color: var(--accent); font-weight: bold; text-decoration: none;