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

Add banner system again
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
Late Night Defender 2024-11-09 05:54:53 +07:00
parent 66aca45c88
commit 82ba712394
2 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
index.html
View file

@ -35,10 +35,11 @@
</div> </div>
<div class="header" style="margin-top: 2cm;"> <div class="header" style="margin-top: 2cm;">
<!-- <div class="banner">
📢 Announcement goes here
</div> -->
</div> </div>
<div class="grid-container"> <div class="grid-container">
<div class="middle-large"> <div class="middle-large">

12
style.css
View file

@ -28,6 +28,15 @@ h1 {margin-top: 3vh;}
align-items: center; align-items: center;
} }
.banner {
width: 90%;
text-align: center;
font-weight: bold;
padding: 0.2cm;
border-radius:10px;
}
.name { .name {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -238,6 +247,7 @@ h1 {margin-top: 3vh;}
/* For phone screens */ /* For phone screens */
@media only screen and (max-width: 750px) { @media only screen and (max-width: 750px) {
h1 {margin-top: 8vh;} h1 {margin-top: 8vh;}
.banner {margin-top: 1cm;}
} }
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
@ -255,6 +265,7 @@ h1 {margin-top: 3vh;}
.itemcard-stealth:hover {background-color: #e0e0e0;} .itemcard-stealth:hover {background-color: #e0e0e0;}
.infocard {background-color: var(--white);} .infocard {background-color: var(--white);}
.separator {background-color: rgba(237, 237, 237, 1);} .separator {background-color: rgba(237, 237, 237, 1);}
.banner {background-color: #BFD7F3;}
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@ -269,4 +280,5 @@ h1 {margin-top: 3vh;}
.itemcard-stealth:hover {background-color: #4a4a4a;} .itemcard-stealth:hover {background-color: #4a4a4a;}
.infocard {background-color: #303030;} .infocard {background-color: #303030;}
.separator {background-color: #232323;} .separator {background-color: #232323;}
.banner {background-color: #29415E;}
} }