From 36c9ce665469e898f9ed909403c2c166fd33bbba Mon Sep 17 00:00:00 2001 From: Violet Date: Sun, 22 Oct 2023 12:16:47 -0500 Subject: [PATCH] Pronouns! --- static/index.html | 3 ++- static/p/index.html | 47 ++++++++++++++++++++++++++++++++ static/style.css | 65 +++++++++++++++++++++++++++++++++++++++++++-- 3 files changed, 112 insertions(+), 3 deletions(-) create mode 100644 static/p/index.html diff --git a/static/index.html b/static/index.html index 989184f..9ef26b4 100644 --- a/static/index.html +++ b/static/index.html @@ -16,9 +16,10 @@

...Who?

Hi! I'm Violet, a 14 year old web and game developer.
If it wasn't already clear, though, I am not a graphic designer TwT.

-

Violet

+

Violet


They/Them

Non-Binary

+

(More info)

Where you can find me:

Ko-Fi: bingus_violet - Please donate!

diff --git a/static/p/index.html b/static/p/index.html new file mode 100644 index 0000000..a570926 --- /dev/null +++ b/static/p/index.html @@ -0,0 +1,47 @@ + + + + + + + Pronouns - Violet's Purgatory + + + + +

Preferences

+

Love

+

Like

+

Fine if used Silly/Jokingly

+

Neutral

+

Hate

+
+ +

Names

+

Violet, Vivi, Vi, V

+

Purple

+

Purple guy

+
+ +

Pronouns

+

They/Them

+

She/Her

+

Other

+

He/Him

+
+ +

Words

+

Honorifics

+

Mrs/Ms, Miss, Ma'am

+

Sir, Mr

+

Mx

+ +

Other words

+

Any silly Enby/Slime related terms

+

Dude, Partner

+

Guy, Pardner

+ +
+

This page will be updated over time!

+ + \ No newline at end of file diff --git a/static/style.css b/static/style.css index 12c74f5..30a00aa 100644 --- a/static/style.css +++ b/static/style.css @@ -1,7 +1,7 @@ -@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400&display=swap'); +/* @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400&display=swap'); */ :root { - font-family: 'Rubik', Verdana, Geneva, Tahoma, sans-serif; + font-family: Verdana, Geneva, Tahoma, sans-serif; padding: 0; text-align: center; } @@ -22,6 +22,10 @@ body { margin: auto; background-color: black; max-width: 1100px; + + animation-name: "fade-in"; + animation-duration: 1.5s; + animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } a { @@ -81,4 +85,61 @@ hr { opacity: 0.25; border-width: 2px; margin: 20px 10%; +} + +.love::before { + content: "<3 "; + color: rgb(255, 100, 150); +} + +.like::before { + content: ":) "; + color: limegreen; +} + +.silly::before { + content: ":P "; + color: aqua; +} + +.fine::before { + content: ":/ "; + color: yellow; +} + +.hate::before { + content: ">:( "; + color: red; +} + +.love { + border-color: rgb(255, 100, 150); +} + +.like { + border-color: limegreen; +} + +.silly { + border-color: aqua; +} + +.fine { + border-color: yellow; +} + +.hate { + border-color: red; +} + +@keyframes fade-in { + 0% { + opacity: 0; + transform: translateY(20%) + } + + 100% { + opacity: 1; + transform: none; + } } \ No newline at end of file