fixup! fixup! fixup! fixup! fixup! restyle

templates/header.tmpl

@@ -1,10 +1,18 @@
 <header>
 	<div class="header-links">
-		<a href="#">О нас</a>
-		<a href="#">О сервере</a>
+		{%- for (l, t) in (
+			('#', 'О нас'),
+			(url_for('host'), 'О сервере')
+		)  %}
+			{%- if l == request.path %}
+				<strong>{{ t }}</strong>
+			{%- else %}
+				<a href="{{ l }}">{{ t }}</a>
+			{%- endif %}
+		{%- endfor %}
 	</div>
 
 	{%- if request.path != url_for('index') %}
 		<a href="{{ url_for('index') }}">Coders Squad</a>
-	{% endif %}
+	{%- endif %}
 </header>

templates/host.html

@@ -0,0 +1,29 @@
+<html>
+<head>
+  <title>Хост - Coders Squad</title>
+
+  <link rel="stylesheet" href="/static/style/main.css">
+  <script src="/static/sript/copy-mono.js"> </script>
+</head>
+<body>
+  {% include 'header.tmpl' %}
+
+  <h1>О сервере</h1>
+
+  <div class="block">
+    <strong>Хостер</strong>: <a href="https://play2go.cloud/">play2go</a>
+    <p>Неплохой, недорогой. В прошлом были проблемы с сетью</p>
+  </div>
+
+  <div class="block">
+    <strong>Характеристики</strong>:
+    <ul>
+      <li>CPU: Ryzen i9</li>
+      <li>RAM: 16 GiB</li>
+      <li>SSD: 120 GiB</li>
+      <li>ETH: 500GiB/s</li>
+      <li>Loc: Deutchland, Frankfurt am Mein</li>
+    </ul>
+  </div>
+</body>
+</html>

templates/services.tmpl

@@ -1,5 +1,5 @@
 <div class="services-block">
-	<div class="services">
+	<div class="block">
 		<div>
 			<div><a href="https://b.codrs.ru"><strong>Sharkey</strong></a></div>
 			<p>Федеративная микроблогинговая система поверх протокола ActivityPub</p>
@@ -10,13 +10,13 @@
 		</div>
 	</div>
 
-	<div class="services">
+	<div class="block">
 		<p><a href="https://m.codrs.ru"><strong>Matrix</strong></a> &mdash; федеративный мессанджер</p>
 		<p><a href="https://c.codrs.ru"><strong>Copyparty</strong></a> &mdash; облачное хранилище файлов</p>
 		<p><a href="https://s.codrs.ru"><strong>4get</strong></a> &mdash; прокси-поисковик</p>
 	</div>
 
-	<div class="services">
+	<div class="block">
 		<div>
 			<strong>DNS</strong>:
 			<ul>
@@ -31,7 +31,7 @@
 		</div>
 	</div>
 
-	<div class="services">
+	<div class="block">
 		Ещё у нас есть <a href="https://bug.codrs.ru"><strong>GlitchTip</strong></a> и <a href="https://dav.codrs.ru"><strong>Baikal</strong></a> для участников нашей группы!
 	</div>
 </div>