Add basic information

This commit is contained in:
Late Night Defender 2023-09-10 17:09:45 +07:00
parent d81af92178
commit 7adcef6fb2
5 changed files with 60 additions and 28 deletions

View file

@ -26,7 +26,7 @@
<div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;"> <div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;">
<p>เบราว์เซอร์</p> <p>เบราว์เซอร์</p>
</div> </div>
<div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right;"> <div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5">
<p id="browser-display"></p> <p id="browser-display"></p>
</div> </div>
</a> </a>
@ -37,7 +37,7 @@
<div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;"> <div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;">
<p>ระบบปฏิบัติการ</p> <p>ระบบปฏิบัติการ</p>
</div> </div>
<div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right;"> <div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5">
<p id="os-display"></p> <p id="os-display"></p>
</div> </div>
</a> </a>

View file

@ -254,7 +254,7 @@
<p>Linux, BOINC and OSM nerd จากประเทศไทย</p> <p>Linux, BOINC and OSM nerd จากประเทศไทย</p>
</div> </div>
<div> <div>
<a target="_blank" rel="noopener noreferrer" href="latenightdef/profile.html" class="button" rel="me">Profile...</a> <a href="latenightdef/profile.html" class="button" rel="me">Profile...</a>
</div> </div>
</div> </div>
</div> </div>

View file

@ -33,7 +33,7 @@
<div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;"> <div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;">
<p>หมายเลข IPv4</p> <p>หมายเลข IPv4</p>
</div> </div>
<div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right;"> <div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5">
<p id="userip"></p> <p id="userip"></p>
</div> </div>
</a> </a>

View file

@ -22,23 +22,23 @@
<img src="../icons/latenightdef.jpg" alt="latenightdef" width="160" height="160" style="border-radius: 80px"> <img src="../icons/latenightdef.jpg" alt="latenightdef" width="160" height="160" style="border-radius: 80px">
</div> </div>
<div class="name"> <div class="name">
<h1>Pongpeera Wongprasitthiporn</h1> <h1 class="logo">Pongpeera Wongprasitthiporn</h1>
</div> </div>
<div class="header"> <div class="header">
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton"> <a target="_blank" rel="noopener noreferrer" href="https://kernel.org" class="headerbutton">
Linux Linux
</a> </a>
<a target="_blank" rel="noopener noreferrer" href="https://codeberg.org/latenightdef/ttt-org" class="headerbutton"> <a target="_blank" rel="noopener noreferrer" href="https://www.qemu.org" class="headerbutton">
QEMU/KVM QEMU/KVM
</a> </a>
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/status/techtransthai" class="headerbutton"> <a target="_blank" rel="noopener noreferrer" href="https://podman.io" class="headerbutton">
Podman Podman
</a> </a>
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/status/techtransthai" class="headerbutton"> <a target="_blank" rel="noopener noreferrer" href="https://www.networkmanager.dev" class="headerbutton">
NetworkManager NetworkManager
</a> </a>
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton"> <a target="_blank" rel="noopener noreferrer" href="https://flatpak.org" class="headerbutton">
Flatpak Flatpak
</a> </a>
</div> </div>
@ -76,6 +76,9 @@
</div> </div>
<div class="header"> <div class="header">
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/status/techtransthai" class="headerbutton">
Weblate
</a>
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/status/techtransthai" class="headerbutton"> <a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/status/techtransthai" class="headerbutton">
HTML HTML
</a> </a>
@ -92,17 +95,46 @@
<h3>Basic information</h3> <h3>Basic information</h3>
<div class="list" > <div class="list" >
<a class="listinfo"> <a class="listinfo">
<div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;"> <div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;">
<p>...</p> <p>Also known as</p>
</div> </div>
<div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right;"> <div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5">
<p>...</p> <p>latenightdef, Late Night Defender, VRSasha, SashaPGT, pongpeera054</p>
</div> </div>
</a> </a>
<div class="separator"></div>
<a class="listinfo">
<div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;">
<p>Pronouns</p>
</div>
<div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5">
<p>she/they</p>
</div>
</a>
<div class="separator"></div>
<a class="listinfo">
<div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;">
<p>MBTI</p>
</div>
<div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5">
<p>ESTJ</p>
</div>
</a>
<div class="separator"></div>
<a class="listinfo">
<div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;">
<p>Location</p>
</div>
<div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5">
<p>Bangkok, Thailand</p>
</div>
</a>
</div> </div>
<h3>My work as a student at KMITL (2021-now)</h3> <h3>Works & contributions as a student at KMITL (2021-now)</h3>
<div class="list" > <div class="list" >
<a class="listinfo"> <a class="listinfo">
@ -116,7 +148,7 @@
</div> </div>
<h3>Other work</h3> <h3>Other works</h3>
<div class="list" > <div class="list" >
<a class="listinfo"> <a class="listinfo">
@ -130,31 +162,31 @@
</div> </div>
<h3>Talks</h3> <h3>Talks</h3>
<div class="list" > <div class="list" >
<a class="listinfo"> <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://gitlab.com/openKMITL/Slides/-/raw/main/Improving%20accessibility%20data%20on%20OpenStreetMap.pdf">
<div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;"> <div style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
<p>...</p> <div>
</div> <p>Improving accessibility data on OpenStreetMap</p>
<div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right;"> <p style="margin-top: -0.3cm; opacity: 0.5">Bangkok Open Source Hackathon, 2023</p>
<p>...</p> </div>
</div> </div>
<svg class="feather feather-external-link" viewBox="0 0 24 24" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg>
</a> </a>
</div> </div>
<h3>Contact</h3> <h3>Links/Contact</h3>
<div class="list" > <div class="list" >
<a target="_blank" rel="noopener noreferrer" class="listaction" href="https://t.me/latenightdef"> <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://t.me/latenightdef">
<div style="display: flex; margin-left: 0.5cm; align-items: center;"> <div style="display: flex; margin-left: 0.5cm; align-items: center; ">
<p>Telegram</p> <p>Telegram</p>
</div> </div>
<svg class="feather feather-external-link" viewBox="0 0 24 24" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg> <svg class="feather feather-external-link" viewBox="0 0 24 24" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg>
</a> </a>
<div class="separator"></div> <div class="separator"></div>

View file

@ -123,7 +123,7 @@ html *
.listinfo { .listinfo {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 2fr;
text-decoration: none; text-decoration: none;
color: black; color: black;
align-items: center; align-items: center;
@ -260,7 +260,7 @@ html *
.listinfo { .listinfo {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 2fr;
text-decoration: none; text-decoration: none;
color: #ffffff; color: #ffffff;
align-items: center; align-items: center;