Compare commits
2 commits
879f1fd21d
...
f2431b11bc
Author | SHA1 | Date | |
---|---|---|---|
f2431b11bc | |||
befb166b09 |
3 changed files with 5 additions and 46 deletions
|
@ -70,7 +70,7 @@
|
|||
|
||||
<h3>บริการ โปรเจกต์ และคอนเทนต์</h3>
|
||||
|
||||
<div class="row">
|
||||
<div class="section">
|
||||
<a class="itemcard" style="opacity: 0.4;">
|
||||
<div class="listaction">
|
||||
<img src="icons/ttt-org-blueprint.svg" alt="behind-ttt" width="80" height="80" style="margin: 0.3cm;">
|
||||
|
@ -167,7 +167,7 @@
|
|||
|
||||
<h3>สำหรับใช้งานภายในเท่านั้น</h3>
|
||||
|
||||
<div class="row">
|
||||
<div class="section">
|
||||
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
|
||||
<div class="listaction">
|
||||
<svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">
|
||||
|
|
45
style.css
45
style.css
|
@ -64,7 +64,7 @@ h1 {
|
|||
margin-left: 0.25cm;
|
||||
}
|
||||
|
||||
.row {
|
||||
.section {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
|
||||
grid-gap: 1rem;
|
||||
|
@ -149,57 +149,16 @@ h1 {
|
|||
}
|
||||
|
||||
/* For tablet screens */
|
||||
@media only screen and (min-width: 750px) and (max-width: 1366px) {
|
||||
@media only screen and (max-width: 1366px) {
|
||||
.middle-large {
|
||||
grid-area: middle;
|
||||
width: 90vw;
|
||||
max-width: 35cm;
|
||||
}
|
||||
.itemcard {
|
||||
display: grid;
|
||||
border-radius: 12px;
|
||||
text-decoration: none;
|
||||
height: 3cm;
|
||||
transition-duration: 0.2s;
|
||||
box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);
|
||||
}
|
||||
|
||||
.itemcard-stealth {
|
||||
display: grid;
|
||||
border-radius: 12px;
|
||||
text-decoration: none;
|
||||
height: 3cm;
|
||||
transition-duration: 0.2s;
|
||||
}
|
||||
h1 {
|
||||
margin-top: 3vh;
|
||||
}
|
||||
}
|
||||
|
||||
/* For phone screens */
|
||||
@media only screen and (max-width: 750px) {
|
||||
.middle-large {
|
||||
grid-area: middle;
|
||||
width: 90vw;
|
||||
max-width: 35cm;
|
||||
}
|
||||
|
||||
.itemcard {
|
||||
display: grid;
|
||||
border-radius: 12px;
|
||||
text-decoration: none;
|
||||
height: 3cm;
|
||||
transition-duration: 0.2s;
|
||||
box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);
|
||||
}
|
||||
|
||||
.itemcard-stealth {
|
||||
display: grid;
|
||||
border-radius: 12px;
|
||||
text-decoration: none;
|
||||
height: 3cm;
|
||||
transition-duration: 0.2s;
|
||||
}
|
||||
h1 {
|
||||
margin-top: 8vh;
|
||||
}
|
||||
|
|
|
@ -48,7 +48,7 @@
|
|||
|
||||
นี่คือรายชื่อสมาชิกของพวกเราในทีมงาน TechTransThai
|
||||
|
||||
<div class="row" style="margin-top: 1cm">
|
||||
<div class="section" style="margin-top: 1cm">
|
||||
<a class="itemcard-stealth" target="_blank" rel="noopener noreferrer" href="https://latenightdef.techtransthai.org/">
|
||||
<div class="listaction">
|
||||
<img src="https://latenightdef.techtransthai.org/icons/avatar.png" alt="no-avatar" width="80" height="80" style="margin: 0.3cm; border-radius: 40px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13)">
|
||||
|
|
Loading…
Reference in a new issue