diff options
Diffstat (limited to 'about/pronouns/index.php')
| -rw-r--r-- | about/pronouns/index.php | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/about/pronouns/index.php b/about/pronouns/index.php new file mode 100644 index 0000000..015609c --- /dev/null +++ b/about/pronouns/index.php @@ -0,0 +1,46 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>Pronounce</title> + <link href="/style.css" rel="stylesheet" type="text/css" media="all"> + <?php include($_SERVER['DOCUMENT_ROOT'] . '/seasonal.php'); ?> + <style> + .entry-container { + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; + gap: var(--stdpadding); + } + .labeled-entry { + display: flex; + align-items: center; + gap: calc(var(--stdpadding) / 2); + } + .labeled-entry img { + height: 2em; + filter: invert(); + } + </style> + </head> + <body> + <?php include($_SERVER['DOCUMENT_ROOT'] . '/nav.php'); bg(false, -30, "Of course you have this") ?> + <h1>pronouns & shit</h1> + <h2 id="caption">extended director's cut special edition</h2> + <p>I briefly had a page on <a href="https://pronouns.cc">pronouns.cc</a> once but hell if I'm gonna use it when I have my own website</p> + <div class="entry-container"> + <span class="labeled-entry"><img src="good.svg" alt="Good"> Preferred</span> + <span class="labeled-entry"><img src="friend.svg" alt="Friends only"> Friends only</span> + <span class="labeled-entry"><img src="bad.svg" alt="Bad"> Don't</span> + </div> + <h2>Pronouns</h2> + <div class="entry-container"> + <span class="labeled-entry"><img src="good.svg" alt="Good"> she/her</span> + <span class="labeled-entry"><img src="good.svg" alt="Good"> it/its</span> + <span class="labeled-entry"><img src="friend.svg" alt="Friends only"> they/them</span> + <span class="labeled-entry"><img src="bad.svg" alt="Bad"> he/him</span> + </div> + </body> +</html> |