Add 88x31

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;