Update profile
This commit is contained in:
parent
7adcef6fb2
commit
6d7e090c73
3 changed files with 86 additions and 32 deletions
|
|
@ -44,50 +44,57 @@
|
|||
</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">
|
||||
|
||||
|
|
@ -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>
|
||||
<div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right;">
|
||||
<p>...</p>
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -36,7 +36,15 @@ html *
|
|||
grid-template-columns: 3cm 1fr 3cm;
|
||||
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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue