fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! restyle

templates/header.tmpl

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

templates/host.html

@@ -1,6 +1,6 @@
 <html>
 <head>
-  <title>Хост - Coders Squad</title>
+  <title>Coders Squad</title>
 
   <link rel="stylesheet" href="/static/style/main.css">
   <script src="/static/sript/copy-mono.js"> </script>
@@ -9,7 +9,7 @@
 <body>
   {% include 'header.tmpl' %}
 
-  <h1>О сервере</h1>
+  <h1>О хосте</h1>
 
   <main>
     <div class="block">

templates/services.tmpl

@@ -1,12 +1,16 @@
 <div class="block">
-	<div>
-		<div><a href="https://b.codrs.ru" target="_blank"><strong>Sharkey</strong></a></div>
-		<p>Федеративная микроблогинговая система поверх протокола ActivityPub</p>
+	<div class="header">
+		<img src="/static/icon/service/sharkey.webp" class="icon"/>
+		<a href="https://b.codrs.ru" target="_blank"><strong>Sharkey</strong></a>
 	</div>
-	<div>
-		<div><a href="https://g.codrs.ru" target="_blank"><strong>Gitea</strong></a></div>
-		<p>Selhosted хранилище git-репозиториев со свободным исходным кодом</p>
+	<p>Федеративная микроблогинговая система поверх протокола ActivityPub</p>
+</div>
+<div class="block">
+	<div class="header">
+		<img src="/static/icon/service/gitea.webp" class="icon"/>
+		<a href="https://g.codrs.ru" target="_blank"><strong>Gitea</strong></a>
 	</div>
+	<p>Selhosted хранилище git-репозиториев со свободным исходным кодом</p>
 </div>
 
 <div class="block">

templates/us.html

@@ -0,0 +1,40 @@
+<html>
+<head>
+  <title>Coders Squad</title>
+
+  <link rel="stylesheet" href="/static/style/main.css">
+  <script src="/static/sript/copy-mono.js"> </script>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+<body>
+  {% include 'header.tmpl' %}
+
+  <h1>О нас</h1>
+
+  <main>
+    <div class="block green"><a href="#">
+      <div class="header">
+        <img src="/static/icon/us/risdeveau.webp" class="icon"/>
+        Sweetbread
+      </div>
+      Главный админ, занимается почти всеми сервисами. Создал этот сайт
+    </a></div>
+
+    <div class="block red">
+      <div class="header">
+        <img src="/static/icon/us/zxcqirara.webp" class="icon"/>
+        zxcqirara
+      </div>
+      Второй админ, занимается майном и VPN
+    </div>
+
+    <div class="block orange">
+      <div class="header">
+        <img src="/static/icon/us/chest.webp" class="icon"/>
+        Chest
+      </div>
+      Должна была помогать делать этот сайт
+    </div>
+  </main>
+</body>
+</html>