From 184cbbcfbb0fe8582aa996c1d4e64f35ce654407 Mon Sep 17 00:00:00 2001 From: biglyderv Date: Mon, 25 Nov 2024 14:13:14 -0500 Subject: [PATCH] boilerplate --- bg.svg | 21 ++++++++++++ index.css | 99 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 80 +++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 200 insertions(+) create mode 100644 bg.svg create mode 100644 index.css create mode 100644 index.html diff --git a/bg.svg b/bg.svg new file mode 100644 index 0000000..1574b32 --- /dev/null +++ b/bg.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/index.css b/index.css new file mode 100644 index 0000000..b9a4277 --- /dev/null +++ b/index.css @@ -0,0 +1,99 @@ +:root { + --black: rgb(16, 16, 16); + --gray: rgb(38, 38, 38); + --white: rgb(240, 240, 240); + --primary-dark: rgb(59, 156, 40); + --primary-light: rgb(202, 255, 200); + --elem-width: min(800px, 90vw); + --elem-height: 300px; + --border-radius: 15px; + --font: system-ui, sans-serif; + color: var(--white); + background: var(--black); + font-family: var(--font) !important; +} + +.banner, +body { + display: flex; + flex-direction: column +} + +body { + align-items: center; + overflow-x: hidden; + margin-top: 0 +} + +.banner { + justify-content: center; + margin-bottom: calc(-1*var(--elem-height)) +} + +.banner-background, +.banner-content { + height: var(--elem-height); + overflow-y: auto +} + +.banner-background { + border-radius: var(--border-radius); + background-color: var(--gray); + opacity: 30%; + object-fit: cover +} + +.banner-content { + margin-left: 10px; + margin-right: 10px; + position: relative; + top: calc(-1*var(--elem-height)) +} + +.link { + text-decoration: none; + font-weight: 700; + color: var(--white) +} + +.banner, +.banner-background, +.content { + width: var(--elem-width) +} + +.content, +.form-button { + border: solid var(--gray) 3px; + background: var(--black); + border-radius: var(--border-radius); + color: var(--white); + padding: .5rem; + margin-bottom: .5rem; + text-decoration: none +} + +.content { + margin-top: 10px; + width: calc(var(--elem-width) - 1rem) +} + +.content-header { + width: var(--elem-width) +} + +img { + user-select: none +} + +pre { + white-space: pre-wrap; + font-family: var(--font) !important; +} + +.form-button { + font-weight: 700; + display: inline-block; + background: var(--primary-dark); + border-color: var(--primary-light) +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..b52b329 --- /dev/null +++ b/index.html @@ -0,0 +1,80 @@ + + + + + + Dervland + + + + + + + + +
+

Projects

+
+ Unibutton + PVP with simple mechanics: only one button +
+
+ Scratch Tree + Optimized Scratch remix tree frontend +
+
+ BiglyChat + Social media and authentication server +
+
+ +
+

Archives

+
+ Scratch + Block coding language +
+
+ GitHub + Code community +
+
+ YouTube + Video community +
+
+ FANDOM + Wiki community +
+
+ GameJolt + Game development community +
+
+ +
+

My Story

+

+ I was introduced to the Internet around 2013-2014, when I was barely in elementary school. + I spent a lot of time on Scratch; I learnt basic programming and made friends this way. +

+

+ On 2020-05-20, a friend group would create a Discord DM for learning HTML. + While the DM derailed eventually, I became hooked on programming! +

+

+ Currently, I am aiming to diversify my experience and learn managerial skills. +

+
+ + + \ No newline at end of file