Update profile

This commit is contained in:
Late Night Defender 2023-09-14 02:13:44 +07:00
parent 7adcef6fb2
commit 6d7e090c73
3 changed files with 86 additions and 32 deletions

View file

@ -44,51 +44,58 @@
</div>
<div class="header">
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/status/techtransthai" class="headerbutton">
<a target="_blank" rel="noopener noreferrer" href="https://weblate.org" class="headerbutton">
Weblate
</a>
<a target="_blank" rel="noopener noreferrer" href="https://en.wikipedia.org/wiki/HTML" class="headerbutton">
HTML
</a>
<a target="_blank" rel="noopener noreferrer" href="https://en.wikipedia.org/wiki/CSS" class="headerbutton">
CSS
</a>
<a target="_blank" rel="noopener noreferrer" href="https://www.openstreetmap.org" class="headerbutton">
OpenStreetMap
</a>
<a target="_blank" rel="noopener noreferrer" href="https://boinc.berkeley.edu" class="headerbutton">
BOINC
</a>
</div>
<div class="header">
<a target="_blank" rel="noopener noreferrer" href="https://penpot.app" class="headerbutton">
Penpot
</a>
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/status/techtransthai" class="headerbutton">
<a target="_blank" rel="noopener noreferrer" href="https://kdenlive.org" class="headerbutton">
Kdenlive
</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.libreoffice.org" class="headerbutton">
LibreOffice
</a>
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/status/techtransthai" class="headerbutton">
<a target="_blank" rel="noopener noreferrer" href="https://krita.org/en" class="headerbutton">
Krita
</a>
<a target="_blank" rel="noopener noreferrer" href="https://codeberg.org/latenightdef/ttt-org" class="headerbutton">
<a target="_blank" rel="noopener noreferrer" href="https://inkscape.org" class="headerbutton">
Inkscape
</a>
</div>
<div class="header">
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/status/techtransthai" class="headerbutton">
<a target="_blank" rel="noopener noreferrer" href="https://gitlab.com" class="headerbutton">
GitLab CI/CD
</a>
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/status/techtransthai" class="headerbutton">
OpenStreetMap
<a class="headerbutton">
Web hosting
</a>
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/status/techtransthai" class="headerbutton">
BOINC
<a class="headerbutton">
DDNS
</a>
<a target="_blank" rel="noopener noreferrer" href="https://www.cloudflare.com" class="headerbutton">
Cloudflare
</a>
</div>
<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">
HTML
</a>
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/status/techtransthai" class="headerbutton">
CSS
</a>
</div>
<div class="grid-container">
<div class="middle">
@ -101,7 +108,7 @@
<p>Also known as</p>
</div>
<div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5">
<p>latenightdef, Late Night Defender, VRSasha, SashaPGT, pongpeera054</p>
<p style="text-align: right;">latenightdef, Late Night Defender, VRSasha, SashaPGT, pongpeera054</p>
</div>
</a>
<div class="separator"></div>
@ -131,19 +138,52 @@
<p>Bangkok, Thailand</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>Favorite colors</p>
</div>
<div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5">
<div style="background-color: #000000; width: 1.5cm; height: 1cm; border-radius: 0.1cm; margin-left: 0.1cm;"></div>
<div style="background-color: #000000; width: 1.5cm; height: 1cm; border-radius: 0.1cm; margin-left: 0.1cm;"></div>
<div style="background-color: #000000; width: 1.5cm; height: 1cm; border-radius: 0.1cm; margin-left: 0.1cm;"></div>
<div style="background-color: #000000; width: 1.5cm; height: 1cm; border-radius: 0.1cm; margin-left: 0.1cm;"></div>
</div>
</a>
</div>
<h3>Works & contributions as a student at KMITL (2021-now)</h3>
<div class="list" >
<a class="listinfo">
<div style="display: flex; margin-left: 0.5cm; align-items: center; justify-content: left;">
<p>...</p>
<a target="_blank" rel="noopener noreferrer" class="listaction" href="https://quicgear.techtransthai.org">
<div style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
<div>
<p>QUICGEAR - A gaming trading and auction platform</p>
<p class="description">PRINCIPLE OF SOFTWARE DEVELOPMENT PROCESS, 2023</p>
</div>
<div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right;">
<p>...</p>
</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>
<div class="separator"></div>
<a target="_blank" rel="noopener noreferrer" class="listaction" href="https://quicgear.techtransthai.org">
<div style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
<div>
<p>Language Learning Flashcards</p>
<p class="description">THEORY OF COMPUTATION, 2023</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>
</a>
<div class="separator"></div>
<a target="_blank" rel="noopener noreferrer" class="listaction" href="https://quicgear.techtransthai.org">
<div style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
<div>
<p>KMITLfood - Food delivery platform</p>
<p class="description">WEB APPPLICATION DEVELOPMENT, 2023</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>
</a>
</div>
@ -169,7 +209,7 @@
<div style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
<div>
<p>Improving accessibility data on OpenStreetMap</p>
<p style="margin-top: -0.3cm; opacity: 0.5">Bangkok Open Source Hackathon, 2023</p>
<p class="description">Bangkok Open Source Hackathon, 2023</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>

View file

@ -37,6 +37,14 @@ html *
grid-template-areas:
'inner-left inner-middle inner-right'
}
.description {
font-size: 10pt;
margin-top: -0.3cm;
margin-bottom: 0.5cm;
opacity: 0.5;
}
@media (prefers-color-scheme: light) {
body {

View file

@ -25,6 +25,10 @@ html *
grid-template-areas:
'inner-left inner-middle inner-right'
}
.description {
font-size: medium;
}
@media (prefers-color-scheme: light) {
body {
@ -159,6 +163,7 @@ html *
font-weight: bold;
padding: 0.2cm;
border-radius:10px;
text-align: center;
}
}
@ -296,5 +301,6 @@ html *
font-weight: bold;
padding: 0.2cm;
border-radius:10px;
text-align: center;
}
}