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

add theming for works by type buttons
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
Late Night Defender 2025-03-25 04:13:03 +07:00
parent 62835099a0
commit 83e8d3af37
5 changed files with 399 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

22
works/index.html
View file

@ -56,10 +56,10 @@
<h3>DevOps</h3>
</div>
</a>
<a class="itemcard-works" href="/works/sysadmin" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%,rgba(60, 60, 60, 0) 100%);">
<a class="itemcard-works" href="/works/sysadmin" style="background: linear-gradient(to bottom, rgb(28, 113, 216) 0%,rgb(129, 61, 156) 100%);">
<div class="listaction">
<!-- <img src="resources/icons/applocalization.svg" width="36" height="36" style="margin: 0.3cm;"> -->
<h3>SysAdmin</h3>
<img src="/icons/sysadmin.svg" width="36" height="36" style="margin: 0.3cm;">
<h3 style="color: white;">SysAdmin</h3>
</div>
</a>
<a class="itemcard-works" href="/works/uidesign" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%,rgba(60, 60, 60, 0) 100%);">
@ -74,9 +74,9 @@
<h3>Icon Design</h3>
</div>
</a> -->
<a class="itemcard-works" href="/works/opendata" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%,rgba(60, 60, 60, 0) 100%);">
<a class="itemcard-works" href="/works/opendata" style="background: linear-gradient(to bottom, rgb(246, 211, 45) 0%,rgb(255, 120, 0) 100%);">
<div class="listaction">
<!-- <img src="resources/icons/mappingthailand.svg" width="36" height="36" style="margin: 0.3cm;"> -->
<img src="/icons/opendata.svg" width="36" height="36" style="margin: 0.3cm;">
<h3>Open Data</h3>
</div>
</a>
@ -92,16 +92,16 @@
<h3>Code</h3>
</div>
</a>
<a class="itemcard-works" href="/works/docs" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%,rgba(60, 60, 60, 0) 100%);">
<a class="itemcard-works" href="/works/docs" style="background: linear-gradient(to bottom, rgb(46, 194, 126) 0%,rgb(28, 113, 216) 100%);">
<div class="listaction">
<!-- <img src="resources/icons/openvoice.svg" width="36" height="36" style="margin: 0.3cm;"> -->
<h3>Documentation</h3>
<img src="/icons/docs.svg" width="36" height="36" style="margin: 0.3cm;">
<h3 style="color: white;">Documentation</h3>
</div>
</a>
<a class="itemcard-works" href="/works/video" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%,rgba(60, 60, 60, 0) 100%);">
<a class="itemcard-works" href="/works/video" style="background: linear-gradient(to bottom, rgb(224, 27, 36) 0%,rgb(165, 29, 45) 100%);">
<div class="listaction">
<!-- <img src="resources/icons/openvoice.svg" width="36" height="36" style="margin: 0.3cm;"> -->
<h3>Video</h3>
<img src="/icons/video.svg" width="36" height="36" style="margin: 0.3cm;">
<h3 style="color: white;">Video</h3>
</div>
</a>
<a class="itemcard-works" href="/works/other" style="background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%,rgba(60, 60, 60, 0) 100%);">