summaryrefslogtreecommitdiff
path: root/www/index.html
diff options
context:
space:
mode:
authorSteph Enders <steph@senders.io>2023-06-21 20:31:43 -0400
committerSteph Enders <steph@senders.io>2023-06-21 20:31:43 -0400
commitdb1d929f35ca976b27b4ba042b3c81bb42412906 (patch)
treebdfc31d694fc1a527b29c971698a44d1c25a5eb5 /www/index.html
parenta1d37cf969f93d4ee7a52aecbf139563c878355f (diff)
Add tidy and tidy the content
Diffstat (limited to 'www/index.html')
-rw-r--r--www/index.html124
1 files changed, 66 insertions, 58 deletions
diff --git a/www/index.html b/www/index.html
index 655ebeb..c23f0eb 100644
--- a/www/index.html
+++ b/www/index.html
@@ -3,74 +3,78 @@
<head>
<meta charset="utf-8">
<meta name="generator"
- content="HTML Tidy for HTML5 for Linux version 5.6.0">
+ content="HTML Tidy for HTML5 for Linux version 5.7.45">
<title>The Woman in my Eye</title>
- <link rel="icon" href="favicon.ico">
- <link rel="license" href="#license">
+ <link rel="icon"
+ href="favicon.ico">
+ <link rel="license"
+ href="#license">
<meta name="viewport"
content="width=device-width, initial-scale=1">
<meta name="description"
- content="The woman in your eye is a transgender blog from the perspective of the author. She tries her best to provide information to hopefully help or entertain her readers who may also be struggling with their gender identity"/>
+ content=
+ "The woman in your eye is a transgender blog from the perspective of the author. She tries her best to provide information to hopefully help or entertain her readers who may also be struggling with their gender identity">
+
<style>
:root {
- --twhite: #fff;
- --tblue: #4ac2fe;
- --tpink: #ef95ae;
- --flagheight: 60px;
- --flagwidth: 90px;
- --bgcolor: #e4e4ff;
+ --twhite: #fff;
+ --tblue: #4ac2fe;
+ --tpink: #ef95ae;
+ --flagheight: 60px;
+ --flagwidth: 90px;
+ --bgcolor: #e4e4ff;
}
html, body {
- margin: 16px;
- line-height: 1.5em;
- background-color: var(--bgcolor);
+ margin: 16px;
+ line-height: 1.5em;
+ background-color: var(--bgcolor);
}
p { margin: 0; }
header {
- text-align: center;
- margin: 32px 0;
+ text-align: center;
+ margin: 32px 0;
}
nav > a {
- padding: 4px;
+ padding: 4px;
}
footer {
- display: flex;
- justify-content: center;
- font-size: 0.9em;
+ display: flex;
+ justify-content: center;
+ font-size: 0.9em;
}
article {
- background-color: white;
- padding: 16px;
+ background-color: white;
+ padding: 16px;
}
.content article {
- margin: auto auto;
- max-width: 1000px;
- border-radius: 8px;
- margin-bottom: 32px;
+ margin: auto auto;
+ max-width: 1000px;
+ border-radius: 8px;
+ margin-bottom: 32px;
}
.content article:last-child {
- margin-bottom: none;
+ margin-bottom: none;
}
.transflag {
- width: var(--flagwidth);
- height: var(--flagheight);
- margin: 16px auto;
+ width: var(--flagwidth);
+ height: var(--flagheight);
+ margin: 16px auto;
}
.transflag .blue {
- width: 100%;
- min-height: calc(var(--flagheight) / 5);
- background-color: var(--tblue);
+ width: 100%;
+ min-height: calc(var(--flagheight) / 5);
+ background-color: var(--tblue);
}
.transflag .pink {
- width: 100%;
- min-height: calc(var(--flagheight) / 5);
- background-color: var(--tpink);
+ width: 100%;
+ min-height: calc(var(--flagheight) / 5);
+ background-color: var(--tpink);
}
.transflag .white {
- width: 100%;
- min-height: calc(var(--flagheight) / 5);
- background-color: var(--twhite);
+ width: 100%;
+ min-height: calc(var(--flagheight) / 5);
+ background-color: var(--twhite);
}
</style>
</head>
@@ -79,35 +83,39 @@
<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>
+ <a href='/bio'>bio</a> <a href='/resources'>resources</a> <a href=
+ '/blogs'>blog</a>
</nav>
</header>
<section class='content'>
<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 discovering my gender. I am not a medical professional or an expert on the subject. I am simply a girl trying to share her story in the hopes it might actually help someone else find themselves...or entertain; either works!</p>
+ <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
+ discovering my gender. I am not a medical professional or an expert on
+ the subject. I am simply a girl trying to share her story in the hopes it
+ might actually help someone else find themselves...or entertain; either
+ works!</p>
</article>
<article>
- <p>This would be where my first article would be... if I didn't just start this site! Please look forward to it.</p>
+ <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>
+ <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>
- <footer>
- <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>
- unless otherwise noted.
- </p>
+ <footer>
+ <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>
+ unless otherwise noted.</p>
</footer>
</body>
</html>