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

static/style/main.scss

@@ -23,8 +23,13 @@ $red: #f38ba8;
 $green: #a6e3a1;
 $peach: #fab387;
 $blue: #89b4fa;
+$mauve: #8839ef;
 
 
+html {
+  height: 100%;
+}
+
 body {
   display: flex;
   flex-direction: column;
@@ -52,19 +57,24 @@ a {
   text-decoration: underline;
   text-decoration-color: $blue;
   text-underline-offset: 1px;
-  transition: text-underline-offset 0.3s ease;
+  transition: 0.3s ease;
 
   &:hover {
     text-underline-offset: 3px;
   }
 
   &:active {
+    transition: none !important;
     display: inline-block;
-    transform: scale(.98);
+    transform: scale(.98) !important;
   }
 
   &.block {
     text-decoration: none;
+
+    &:hover {
+      transform: scale(1.02) translateY(-.25rem);
+    }
   }
 }
 
@@ -84,10 +94,7 @@ footer {
   background-color: $crust;
   margin-top: 32px;
   padding: 16px;
-
-  div {
-    margin-right: 32px;
-  }
+  column-gap: 4ch;
 }
 
 .mono {
@@ -104,12 +111,6 @@ footer {
   }
 }
 
-.services-block {
-  display: flex;
-  flex-direction: column;
-  width: fit-content;
-}
-
 .block {
   display: block;
   background-color: $surface0;
@@ -136,17 +137,15 @@ footer {
     font-size: x-large;
 
     .icon {
-      margin-right: 8px;
-      width: 48px;
-      border-radius: 8px;
+      margin-right: .5ch;
     }
   }
 }
 
 .icon {
   width: 1.5em;
-  height: 1.5em;
   vertical-align: middle;
+  border-radius: .2em;
 }
 
 @font-face {

templates/host.html

@@ -3,10 +3,10 @@
 {% block title %}О хосте{% endblock %}
 
 {% block content %}
-  <div class="block">
-    <strong>Хостер</strong>: <a href="https://play2go.cloud/">play2go</a>
+  <a href="https://play2go.cloud/" target="_blank" class="block">
+    <strong>Хостер</strong>: play2go
     <p>Неплохой, недорогой. В прошлом были проблемы с сетью</p>
-  </div>
+  </a>
 
   <div class="block">
     <strong>Характеристики</strong>:

templates/index.html

@@ -6,20 +6,20 @@
 {% endblock %}
 
 {% block content %}
-	<div class="block">
+	<a href="https://b.codrs.ru" target="_blank" class="block">
 		<div class="header">
 			<img src="/static/icon/service/sharkey.webp" class="icon"/>
-			<a href="https://b.codrs.ru" target="_blank"><strong>Sharkey</strong></a>
+			<strong>Sharkey</strong>
 		</div>
 		<p>Федеративная микроблогинговая система поверх протокола ActivityPub</p>
-	</div>
-	<div class="block">
+	</a>
+	<a href="https://g.codrs.ru" target="_blank" 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>
+			<strong>Gitea</strong>
 		</div>
-		<p>Selhosted хранилище git-репозиториев со свободным исходным кодом</p>
-	</div>
+		<p>Selfhosted хранилище git-репозиториев со свободным исходным кодом</p>
+	</a>
 
 	<div class="block">
 		<p><a href="https://m.codrs.ru" target="_blank"><strong>Matrix</strong></a> &mdash; федеративный мессанджер</p>