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

Improves typography and buttons

Browse source
This commit is contained in:
Late Night Defender 2023-07-25 23:04:31 +07:00
parent f1ab39ed99
commit c07b85f143
2 changed files with 56 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
index.html
View file

@ -1,13 +1,39 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body> <body>
<p >Welcome to TechTransThai</p>
<a href="https://video.techtransthai.org/">Invidious</a> <div>
<a href="https://test.techtransthai.org/">LibreSpeed</a> <div></div>
<a href="https://cloud.techtransthai.org/">Nextcloud</a> <h1>TechTransThai</h1>
<h2>Services</h2>
<div></div>
</div>
<div>
<h3 class="h3">Invidious</h3>
<p class="text">An open source alternative front-end to YouTube</p>
<a href="https://video.techtransthai.org/" class="button">Visit</a>
<h3 class="h3">LibreSpeed</h3>
<p class="text">Free and Open Source Speedtest</p>
<a href="https://test.techtransthai.org/" class="button">Visit</a>
<h3 class="h3">Nextcloud</h3>
<p class="text">A safe home for all your data</p>
<a href="https://cloud.techtransthai.org/" class="button">Visit</a>
</div>
<p class="text">Version DATE-VERSION</p>
<a href="https://status.techtransthai.org/status/techtransthai">Service status</a> <a href="https://status.techtransthai.org/status/techtransthai">Service status</a>
<p >Version DATE-VERSION</p>
</body> </body>
</html> </html>

25
style.css Normal file
View file

@ -0,0 +1,25 @@
html *
{
font-family: Cantarell, sans-serif;
}
.button {
background-color: #EBEBEB;
color: black;
border: none;
border-radius: 8px;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
font-size: 16px;
font-family: Cantarell, sans-serif;
margin: 4px 2px;
cursor: pointer;
width: 100px;
height: 40px;
transition-duration: 0.2s;
}
.button:hover {
background-color: #E0E0E0;
}