From 01ae49c5aa74c2c8adc7ab08c349ece6834b73d5 Mon Sep 17 00:00:00 2001 From: Violet Date: Thu, 12 Oct 2023 16:33:43 -0500 Subject: [PATCH] Total redesign!!! --- package.json | 2 +- static/index.html | 27 ++++++++++-------- static/socials/index.html | 41 --------------------------- static/socials/main.js | 23 --------------- static/style.css | 59 ++++++++++++++++++--------------------- 5 files changed, 43 insertions(+), 109 deletions(-) delete mode 100644 static/socials/index.html delete mode 100644 static/socials/main.js diff --git a/package.json b/package.json index d816a33..0e27297 100644 --- a/package.json +++ b/package.json @@ -4,7 +4,7 @@ "description": "Violets Purgatory is a personal webapp for", "main": "index.js", "scripts": { - "test": "node index.js" + "start": "node index.js" }, "repository": { "type": "git", diff --git a/static/index.html b/static/index.html index 3a0577b..37a6be0 100644 --- a/static/index.html +++ b/static/index.html @@ -12,19 +12,22 @@ Violet's Purgatory - -
-

Violets Purgatory

+ +

Violet's Purgatory

-


Hi! I'm Violet, a teenage web and game developer.

-

My main engine is Godot, and i'm currently bouncing between projects, but I am mainly focusing on a space - shooter and a boss rush right now.

-

If you have any issues with the site, put up an issue on codeberg!

-
- -
+


Hi! I'm Violet, a teenage web and game developer.

+

My main engine is Godot, and i'm currently bouncing between projects, but I am mainly focusing on a space + shooter and a boss rush right now.

+

If you have any issues with the site, put up an issue on codeberg!

+ +

Socials

+ Fedi:
@Bingus_Violet@tech.lgbt + Github:
Violets-puragtory + Codeberg:
Bingus_Violet +

Matrix:
@bingus_violet:catgirl.cloud

+

Revolt:
BingusViolet#5573

+

Discord:
bingus_violet


+

Sorry for the small website, i just ran out of ideas and it's gone through alot of redesigning. :P

\ No newline at end of file diff --git a/static/socials/index.html b/static/socials/index.html deleted file mode 100644 index bd095f9..0000000 --- a/static/socials/index.html +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - - - - - - - - VP - Socials - - -


Socials

-
-
-

Discord

-
- -
-
-

bingus_violet

-

Status: Offline

-
-
-
-
-
-

Revolt

-
- -
-
-

BingusViolet#5573

-
-
-
- - \ No newline at end of file diff --git a/static/socials/main.js b/static/socials/main.js deleted file mode 100644 index 564f11c..0000000 --- a/static/socials/main.js +++ /dev/null @@ -1,23 +0,0 @@ -var statColors = { - "Do Not Disturb": "rgb(255, 25, 25)", - "online": "rgb(0, 255, 0)", - "idle": "rgb(255, 255, 25)", - "offline": "rgb(150, 150, 150)" -} - -fetch('https://api.lanyard.rest/v1/users/534132311781015564', { - method: 'GET', - headers: { - 'Accept': 'application/json', - }, -}) - .then(response => response.json()) - .then(response => { - var userdata = response.data.discord_user - var statusData = response.data.discord_status - - $("#discUser").text(JSON.stringify(userdata.username).slice(1, -1)) - $("#discStatus").text(JSON.stringify(statusData).charAt(1).toUpperCase() + JSON.stringify(statusData).slice(2, -1)) - $("#discPFP, #discCard").css("border-color", statColors[JSON.stringify(statusData).slice(1, -1)]) - // $("*").text(JSON.stringify(response)) - }) \ No newline at end of file diff --git a/static/style.css b/static/style.css index 9b2de9f..f50d15a 100644 --- a/static/style.css +++ b/static/style.css @@ -8,8 +8,8 @@ --bg-color-1: rgb(125, 25, 100); --bg-color-2: rgb(75, 25, 125); - --faded-bg-color-1: rgb(80, 20, 60); - --faded-bg-color-2: rgb(60, 20, 80); + --faded-bg-color-1: rgb(25, 20, 40); + --faded-bg-color-2: rgb(25, 25, 60); --button-bg-1: rgb(75, 75, 125); } @@ -31,8 +31,8 @@ body { height: 100vh; padding: 0; margin: 0; - background-color: var(--faded-bg-color-1); - background-image: linear-gradient(45deg, var(--faded-bg-color-1), var(--faded-bg-color-2)) + background-color: var(--faded-bg-color-2); + background-image: linear-gradient(45deg, var(--faded-bg-color-1), var(--faded-bg-color-2)) ; } .centered { @@ -42,39 +42,35 @@ body { } #card { - border: rgb(225, 225, 255) 5px solid; - border-radius: 25px; - max-width: 95%; - max-height: 95%; - /* max-width: 1200px; */ - /* max-height: 650px; */ + /* border: rgb(225, 225, 255) 4px solid; */ + /* border-radius: 25px; */ + /* max-width: 95%; + max-height: 95%; */ + width: 100%; + height: 100%; padding: 5px; background-color: var(--bg-color-2); background-image: linear-gradient(var(--bg-color-1), var(--bg-color-2)); overflow: auto; } +#card > p { + padding: 5px 5%; +} + .miniCard { text-align: center; border: rgb(225, 225, 255) 4px solid; border-radius: 25px; - padding: 5px; - margin: 20px; + padding: 15px; + margin: 10px; background-color: var(--bg-color-2); background-image: linear-gradient(var(--bg-color-1), var(--bg-color-2)); overflow: hidden; max-width: 100%; max-height: 100%; - /* display: inline-block; */ } -/* #links { - text-align: center !important; - display: inline-flex !important; - justify-content: center !important; - align-items: flex-end !important; -} */ - #links { margin: 0; padding: 0; @@ -87,24 +83,23 @@ a { transition: 1.5s all cubic-bezier(0.075, 0.82, 0.165, 1); } -a:hover { - transform: scale(1.1); - margin: 7px; - color: white; -} - -.buttonLink { - font-size: 2rem; +.chip { + font-size: 1.5rem; border: 2px white solid; - border-radius: 0px; + border-radius: 25px; background-color: black; - padding: 5px; + padding: 8px; margin: 5px; + display: inline-block; } -.buttonLink:hover { +a.chip:hover { + margin: 8px; background-color: rgb(60, 50, 75); - transform: scale(1.1); +} + +a:hover { + transform: scale(1.05); color: white; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1); }