add go back page
This commit is contained in:
parent
48c8157a89
commit
cbffbecd3d
2 changed files with 64 additions and 0 deletions
27
comingsoon.html
Normal file
27
comingsoon.html
Normal 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>
|
37
style.css
37
style.css
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue