summaryrefslogtreecommitdiff
path: root/www/index.html
diff options
context:
space:
mode:
authorSteph Enders <steph@senders.io>2023-06-21 22:56:23 -0400
committerSteph Enders <steph@senders.io>2023-06-21 22:56:23 -0400
commit06bd3d7999501ee178826190fbd3b4a9e28cb6fa (patch)
tree86b181a3162581df70269439793df0810ac463ed /www/index.html
parent80c1478e5af73f22cd26b667a371d4fb182647f7 (diff)
Create simple template script for deployment
Diffstat (limited to 'www/index.html')
-rw-r--r--www/index.html124
1 files changed, 0 insertions, 124 deletions
diff --git a/www/index.html b/www/index.html
deleted file mode 100644
index a2b2c84..0000000
--- a/www/index.html
+++ /dev/null
@@ -1,124 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="generator"
- 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="me"
- href="https://tech.lgbt/@senders">
- <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">
-
- <style>
- :root {
- --twhite: #fff;
- --tblue: #4ac2fe;
- --tpink: #ef95ae;
- --flagheight: 60px;
- --flagwidth: 90px;
- --bgcolor: #e4e4ff;
- --page-width: 50em;
- }
- html, body {
- margin: 16px;
- line-height: 1.5em;
- background-color: var(--bgcolor);
- }
- p { margin: 0; }
- header {
- text-align: center;
- }
- nav {
- text-align: center;
- margin: 32px 0;
- }
- nav > a {
- padding: 4px;
- }
- footer {
- display: flex;
- justify-content: center;
- font-size: 0.9em;
- }
- article {
- background-color: white;
- padding: 16px;
- }
- main article {
- margin: auto auto;
- max-width: var(--page-width);
- border-radius: 8px;
- margin-bottom: 32px;
- }
- main article:last-child {
- margin-bottom: none;
- }
- .transflag {
- width: var(--flagwidth);
- height: var(--flagheight);
- margin: 16px auto;
- }
- .transflag .blue {
- 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);
- }
- .transflag .white {
- width: 100%;
- min-height: calc(var(--flagheight) / 5);
- background-color: var(--twhite);
- }
- </style>
-</head>
-<body>
- <header>
- <h1>Hello, the Woman in my Eye</h1>
- </header>
- <nav>
- <a href='/resources'>resources</a> <a href='/about'>about</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
- 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&#39;t just
- start this site! Please look forward to it.</p>
- </article>
- </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"
- 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>