steamServer/templates/layout.html

104 lines
4.3 KiB
HTML

<!DOCTYPE html>
<html class="bg-gray-800" lang="en"><head>
{{block "title" . -}}{{- end}}
<meta http-equiv="content-Type" content="text/html; utf-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta name="robots" content="INDEX,FOLLOW" />
<meta http-equiv="content-Language" content="en" />
<meta name="description" content="Serverlist for competitive Team Fortress 2 players" />
<meta name="keywords" content="tf2, tf, serverlist, team, fortress, 2" />
<meta name="page-type" content="Game" />
<meta name="page-topic" content="Team Fortress 2" />
<meta http-equiv="Reply-to" content="" />
<meta name="expires" content="" />
<meta name="revisit-after" content="2 days" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>
<link href="https://unpkg.com/tailwindcss@1.0.4/dist/tailwind.min.css" rel="stylesheet">
<script async defer data-website-id="084ca01d-5337-4f12-8932-3033addbc175" src="https://a.v0v.de/t.js"></script>
<script defer data-domain="serverlist.tf" src="https://t.v0v.de/js/t.js"></script>
<style>
tr#content {
line-height: 0;
}
td#flag {
padding-right: 0;
}
td#name {
padding-left: 0;
}
</style>
</head>
<body class="max-w-screen-xl px-4 py-12 mx-auto space-y-8 sm:px-6 lg:px-8 bg-gray-800">
<section class="container mx-auto px-8 my-1 flex flex-wrap -m-4">
<div class="p-2 md:w-40">
<a href="/" class="flex items-center p-4 bg-blue-200 rounded-lg shadow-xs cursor-pointer hover:bg-blue-500 hover:text-gray-100">
<div>
<p class=" text-xs font-medium ">All Regions</p>
</div>
</a>
</div>
<div class="p-2 md:w-40">
<a href="/america" class="flex items-center p-4 bg-blue-200 rounded-lg shadow-xs cursor-pointer hover:bg-blue-500 hover:text-gray-100">
<div>
<p class=" text-xs font-medium ">North America</p>
</div>
</a>
</div>
<div class="p-2 md:w-40">
<a href="/europe" class="flex items-center p-4 bg-blue-200 rounded-lg shadow-xs cursor-pointer hover:bg-blue-500 hover:text-gray-100">
<div>
<p class=" text-xs font-medium ">Europe</p>
</div>
</a>
</div>
<div class="p-2 md:w-40">
<a href="/australia" class="flex items-center p-4 bg-blue-200 rounded-lg shadow-xs cursor-pointer hover:bg-blue-500 hover:text-gray-100">
<div>
<p class=" text-xs font-medium ">Australia</p>
</div>
</a>
</div>
<div class="p-2 md:w-40">
<a href="/asia" class="flex items-center p-4 bg-blue-200 rounded-lg shadow-xs cursor-pointer hover:bg-blue-500 hover:text-gray-100">
<div>
<p class=" text-xs font-medium ">Asia</p>
</div>
</a>
</div>
{{block "content" . -}}{{- end}}
</body>
<!-- Foooter -->
<section class="bg-white rounded-lg">
<div class="max-w-screen-xl px-4 py-12 mx-auto space-y-8 overflow-hidden sm:px-6 lg:px-8">
<nav class="flex flex-wrap justify-center -mx-5 -my-2">
<div class="px-5 py-2">
<a href="https://discord.gg/MfeXJkWg5m" class="text-base leading-6 text-gray-500 hover:text-gray-900">
Add server
</a>
</div>
<div class="px-5 py-2">
<a href="https://spenny.tf/discord" class="text-base leading-6 text-gray-500 hover:text-gray-900">
Discord
</a>
</div>
<div class="px-5 py-2">
<a href="https://spenny.tf" class="text-base leading-6 text-gray-500 hover:text-gray-900">
spenny.tf
</a>
</div>
<div class="px-5 py-2">
<a href="https://www.teamfortress.tv/60348" class="text-base leading-6 text-gray-500 hover:text-gray-900">
teamfortress.tv
</a>
</div>
</nav>
<p class="mt-8 text-base leading-6 text-center text-gray-400">
© 2021 Serverlist.tf
</p>
</div>
</section>
</html>