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

@ -7,71 +7,90 @@
{{ $gamemodesCount := .GamemodeCount}}
{{ $servers := .Servers}}
{{ $flags := .Flags}}
<div class="container mx-auto px-4 sm:px-8">
<div class="py-8">
<div>
<h2 class="text-2xl font-semibold leading-tight text-white">{{.Region}}</h2>
{{range $gamemode := $gamemodes -}}
{{range $gamemodeCount := $gamemodesCount -}}
{{if eq $gamemode.ID $gamemodeCount.ID -}}
<div class="content-item-inner2 d-none d-md-block">
<div class="content-item-inner3">
<div class="content-item-inner4">
<h2>{{$gamemode.Name}}</h2>
</div>
{{range $gamemode := $gamemodes -}}
{{range $gamemodeCount := $gamemodesCount -}}
{{if eq $gamemode.ID $gamemodeCount.ID -}}
<div class="-mx-4 sm:-mx-8 px-4 sm:px-8 py-4 overflow-x-auto">
<div class="inline-block min-w-full shadow rounded-lg overflow-hidden">
<table class="min-w-full leading-normal">
<thead>
<tr>
<th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
</th>
<th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
{{$gamemode.Name}}
</th>
<th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
Map
</th>
<th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
Players
</th>
</tr>
</thead>
<tbody>
{{range $server := $servers -}}
{{if eq $gamemode.ID $server.GamemodeID -}}
{{if ne $server.Map "Server didn't reply." -}}
<tr id="content">
<td class="px-5 border-b border-gray-200 bg-white" id="flag">
{{range $flag := $flags -}}
{{if eq $server.ServerIP $flag.ServerIP -}}
<img src="https://flagcdn.com/16x12/{{$flag.Flag}}.png" srcset="https://flagcdn.com/32x24/{{$flag.Flag}}.png 2x, https://flagcdn.com/48x36/{{$flag.Flag}}.png 3x" width="16" height="12">
{{- end}}
{{- end}}
</td>
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm" id="name">
<div class="flex items-center">
<div class="ml-3">
<a href="steam://connect/{{$server.ServerIP}}" class="text-gray-900 whitespace-no-wrap">{{$server.Name}}</a>
</div>
</div>
</td>
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
<p class="text-gray-900 whitespace-no-wrap">{{$server.Map}}</p>
</td>
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
<p class="text-gray-900 whitespace-no-wrap">{{$server.Players}}/{{$server.MaxPlayers}}</p>
</td>
</tr>
{{- end}}
{{- end}}
{{- end}}
</tbody>
</table>
<div class="content-item-inner5">
<h2>Map</h2>
</div>
<div class="content-item-inner6">
<h2>Players</h2>
</div>
</div>
<ul>
{{range $server := $servers -}}
{{if eq $gamemode.ID $server.GamemodeID -}}
{{if ne $server.Map "Server didn't reply." -}}
<li>
<div class="text-truncate">
<a href="steam://connect/{{$server.ServerIP}}">
{{range $flag := $flags -}}
{{if eq $server.ServerIP $flag.ServerIP -}}
<img src="https://flagcdn.com/w40/{{$flag.Flag}}.png" srcset="https://flagcdn.com/w80/{{$flag.Flag}}.png" 2x>
{{- end}}
{{- end}}
{{$server.Name}}</a>
</div>
<div>
<p>{{$server.Map}}</a>
</div>
<div>
<p>{{$server.Players}}/{{$server.MaxPlayers}}</a>
</div>
</li>
{{- end}}
{{- end}}
{{- end}}
</ul>
</div>
<!-- for mobile -->
<div class="table-responsive">
<div class="content-item-inner2 d-md-none">
<div class="content-item-inner3">
<div class="content-item-inner4">
<h2>{{$gamemode.Name}}</h2>
</div>
<div class="content-item-inner5">
<h2>Map</h2>
</div>
<div class="content-item-inner6">
<h2>Players</h2>
</div>
</div>
{{range $server := $servers -}}
{{if eq $gamemode.ID $server.GamemodeID -}}
{{if ne $server.Map "Server didn't reply." -}}
<ul>
<li>
<div>
<a href="steam://connect/{{$server.ServerIP}}">
{{range $flag := $flags -}}
{{if eq $server.ServerIP $flag.ServerIP -}}
<img src="https://flagcdn.com/w40/{{$flag.Flag}}.png" srcset="https://flagcdn.com/w80/{{$flag.Flag}}.png" 2x>
{{- end}}
{{- end}}
{{$server.Name}}</a>
</div>
</div>
{{- end}}
{{- end}}
{{- end}}
<div>
<a href="">{{$server.Map}}</a>
</div>
<div>
<a href="">{{$server.Players}}/{{$server.MaxPlayers}}</a>
</div>
</li>
</ul>
{{- end}}
{{- end}}
{{- end}}
</div>
</div>
</section>
{{- end}}
{{- end}}
{{- end}}
{{end}}