redesign the site
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Philipp 2021-10-13 21:23:08 +02:00
parent c36e6b1947
commit 5a72d919d0
7 changed files with 10667 additions and 227 deletions

View file

@ -1,103 +1,83 @@
<!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>
<!DOCTYPE html>
<html lang="en-US">
<head>
<!-- Meta setup -->
{{block "title" . -}}{{- end}}
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="content-Type" content="text/html; utf-8" />
<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" />
<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>
{{block "title" . -}}{{- end}}
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<main class="main-wrapper">
<!-- header-area start -->
<header class="header-area">
<div class="container">
<div class="header-item">
<a href="//serverlist.tf">Serverlist.tf</a>
</div>
</div>
</header>
<!-- header-area end -->
<!-- content-area start -->
<div class="content-area">
<div class="container">
<div class="content-item">
<div class="content-item-inner">
<select onchange="location = this.value;">
<option>{{.Region}}</option>
<option value="/">All Regions</option>
<option value="/america">North America</option>
<option value="/europe">Europe</option>
<option value="/asia">Asia</option>
<option value="/australia">Australia</option>
</select>
</div>
{{block "content" . -}}{{- end}}
</div>
</div>
</div>
<!-- content-area end -->
<!-- footer-area start -->
<footer class="footer-area">
<div class="container">
<div class="footer-item">
<ul>
<li><a href="#">Imprint</a></li>
<li><a href="#">Add Server</a></li>
<li><a href="#">Discord</a></li>
<li><a href="#">spenny.tf</a></li>
<li><a href="#">teamfortress.tv</a></li>
</ul>
<p>© 2021 Serverlist.tf</p>
</div>
</div>
</footer>
<!-- footer-area end -->
</main>
</body>
</html>