Compare commits
2 commits
270d7d7887
...
4768cad8eb
Author | SHA1 | Date | |
---|---|---|---|
4768cad8eb | |||
cfdf6a6c9b |
2 changed files with 68 additions and 3 deletions
|
@ -46,11 +46,11 @@
|
||||||
|
|
||||||
<div class="middle-large">
|
<div class="middle-large">
|
||||||
|
|
||||||
<h1>เทคทรานส์ไทย 🏳️⚧️ 🇹🇭</h1>
|
<h1>เทคทรานส์ไทย</h1>
|
||||||
|
|
||||||
<p>ชุมชนเทคโนโลยีสำหรับคนข้ามเพศและพันธมิตรในประเทศไทย เราให้ความสำคัญกับซอฟต์แวร์เสรี การกระจายศูนย์ ข้อมูลและมาตรฐานเปิด</p>
|
<p>ชุมชนเทคโนโลยีสำหรับคนข้ามเพศและพันธมิตรในประเทศไทย เราให้ความสำคัญกับซอฟต์แวร์เสรี การกระจายศูนย์ ข้อมูลและมาตรฐานเปิด</p>
|
||||||
|
|
||||||
<p>กด Ctrl+F หรือ Command-F เพื่อค้นหาในหน้านี้</p>
|
<p class="emojidecorations">💻 🏳️⚧️ 🇹🇭</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
65
style.css
|
@ -6,6 +6,13 @@ 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;
|
||||||
|
@ -148,6 +155,59 @@ html *
|
||||||
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;
|
||||||
|
@ -189,7 +249,12 @@ html *
|
||||||
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) {
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue