diff options
| author | Steph Enders <steph@senders.io> | 2023-06-21 20:48:39 -0400 |
|---|---|---|
| committer | Steph Enders <steph@senders.io> | 2023-06-21 20:48:39 -0400 |
| commit | a14b9769f17e5643016e49189a0be41bf9ef519d (patch) | |
| tree | 4ba6d6fe710a2b066595838e315cab7a4a025e76 | |
| parent | db1d929f35ca976b27b4ba042b3c81bb42412906 (diff) | |
Adjust semantics and content width
A handful of updates but mostly was adjusting some accessibility
recommendations
| -rw-r--r-- | www/index.html | 47 |
1 files changed, 25 insertions, 22 deletions
diff --git a/www/index.html b/www/index.html index c23f0eb..093ea14 100644 --- a/www/index.html +++ b/www/index.html @@ -9,6 +9,8 @@ href="favicon.ico"> <link rel="license" href="#license"> + <link rel="me" + href="https://tech.lgbt/@senders"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" @@ -23,6 +25,7 @@ --flagheight: 60px; --flagwidth: 90px; --bgcolor: #e4e4ff; + --page-width: 50em; } html, body { margin: 16px; @@ -32,6 +35,9 @@ p { margin: 0; } header { text-align: center; + } + nav { + text-align: center; margin: 32px 0; } nav > a { @@ -46,16 +52,15 @@ background-color: white; padding: 16px; } - .content article { + main article { margin: auto auto; - max-width: 1000px; + max-width: var(--page-width); border-radius: 8px; margin-bottom: 32px; } - .content article:last-child { + main article:last-child { margin-bottom: none; } - .transflag { width: var(--flagwidth); height: var(--flagheight); @@ -80,14 +85,13 @@ </head> <body> <header> - <h1>Hello,</h1> - <h1>The Woman in my Eye</h1> - <nav> - <a href='/bio'>bio</a> <a href='/resources'>resources</a> <a href= - '/blogs'>blog</a> - </nav> + <h1>Hello, the Woman in my Eye</h1> </header> - <section class='content'> + <nav> + <a href='/resources'>resources</a> <a href='/bio'>bio</a> <a href= + '/blogs'>blog</a> + </nav> + <main> <article> <p>Welcome to my blog. My name is Steph and I am a 30 something transgender woman. This blog focuses on my journey transitioning and @@ -100,18 +104,17 @@ <p>This would be where my first article would be... if I didn't just start this site! Please look forward to it.</p> </article> - </section> - <section> - <div class='transflag'> - <div class='blue'></div> - <div class='pink'></div> - <div class='white'></div> - <div class='pink'></div> - <div class='blue'></div> - </div> - </section> + </main> + <div class='transflag' + title="A html rendering of the trans flag"> + <div class='blue'></div> + <div class='pink'></div> + <div class='white'></div> + <div class='pink'></div> + <div class='blue'></div> + </div> <footer> - <p>© 2023 thewomaninmyeye dot org - <a id="license" + <p>© 2023 TheWomanInMyEye dot org - <a id="license" rel="license external noopener noreferrer" target="_blank" href="https://creativecommons.org/licenses/by/4.0/">CC BY-SA 4.0</a> |