release

css/sidebar.css

@@ -98,4 +98,50 @@ iframe {
     bottom: 60px;
     filter: drop-shadow(0 0 0 #fff5);
     opacity: 0;
+}
+alert {
+  border-radius: 4px;
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  width: 40%;
+  justify-content: center;
+  align-items: center;
+  padding: 8px;
+  color: white;
+  background-color: color-mix(in srgb, #d46c6c 80%, #00000000 20%);
+	backdrop-filter: blur(2px);
+  box-shadow: 0 0 10px #d46c6c;
+  left: 50%;
+  transform: translateX(-50%);
+  animation: fadeIn 1s ease-in-out forwards, fadeOut 1s ease-in-out forwards 14s;
+  cursor: pointer;
+}
+alert h1 {
+  font-size: 20px;
+  margin: 0;
+}
+alert p {
+  font-size: 16px;
+  margin: 0;
+}
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+    top: -50px;
+  }
+  100% {
+    opacity: 1;
+    top: 10px;
+  }
+}
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+    top: 10px;
+  }
+  100% {
+    opacity: 0;
+    top: -50px;
+  }
 }