diff --git a/config.json b/config.json index f718e16..7fef0b5 100644 --- a/config.json +++ b/config.json @@ -75,6 +75,7 @@ "word highlighting": "yellow", "replaceAll": "limegreen", "Godot Engine": "#64B5F6", - "javascript": "yellow" + "javascript": "yellow", + "NodeJS": "limegreen" } } \ No newline at end of file diff --git a/static/index.html b/static/index.html index 701e095..a2bbe60 100644 --- a/static/index.html +++ b/static/index.html @@ -35,20 +35,14 @@

Developer

{DISCORD_STATUS}

- + + Donate (Ko-fi)
- - -

Hi! I'm Violet, a 15 year old web and game developer.
I aspire to make fast and javascript free websites! I'm currently learning the Godot Engine, and have been becoming quite fluent in NodeJS.

-

Links

-
- Beta site - Blog - Clipdump + {PATH_SOCIALS} diff --git a/static/root.css b/static/root.css index 5cd008e..03c0db3 100644 --- a/static/root.css +++ b/static/root.css @@ -5,7 +5,7 @@ .mainTitle { font-size: 2.75rem; - color: rgb(215, 80, 255); + color: rgb(200, 150, 255); display: block; padding-top: 5px; line-height: 2.2rem; diff --git a/static/socials/index.html b/static/socials/index.html new file mode 100644 index 0000000..6d26f00 --- /dev/null +++ b/static/socials/index.html @@ -0,0 +1,74 @@ + + + + + + + + + + + Violet's Purgatory + + + + + + + + + + + + +

Links & Socials

+
+
+
+

Subsites

+ Beta site + Blog + Clipdump +
+
+
+
+

Other sites/projects

+ Univerter + SteamRPC +
+
+
+
+

Social Media

+ Youtube + Ko-fi + Fedi +
+
+
+
+

Chat

+ Matrix +
+
+
+
+

Coding

+ Codeberg + Docker + Github +
+
+
+
+

Games

+ Steam +
+
+
+ + + \ No newline at end of file diff --git a/static/style.css b/static/style.css index 5297e88..620555d 100644 --- a/static/style.css +++ b/static/style.css @@ -50,6 +50,27 @@ a { transition: 1.5s all cubic-bezier(0.075, 0.82, 0.165, 1); } +h3 { + font-size: 1.5rem; + padding: 10px; +} + +@media screen and (min-width: 600px) { + .grid-container { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 20px; + } + + .grid-child { + margin: auto; + align-content: center; + /* border: 2px white solid; */ + } +} + + + .chip { position: relative; z-index: 3; @@ -77,7 +98,7 @@ a { transition: transform 0.75s cubic-bezier(0.075, 0.82, 0.165, 1), background-color 3s cubic-bezier(0.075, 0.82, 0.165, 1); } -.chip:hover > .smallimg { +.chip:hover>.smallimg { background-color: rgb(10, 0, 25); }