Update /us

blueprints/risdeveau/static/style/risdeveau.scss

@@ -78,3 +78,17 @@ table, tbody {
     }
   }
 }
+
+#pie:hover {
+  animation: rotateY-animation 2s linear infinite;
+  transform-style: preserve-3d;
+
+  @keyframes rotateY-animation {
+    to {
+      transform: rotateY(0deg);
+    }
+    from {
+      transform: rotateY(360deg);
+    }
+  }
+}

blueprints/risdeveau/templates/index.html

@@ -51,4 +51,19 @@
       </tr>
     </table>
   </div>
+
+  <div class="88-31">
+    <a href="https://chest.lair.moe" class="disabled">
+      <img src="/static/img/88x31/gf.png"/>
+    </a>
+    <a href="https://preview.about.akarpov.ru" id="pie">
+      <img src="/static/img/88x31/withpie.gif"/>
+    </a>
+  </div>
+  <div class="88-31">
+    <a href="https://g.lair.moe/Sweetbread/nixos-config">
+      <img src="/static/img/88x31/nixos.webp"/>
+    </a>
+    <img src="/static/img/88x31/teto.webp"/>
+  </div>
 {% endblock %}

blueprints/root/static/style/main.scss

@@ -206,6 +206,27 @@ footer {
   }
 }
 
+.\38 8-31 {
+  margin-top: 2rem;
+  display: flex;
+  justify-content: center;
+
+  & + & {
+    margin-top: 0;
+  }
+
+  img {
+    width: 88px;
+    height: 31px;
+    transition-timing-function: ease-out;
+    transition-duration: .2s;
+
+    &:hover {
+      transform: scale(1.5);
+    }
+  }
+}
+
 .disabled {
   opacity: 50%;
   cursor: not-allowed;

blueprints/root/templates/us.html

@@ -11,15 +11,7 @@
     Главный админ, занимается почти всеми сервисами. Создал этот сайт
   </a>
 
-  <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="block orange disabled">
     <div class="header">
       <img src="/static/icon/us/chest.webp" class="icon"/>
       Chest