From 4b7f1cc64a9c5162c4336949f1f405f7f59fc79c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20B=C3=B6hm?= <philipp@boehm.sh>
Date: Thu, 14 Oct 2021 11:00:44 +0200
Subject: [PATCH] fixed mobile view, fixed footer links

---
 static/css/style.css  |  6 +++---
 templates/home.html   | 10 +++++-----
 templates/layout.html | 33 +++++++++++++++++++++++++++------
 templates/region.html | 10 +++++-----
 4 files changed, 40 insertions(+), 19 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 0d5a8f8..e950bb9 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -336,16 +336,16 @@ Small Screen - Mobile
     .content-item-inner2 {
         overflow-y: hidden;
         overflow-x: scroll;
-        width: 650px;
+        width: 1200px;
     }
 
     .content-item-inner4 {
-        width: 267px;
+        width: 760px;
         padding-left: 77px;
     }
 
     .content-item-inner2 ul li div:nth-of-type(1) {
-        width: 267px;
+        width: 760px;
     }
 
     .content-item-inner2 ul li div:nth-of-type(1) img {
diff --git a/templates/home.html b/templates/home.html
index f4d0610..1c667d1 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -33,10 +33,10 @@
 			   {{- end}}
 				{{$server.Name}}</a>
 			</div>
-			<div>
+			<div class="text-truncate">
 				<p>{{$server.Map}}</a>
 			</div>
-			<div>
+			<div class="text-truncate">
 				<p>{{$server.Players}}/{{$server.MaxPlayers}}</a>
 			</div>
 		</li>
@@ -64,7 +64,7 @@
       {{if ne $server.Map "Server didn't reply." -}}
 	<ul>
 		<li>
-			<div>
+			<div class="text-truncate">
 				<a href="steam://connect/{{$server.ServerIP}}">
 			   {{range $flag := $flags -}}
 				{{if eq $server.ServerIP $flag.ServerIP -}}
@@ -73,10 +73,10 @@
 			   {{- end}}
                 {{$server.Name}}</a>
             </div>
-            <div>
+			<div class="text-truncate">
                 <a href="">{{$server.Map}}</a>
             </div>
-            <div>
+			<div class="text-truncate">
                 <a href="">{{$server.Players}}/{{$server.MaxPlayers}}</a>
             </div>
         </li>
diff --git a/templates/layout.html b/templates/layout.html
index fde55a5..244ec3d 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -48,12 +48,34 @@
 					<div class="content-item">
 						<div class="content-item-inner">
 							<select onchange="location = this.value;">
-                                <option>{{.Region}}</option>
+                                {{ $region := .Region }}
+                                {{ $region }}
+                                {{ "All Regions" }}
+                                {{if eq $region "All Regions" -}}
+								<option value="/" selected>All Regions</option>
+                                {{else}}
 								<option value="/">All Regions</option>
+                                {{- end}}
+                                {{if eq $region "North America" -}}
+								<option value="/america" selected>North America</option>
+                                {{else}}
 								<option value="/america">North America</option>
+                                {{- end}}
+                                {{if eq $region "Europe" -}}
+								<option value="/europe" selected>Europe</option>
+                                {{else}}
 								<option value="/europe">Europe</option>
+                                {{- end}}
+                                {{if eq $region "Asia" -}}
+								<option value="/asia" selected>Asia</option>
+                                {{else}}
 								<option value="/asia">Asia</option>
+                                {{- end}}
+                                {{if eq $region "Australia" -}}
+								<option value="/australia" selected>Australia</option>
+                                {{else}}
 								<option value="/australia">Australia</option>
+                                {{- end}}
 							</select>
 						</div>
 						{{block "content" . -}}{{- end}}
@@ -67,11 +89,10 @@
 				<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>
+							<li><a href="https://discord.gg/MfeXJkWg5m">Add Server</a></li>
+							<li><a href="https://spenny.tf/discord">Discord</a></li>
+							<li><a href="https://spenny.tf">spenny.tf</a></li>
+							<li><a href="https://tf.gg/60348">teamfortress.tv</a></li>
 						</ul>
 						<p>© 2021 Serverlist.tf</p>
 					</div>
diff --git a/templates/region.html b/templates/region.html
index e68dac0..6ed0cdd 100644
--- a/templates/region.html
+++ b/templates/region.html
@@ -36,10 +36,10 @@
 			   {{- end}}
 				{{$server.Name}}</a>
 			</div>
-			<div>
+			<div class="text-truncate">
 				<p>{{$server.Map}}</a>
 			</div>
-			<div>
+			<div class="text-truncate">
 				<p>{{$server.Players}}/{{$server.MaxPlayers}}</a>
 			</div>
 		</li>
@@ -67,7 +67,7 @@
       {{if ne $server.Map "Server didn't reply." -}}
 	<ul>
 		<li>
-			<div>
+			<div class="text-truncate">
 				<a href="steam://connect/{{$server.ServerIP}}">
 			   {{range $flag := $flags -}}
 				{{if eq $server.ServerIP $flag.ServerIP -}}
@@ -76,10 +76,10 @@
 			   {{- end}}
                 {{$server.Name}}</a>
             </div>
-            <div>
+			<div class="text-truncate">
                 <a href="">{{$server.Map}}</a>
             </div>
-            <div>
+			<div class="text-truncate">
                 <a href="">{{$server.Players}}/{{$server.MaxPlayers}}</a>
             </div>
         </li>