add go back page

This commit is contained in:
Late Night Defender 2024-03-28 02:03:06 +07:00
parent 48c8157a89
commit cbffbecd3d
2 changed files with 64 additions and 0 deletions

27
comingsoon.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
<title>Coming soon!</title>
<link rel="icon" type="image/png" href="icons/ttt-org.png">
</head>
<body>
<div class="header" >
<img src="icons/ttt-org.png" alt="TTT Logo" width="128" height="128">
</div>
<div class="logo" style="display: flex; align-items: center; justify-content: center;">
<h1>Coming soon!</h1>
</div>
<div class="header">
<a href="https://www.techtransthai.org" class="gtk-button-pill">Go back</a>
</div>
</body>
</html>

View file

@ -5,6 +5,7 @@ html *
font-family: Cantarell, sans-serif; font-family: Cantarell, sans-serif;
} }
.header { .header {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -185,6 +186,24 @@ html *
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
.gtk-button-pill {
position: relative;
width: auto;
height: 44px;
border-radius: 22px;
background-color: rgba(53, 132, 228, 1);
color: white;
text-decoration: none;
font-weight: bold;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 0px;
padding: 0px 32px;
flex-wrap: nowrap;
}
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@ -329,4 +348,22 @@ html *
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
.gtk-button-pill {
position: relative;
width: auto;
height: 44px;
border-radius: 22px;
background-color: rgba(53, 132, 228, 1);
color: white;
text-decoration: none;
font-weight: bold;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 0px;
padding: 0px 32px;
flex-wrap: nowrap;
}
} }