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