diff --git a/_includes/layouts/main.tsx b/_includes/layouts/main.tsx index 95a6e2a..d963c00 100644 --- a/_includes/layouts/main.tsx +++ b/_includes/layouts/main.tsx @@ -8,7 +8,9 @@ export default function({ title, children }) { - { children } +
+ { children } +
); diff --git a/_includes/styles/base.scss b/_includes/styles/base.scss index 07feeff..7f085f0 100644 --- a/_includes/styles/base.scss +++ b/_includes/styles/base.scss @@ -26,5 +26,68 @@ img { } ol, ul { - list-style: none; + list-style: disc; + li { + margin-bottom: 0.4rem; + &:last-of-type { + margin-bottom: 0; + } + } +} + +hr { + height: 1px; + background-color: var(--color-black); + border: none; + margin-top: 1rem; + margin-bottom: 1rem; +} + +h1, h2, h3, h4, h5, h6 { + color: var(--color-blue); + font-weight: bold; +} + +section { + padding: 1rem 0; + & > * { + margin-bottom: 1rem; + } + & > *:last-child { + margin-bottom: 0; + } +} + +.main-content { + padding: 1rem; + margin: 0 auto; + max-width: 48rem; +} + +pre { + padding: 1rem; + border-radius: 5px; + display: block; + background-color: var(--color-bg--layer-01); + overflow: auto; + page-break-inside: avoid; + word-wrap: break-word; + font-family: CaskaydiaCove Nerd Font Mono, monospace; + code { + font-family: CaskaydiaCove Nerd Font Mono, monospace; + } +} + +.page-header { + h1 { + background: -webkit-linear-gradient(45deg, var(--color-red), var(--color-blue)); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } +} + +@for $i from 1 to 3 { + .m-#{i} { + margin: #{i}/4; + } } diff --git a/index.tsx b/index.tsx index af08dc9..adb1922 100644 --- a/index.tsx +++ b/index.tsx @@ -1,8 +1,88 @@ +const gpgFingerprint = ` +pub ed25519 2023-07-14 + Key fingerprint = DBD38E384B9E1F4F19F95BAEE48D7F49A852F112 +uid Foster Hangdaan +`; + export default function() { return ( <> -

Foster Hangdaan

-

Welcome!

+
+

Hi! My name is Foster

+
+
+
+

+ Congratulations, stranger. + You have found the personal website of Foster Hangdaan. +

+
+
+

 About

+

I am a software developer, open-source enthusiast, lover of pizza, renegade of funk and many more.

+

+ I spend most of my time tinkering with computer servers or the latest JavaScript frameworks. + Other times, I help in the battle for an open web by contributing in the development of free and open-source software. +

+
+
+

 Contact

+

The primary method of reaching me is through my email: foster@hangdaan.email.

+

If you'd like an encrypted response, you can send me your GPG public key. You can find mine in the GPG Key section of this page.

+
+
+

 Places

+

Other places where you can find me:

+ +
+
+

󰌋 GPG Key

+

+ I do not use keyservers. + This is the only place where I officially provide my key. + A key claiming to be mine somewhere else is most definitely a phony. +

+

+ You can download my public key here. + Once you've downloaded and imported my key, check that it matches the fingerprint below. +

+ 
+          
+            {gpgFingerprint.trim()}
+          
+
+

You can find more info about GPG on the GnuPG official website.

+
+
+ +

+ Developing free and open-source software takes much of my time and energy. + It's my way of giving back to the open-source community and to the general public. +

+

+ If my works are of any use to you, feel free to make a donation. + Donations go a long way in supporting my efforts. + Any amount would be greatly appreciated. +

+

+ I currently accept donations through cryptocurrency. The following are my wallet addresses: +

+

Bitcoin

+ 
+          bc1qan5musm6mpn7l5g4lcpd6vtke97lnpgaf7hcuj
+
+

Monero

+ 
+          47LkKwzbo4aKNAzecADmoHMaRWbwuigokjR1AuNikfKcaM9quPiy8CwDWGWXpfWtoo5fd4WfuTgJdFKfTPcFUWQZ3u7xrPD
+
+
); } diff --git a/styles/main.scss b/styles/main.scss index df18c8c..06214f2 100644 --- a/styles/main.scss +++ b/styles/main.scss @@ -1,3 +1,4 @@ +// The foundation @import "styles/normalize"; @import "styles/variables"; @import "styles/color-palette";