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

Compare commits

base: techtransthai:4768cad8ebdb69f3102f342301e0e9ac71692643
Branches Tags
techtransthai:main
techtransthai:classic-design
..
compare: techtransthai:270d7d7887c1378cda540c087c5737900a7b7de0
Branches Tags
techtransthai:main
techtransthai:classic-design

No commits in common. "4768cad8ebdb69f3102f342301e0e9ac71692643" and "270d7d7887c1378cda540c087c5737900a7b7de0" have entirely different histories.
4768cad8eb ... 270d7d7887

2 changed files with 3 additions and 68 deletions
Show stats Expand all files Collapse all files

6
index.html
View file

@ -46,11 +46,11 @@
<div class="middle-large"> <div class="middle-large">
<h1>เทคทรานส์ไทย</h1> <h1>เทคทรานส์ไทย 🏳️‍⚧️ 🇹🇭</h1>
<p>ชุมชนเทคโนโลยีสำหรับคนข้ามเพศและพันธมิตรในประเทศไทย เราให้ความสำคัญกับซอฟต์แวร์เสรี การกระจายศูนย์ ข้อมูลและมาตรฐานเปิด</p> <p>ชุมชนเทคโนโลยีสำหรับคนข้ามเพศและพันธมิตรในประเทศไทย เราให้ความสำคัญกับซอฟต์แวร์เสรี การกระจายศูนย์ ข้อมูลและมาตรฐานเปิด</p>
<p class="emojidecorations">💻 🏳️‍⚧️ 🇹🇭</p> <p>กด Ctrl+F หรือ Command-F เพื่อค้นหาในหน้านี้</p>
<div style="margin-top: 1cm; margin-bottom: 1cm; "> <div style="margin-top: 1cm; margin-bottom: 1cm; ">
<a class="gtk-button" target="_blank" rel="noopener noreferrer" href="https://f-social.techtransthai.org/@techtransthai"> <a class="gtk-button" target="_blank" rel="noopener noreferrer" href="https://f-social.techtransthai.org/@techtransthai">
@ -68,7 +68,7 @@
</div> </div>
<h3>บริการ โปรเจกต์ และคอนเทนต์</h3> <h3>บริการ โปรเจกต์ และคอนเทนต์ของเรา</h3>
<div class="row"> <div class="row">
<a class="itemcard" style="opacity: 0.4;"> <a class="itemcard" style="opacity: 0.4;">

65
style.css
View file

@ -6,13 +6,6 @@ html *
font-family: Inter, Cantarell, sans-serif; font-family: Inter, Cantarell, sans-serif;
} }
p {
font-size: 11pt;
}
h1 {
margin-top: 3vh;
}
.centerscreen { .centerscreen {
height: 100vh; height: 100vh;
display: flex; display: flex;
@ -155,59 +148,6 @@ h1 {
align-items: center; align-items: center;
} }
.emojidecorations {
font-size: 16pt;
text-align: center;
}
/* For tablet screens */
@media only screen and (min-width: 750px) and (max-width: 1366px) {
.middle-large {
grid-area: middle;
width: 90vw;
max-width: 35cm;
}
.row {
display: flex;
flex-direction: column;
}
.itemcard {
display: grid;
border-radius: 12px;
text-decoration: none;
margin-bottom: 0.5cm;
height: 3cm;
min-width: 6cm;
width: 100%;
transition-duration: 0.2s;
box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);
}
.itemcard-placeholder {
display: grid;
border-radius: 12px;
text-decoration: none;
margin-bottom: 0.5cm;
min-height: 3cm;
min-width: 6cm;
width: 100%
}
.itemcard-stealth {
display: grid;
border-radius: 12px;
text-decoration: none;
margin-bottom: 0.5cm;
height: 3cm;
min-width: 6cm;
width: 100%;
transition-duration: 0.2s;
}
h1 {
margin-top: 3vh;
}
}
/* For phone screens */
@media only screen and (max-width: 750px) { @media only screen and (max-width: 750px) {
.middle-large { .middle-large {
grid-area: middle; grid-area: middle;
@ -249,12 +189,7 @@ h1 {
width: 100%; width: 100%;
transition-duration: 0.2s; transition-duration: 0.2s;
} }
h1 {
margin-top: 8vh;
} }
}
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {