summaryrefslogtreecommitdiff
path: root/www
diff options
context:
space:
mode:
authorSteph Enders <steph@senders.io>2023-06-21 20:48:39 -0400
committerSteph Enders <steph@senders.io>2023-06-21 20:48:39 -0400
commita14b9769f17e5643016e49189a0be41bf9ef519d (patch)
tree4ba6d6fe710a2b066595838e315cab7a4a025e76 /www
parentdb1d929f35ca976b27b4ba042b3c81bb42412906 (diff)
Adjust semantics and content width
A handful of updates but mostly was adjusting some accessibility recommendations
Diffstat (limited to 'www')
-rw-r--r--www/index.html47
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&#39;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>