techtransthai/www.techtransthai.org
techtransthai/www.techtransthai.org
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

make all list items the same size

Browse source
This commit is contained in:
Late Night Defender 2023-11-04 03:03:30 +07:00
parent 195f30592e
commit 85b4503515
4 changed files with 38 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
latenightdef/profile.html
View file

@ -86,7 +86,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 style="text-align: right;">latenightdef, Late Night Defender, VRSasha, SashaPGT, pongpeera054</p> <p style="text-align: right;">Late Night Defender, VRSasha, SashaPGT</p>
</div> </div>
</a> </a>
<div class="separator"></div> <div class="separator"></div>
@ -151,7 +151,7 @@
<div class="list" > <div class="list" >
<a target="_blank" rel="noopener noreferrer" class="listaction" href="https://gitlab.com/openKMITL/Slides/-/raw/main/Improving%20accessibility%20data%20on%20OpenStreetMap.pdf"> <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; 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.4cm; 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 class="description">Bangkok Open Source Hackathon, 2023</p> <p class="description">Bangkok Open Source Hackathon, 2023</p>

18
latenightdef/work-kmitl.html
View file

@ -26,9 +26,9 @@
<div class="list" style="margin-top: 1.5cm;"> <div class="list" style="margin-top: 1.5cm;">
<a target="_blank" rel="noopener noreferrer" class="listaction" href="https://github.com/worachote1/QUIC-GEAR"> <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://github.com/worachote1/QUIC-GEAR">
<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.4cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
<div> <div>
<p>QUICGEAR - A gaming trading and auction platform</p> <p>QUICGEAR - A gaming gear trading and auction platform</p>
<p class="description">PRINCIPLE OF SOFTWARE DEVELOPMENT PROCESS, 2023</p> <p class="description">PRINCIPLE OF SOFTWARE DEVELOPMENT PROCESS, 2023</p>
</div> </div>
</div> </div>
@ -36,7 +36,7 @@
</a> </a>
<div class="separator"></div> <div class="separator"></div>
<a target="_blank" rel="noopener noreferrer" class="listaction" href="https://gitlab.com/latenightdef/language-learning-flashcards"> <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://gitlab.com/latenightdef/language-learning-flashcards">
<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.4cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
<div> <div>
<p>Language Learning Flashcards</p> <p>Language Learning Flashcards</p>
<p class="description">THEORY OF COMPUTATION, 2023</p> <p class="description">THEORY OF COMPUTATION, 2023</p>
@ -46,7 +46,7 @@
</a> </a>
<div class="separator"></div> <div class="separator"></div>
<a target="_blank" rel="noopener noreferrer" class="listaction" href="https://github.com/SaranthornP/KMITLFOOD_miniproject"> <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://github.com/SaranthornP/KMITLFOOD_miniproject">
<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.4cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
<div> <div>
<p>KMITLfood - Food delivery platform</p> <p>KMITLfood - Food delivery platform</p>
<p class="description">WEB APPPLICATION DEVELOPMENT, 2023</p> <p class="description">WEB APPPLICATION DEVELOPMENT, 2023</p>
@ -57,9 +57,9 @@
<div class="separator"></div> <div class="separator"></div>
<a target="_blank" rel="noopener noreferrer" class="listaction" href="https://inv.techtransthai.org/XsBgzaa-Iq8"> <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://inv.techtransthai.org/XsBgzaa-Iq8">
<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.4cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
<div> <div>
<p>ServerTricks: เซ็ตอัปเซิร์ฟเวอร์ของเราด้วย Fedora Server Edition</p> <p>ServerTricks: Setting up our server with Fedora Server Edition</p>
<p class="description">SYSTEM PLATFORM ADMINISTRATION, 2022</p> <p class="description">SYSTEM PLATFORM ADMINISTRATION, 2022</p>
</div> </div>
</div> </div>
@ -69,7 +69,7 @@
<div class="separator"></div> <div class="separator"></div>
<a target="_blank" rel="noopener noreferrer" class="listaction" href="https://github.com/latenightdef/LibreDog"> <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://github.com/latenightdef/LibreDog">
<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.4cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
<div> <div>
<p>LibreDog - A web browser written in Java</p> <p>LibreDog - A web browser written in Java</p>
<p class="description">OBJECT ORIENTED PROGRAMMING, 2022</p> <p class="description">OBJECT ORIENTED PROGRAMMING, 2022</p>
@ -80,9 +80,9 @@
<div class="separator"></div> <div class="separator"></div>
<a target="_blank" rel="noopener noreferrer" class="listaction" href="https://codeberg.org/latenightdef/cursedsnakegame"> <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://codeberg.org/latenightdef/cursedsnakegame">
<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.4cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
<div> <div>
<p>CursedSnakeGame - เกมงูที่เขียนด้วย C++ และ (n)curses</p> <p>CursedSnakeGame - A snake game in C++ and (n)curses</p>
<p class="description">PROGRAMMING FUNDAMENTALS, 2021</p> <p class="description">PROGRAMMING FUNDAMENTALS, 2021</p>
</div> </div>
</div> </div>

12
latenightdef/work-others.html
View file

@ -26,7 +26,7 @@
<div class="list" style="margin-top: 1.5cm;"> <div class="list" style="margin-top: 1.5cm;">
<a target="_blank" rel="noopener noreferrer" class="listaction" href="https://codeberg.org/latenightdef/ttt-org"> <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://codeberg.org/latenightdef/ttt-org">
<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.4cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
<div> <div>
<p>Web development in plain HTML and CSS</p> <p>Web development in plain HTML and CSS</p>
<p class="description">TechTransThai</p> <p class="description">TechTransThai</p>
@ -36,7 +36,7 @@
</a> </a>
<div class="separator"></div> <div class="separator"></div>
<a target="_blank" rel="noopener noreferrer" class="listaction" href="https://www.techtransthai.org"> <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://www.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 style="display: flex; margin-left: 0.5cm; margin-top: -0.4cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
<div> <div>
<p>Public services hosting with Podman/Docker</p> <p>Public services hosting with Podman/Docker</p>
<p class="description">TechTransThai</p> <p class="description">TechTransThai</p>
@ -46,7 +46,7 @@
</a> </a>
<div class="separator"></div> <div class="separator"></div>
<a target="_blank" rel="noopener noreferrer" class="listaction" href="https://compute4change.wordpress.com"> <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://compute4change.wordpress.com">
<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.4cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
<div> <div>
<p>This Week in BOINC articles and the BOINC team</p> <p>This Week in BOINC articles and the BOINC team</p>
<p class="description">TechTransThai - Compute4Change</p> <p class="description">TechTransThai - Compute4Change</p>
@ -56,7 +56,7 @@
</a> </a>
<div class="separator"></div> <div class="separator"></div>
<a target="_blank" rel="noopener noreferrer" class="listaction" href="https://little-lines.techtransthai.org/"> <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://little-lines.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 style="display: flex; margin-left: 0.5cm; margin-top: -0.4cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
<div> <div>
<p>Little Lines hosting</p> <p>Little Lines hosting</p>
<p class="description">openKMITL & OpenTech Thailand Community</p> <p class="description">openKMITL & OpenTech Thailand Community</p>
@ -66,7 +66,7 @@
</a> </a>
<div class="separator"></div> <div class="separator"></div>
<a target="_blank" rel="noopener noreferrer" class="listaction" href="https://commonvoice.mozilla.org/th/dashboard/stats"> <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://commonvoice.mozilla.org/th/dashboard/stats">
<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.4cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
<div> <div>
<p>10,000+ clips validated for Thai language</p> <p>10,000+ clips validated for Thai language</p>
<p class="description">Mozilla Common Voice</p> <p class="description">Mozilla Common Voice</p>
@ -76,7 +76,7 @@
</a> </a>
<div class="separator"></div> <div class="separator"></div>
<a target="_blank" rel="noopener noreferrer" class="listaction" href="https://www.openstreetmap.org/user/latenightdef"> <a target="_blank" rel="noopener noreferrer" class="listaction" href="https://www.openstreetmap.org/user/latenightdef">
<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.4cm; margin-bottom: -0.2cm; align-items: center; justify-content: left">
<div> <div>
<p>19,000+ Map changes</p> <p>19,000+ Map changes</p>
<p class="description">OpenStreetMap</p> <p class="description">OpenStreetMap</p>

36
style.css
View file

@ -41,7 +41,6 @@ html *
.description { .description {
font-size: 10pt; font-size: 10pt;
margin-top: -0.3cm; margin-top: -0.3cm;
margin-bottom: 0.5cm;
opacity: 0.5; opacity: 0.5;
} }
@ -127,6 +126,16 @@ html *
text-decoration: none; text-decoration: none;
color: black; color: black;
align-items: center; align-items: center;
height: 1.5cm;
}
.listinfo {
display: grid;
grid-template-columns: 1fr 2fr;
text-decoration: none;
color: black;
align-items: center;
height: 1.5cm;
} }
.topbar { .topbar {
@ -141,13 +150,6 @@ html *
z-index: 10; z-index: 10;
} }
.listinfo {
display: grid;
grid-template-columns: 1fr 2fr;
text-decoration: none;
color: black;
align-items: center;
}
.backbutton { .backbutton {
position: absolute; position: absolute;
@ -267,6 +269,16 @@ html *
text-decoration: none; text-decoration: none;
color: #ffffff; color: #ffffff;
align-items: center; align-items: center;
height: 1.5cm;
}
.listinfo {
display: grid;
grid-template-columns: 1fr 2fr;
text-decoration: none;
color: #ffffff;
align-items: center;
height: 1.5cm;
} }
.topbar { .topbar {
@ -281,13 +293,7 @@ html *
z-index: 10; z-index: 10;
} }
.listinfo {
display: grid;
grid-template-columns: 1fr 2fr;
text-decoration: none;
color: #ffffff;
align-items: center;
}
.backbutton { .backbutton {
position: absolute; position: absolute;