z0x/home.arpa
Code Actions

speestest-tracker

Browse source
This commit is contained in:
z0x 2024-11-10 14:31:55 -05:00
parent 537615936c
commit 6274fee2a9
2 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
public/img/speedtest-tracker.svg Normal file
View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-5">
<path d="M11.983 1.907a.75.75 0 0 0-1.292-.657l-8.5 9.5A.75.75 0 0 0 2.75 12h6.572l-1.305 6.093a.75.75 0 0 0 1.292.657l8.5-9.5A.75.75 0 0 0 17.25 8h-6.572l1.305-6.093Z" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 278 B

10
src/pages/index.astro
View file

@ -2,13 +2,13 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Homepage</title> <title>Homepage</title>
<link rel="icon" type="image/x-icon" sizes="192x192" href="/img/favicon.svg" /> <link rel="icon" type="image/x-icon" sizes="192x192" href="/img/favicon.svg" />
<link rel="icon" type="image/png" sizes="192x192" href="/img/favicon.svg" /> <link rel="icon" type="image/png" sizes="192x192" href="/img/favicon.svg" />
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/img/favicon.svg" /> <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/img/favicon.svg" />
</head> </head>
<body class="flex items-center justify-center min-h-screen overflow-hidden bg-gradient-to-r from-gray-600 via-gray-400 to-gray-600"> <body class="flex items-center justify-center min-h-screen p-4 bg-gradient-to-r from-gray-600 via-gray-400 to-gray-600">
<div class="grid grid-cols-2 md:grid-cols-4 gap-4"> <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
<a href="https://owncloud.home.arpa" target="_blank"> <a href="https://owncloud.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition"> <div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
@ -118,6 +118,12 @@
<span class="text-black">Grafana</span> <span class="text-black">Grafana</span>
</div> </div>
</a> </a>
<a href="https://speedtest-tracker.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
<img alt="Grafana" class="sm:w-12 w-10 aspect-square" src="/img/speedtest-tracker.svg" />
<span class="text-black">Speedtest</span>
</div>
</a>
</div> </div>
</body> </body>
</html> </html>