Update profile
This commit is contained in:
parent
7adcef6fb2
commit
6d7e090c73
|
@ -44,51 +44,58 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="header">
|
<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
|
Penpot
|
||||||
</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://kdenlive.org" class="headerbutton">
|
||||||
Kdenlive
|
Kdenlive
|
||||||
</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.libreoffice.org" class="headerbutton">
|
||||||
LibreOffice
|
LibreOffice
|
||||||
</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://krita.org/en" class="headerbutton">
|
||||||
Krita
|
Krita
|
||||||
</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://inkscape.org" class="headerbutton">
|
||||||
Inkscape
|
Inkscape
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="header">
|
<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
|
GitLab CI/CD
|
||||||
</a>
|
</a>
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/status/techtransthai" class="headerbutton">
|
<a class="headerbutton">
|
||||||
OpenStreetMap
|
Web hosting
|
||||||
</a>
|
</a>
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/status/techtransthai" class="headerbutton">
|
<a class="headerbutton">
|
||||||
BOINC
|
DDNS
|
||||||
|
</a>
|
||||||
|
<a target="_blank" rel="noopener noreferrer" href="https://www.cloudflare.com" class="headerbutton">
|
||||||
|
Cloudflare
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
</div>
|
</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="grid-container">
|
||||||
|
|
||||||
<div class="middle">
|
<div class="middle">
|
||||||
|
@ -101,7 +108,7 @@
|
||||||
<p>Also known as</p>
|
<p>Also known as</p>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: flex; margin-right: 0.5cm; align-items: center; justify-content: right; opacity: 0.5">
|
<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>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="separator"></div>
|
<div class="separator"></div>
|
||||||
|
@ -131,19 +138,52 @@
|
||||||
<p>Bangkok, Thailand</p>
|
<p>Bangkok, Thailand</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>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>
|
</div>
|
||||||
<h3>Works & contributions 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 target="_blank" rel="noopener noreferrer" class="listaction" href="https://quicgear.techtransthai.org">
|
||||||
<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>
|
||||||
|
<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>
|
|
||||||
</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>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>
|
</a>
|
||||||
|
|
||||||
</div>
|
</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 style="display: flex; margin-left: 0.5cm; margin-top: -0.2cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
|
||||||
<div>
|
<div>
|
||||||
<p>Improving accessibility data on OpenStreetMap</p>
|
<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>
|
||||||
</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>
|
||||||
|
|
|
@ -37,6 +37,14 @@ html *
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
'inner-left inner-middle inner-right'
|
'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) {
|
@media (prefers-color-scheme: light) {
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
|
|
@ -25,6 +25,10 @@ html *
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
'inner-left inner-middle inner-right'
|
'inner-left inner-middle inner-right'
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.description {
|
||||||
|
font-size: medium;
|
||||||
|
}
|
||||||
@media (prefers-color-scheme: light) {
|
@media (prefers-color-scheme: light) {
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
@ -159,6 +163,7 @@ html *
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding: 0.2cm;
|
padding: 0.2cm;
|
||||||
border-radius:10px;
|
border-radius:10px;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -296,5 +301,6 @@ html *
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding: 0.2cm;
|
padding: 0.2cm;
|
||||||
border-radius:10px;
|
border-radius:10px;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue