diff --git a/index-avatar.html b/index-avatar.html new file mode 100644 index 0000000..8ea91eb --- /dev/null +++ b/index-avatar.html @@ -0,0 +1,290 @@ + + + + + + + + Pongpeera Wongprasitthiporn's profile + + + + +
+ + + +
+

Profile

+
+
+
+ latenightdef +
+
+

Pongpeera Wongprasitthiporn

+ See my real face +
+ + +
+ + Linux + + + Libvirt & QEMU/KVM + + + Podman & Quadlet + + + Docker + + + Flatpak + + +
+ +
+ + + OpenStreetMap + + + BOINC + + + Penpot + + + GitLab CI & Pages + + + Cloudflare + +
+ +
+ + Content Creation + + + Documentation + + + Localization + +
+ +
+ + Hosting & Infrastructure + + + AWS EC2 + + + systemd + + +
+ +
+ +
+ +

Basic information

+
+ + +
+

Also known as

+
+
+

Late Night Defender, VRSasha, SashaPGT

+
+ +
+ +
+

Pronouns

+
+
+

she/they

+
+ +
+ +
+

Location

+
+
+

Bangkok, Thailand

+
+ +
+ +
+

Languages

+
+
+

Thai (Native), English (B1)

+
+ +
+ + +
+

More information

+
+ + + +
+ +

Education

+ +
+ +
+
+

B.Eng. (Computer Engineering), KMITL

+

2021-now

+
+
+ + +
+ +
+
+

High School (Sci-Math program), Pibulwitthayalai School Lopburi

+

2018-2021

+
+
+ + +
+ +
+
+

High School (Genius program), Winitsuksa School Lopburi

+

2015-2018

+
+
+ + + + +
+ + + +

Works & contributions

+ +
+ +
+ +
+

Student at KMITL

+
+ + +
+ +
+

Other works

+
+ + +
+ +

Talks

+ +
+ +
+
+

Improving accessibility data on OpenStreetMap

+

Bangkok Open Source Hackathon, 2023

+
+
+ + + +
+ +

Links/Contact

+ +
+ + +
+

Telegram

+
+ + + +
+ + +
+

Email

+
+ + + +
+ + +
+

Phone

+
+ + + +
+ + +
+

Fediverse

+
+ + + +
+ + +
+

More links

+
+ + + + +
+
+
+ + + diff --git a/index.html b/index.html index 3b5ad45..6a140cc 100644 --- a/index.html +++ b/index.html @@ -19,12 +19,14 @@
- latenightdef + latenightdef

Pongpeera Wongprasitthiporn

+ See my avatar
+
Linux diff --git a/style.css b/style.css index d2b91fd..1c125b6 100644 --- a/style.css +++ b/style.css @@ -23,6 +23,7 @@ html * justify-content: center; align-items: center; margin-top: 3cm; + } .middle { @@ -185,6 +186,25 @@ html * font-weight: bold; text-align: center; } + + .gtk-button-pill { + position: relative; + width: auto; + height: 44px; + border-radius: 22px; + background-color: rgba(53, 132, 228, 1); + color: white; + text-decoration: none; + font-weight: bold; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + gap: 0px; + padding: 0px 32px; + margin-bottom: 1cm; + flex-wrap: nowrap; + } } @media (prefers-color-scheme: dark) { @@ -329,4 +349,23 @@ html * font-weight: bold; text-align: center; } + + .gtk-button-pill { + position: relative; + width: auto; + height: 44px; + border-radius: 22px; + background-color: rgba(53, 132, 228, 1); + color: white; + text-decoration: none; + font-weight: bold; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + gap: 0px; + padding: 0px 32px; + margin-bottom: 1cm; + flex-wrap: nowrap; + } }