an

blyxyas · Sep 18, 2024 · 20de7f7 · 20de7f7
1 parent f7e4175
commit 20de7f7
Show file tree

Hide file tree

Showing 6 changed files with 202 additions and 10 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,5 @@
 ltex*
 resources
 public
-.vscode/
+.vscode/
+*.piko
diff --git a/layouts/_default/home.html b/layouts/_default/home.html
@@ -1,9 +1,9 @@
-{{ define "main" }}
-  {{ .Content }}
-  {{ range site.RegularPages }}
-    <div class="home-el">
-      <h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
-      <p>{{ .Summary }}</p>
-    </div>
-  {{ end }}
-{{ end }}
+{{ define "main" }} {{ .Content }} {{ range site.RegularPages }}
+{{ if .Param "hidden" }}{{else}}
+<div class="home-el">
+    <h2>
+        <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
+    </h2>
+    <p>{{ .Summary }}</p>
+</div>
+{{ end }} {{ end }} {{ end }}
diff --git a/static/aniversario.css b/static/aniversario.css
@@ -0,0 +1,131 @@
+@font-face {
+    font-family: NeueWorld-Regular;
+    src: url("/fonts/NeueWorld-Regular.ttf");
+  }
+
+  @font-face {
+    font-family: NeueWorld-Bold;
+    src: url("/fonts/NeueWorld-Bold.ttf");
+  }
+
+
+body {
+    padding: 0;
+    margin: 0;
+    background-color: rgb(121, 7, 228);
+}
+
+.loading {
+    background-color: #000000;
+    width: 100vw;
+    height: 100vh;
+    position: absolute;
+    display: grid;
+    place-items: center;
+    animation: lift 8s ease-in forwards;
+
+}
+
+.gatuncho {
+    font-size: 128px;
+    display: flex;
+    text-shadow: -6px -6px 0 #000, 6px -6px 0 #000, -6px 6px 0 #000, 6px 6px 0 #000;
+}
+
+.progress {
+--progress: 0%;
+
+width: 30%;
+height: 50px;
+border: 1px solid #fff;
+box-shadow: 0 0 10px #aaa;
+}
+
+.progress .bar {
+width: 0;
+height: 100%;
+background: linear-gradient(gold, #c85, gold);
+background-repeat: repeat;
+box-shadow: 0 0 10px 0px orange;
+animation: 
+    shine 4s ease-in infinite,
+    end 1s ease-out 1,
+    completion 6s ease-in-out forwards;
+transition: width 3s ease;
+}
+
+@keyframes shine {
+0% { background-position: 0 0; }
+100% { background-position: 0 50px; }
+}
+
+@keyframes end {
+0%, 100% { box-shadow: 0 0 10px 0px orange; }
+50% { box-shadow: 0 0 15px 5px orange; }
+}
+
+@keyframes completion {
+    from {
+        width: 0;
+    }
+    to {
+        width: 100%;
+    }
+}
+
+@keyframes lift {
+    0% {
+        top: 0;
+    }
+    70% {
+        top: 0;
+    }
+    100% {
+        top: -1000vh;
+    }
+}
+
+.real {
+    z-index: -1;
+    background-image: url("https://assets.codepen.io/1468070/Star+Pattern+3.svg");
+    background-size: 10%;
+    animation: pan 60s infinite;
+}
+
+@keyframes pan {
+    0% {
+      background-position: 0% 0%;
+    }
+    100% {
+      background-position: 100% -15%;
+    }
+  }
+
+.anivideo {
+    width: 100vw;
+    height: 100vh;
+    animation: fade 8s forwards;
+    border-image: url("https://jenkov.com/images/css/border-image.png");
+}
+
+@keyframes fade {
+    0% { opacity: 0%;}
+    70% { opacity: 0%;}
+    100% { opacity: 100%;}
+}
+
+.texto{
+    font-size: 14px;
+    color: white;
+    position: absolute;
+    font-family: NeueWorld-Regular;
+}
+
+.texto b {
+    font-family: NeueWorld-Bold;
+
+}
+
+.texto p {
+  font-family: "Libre Franklin";
+}
diff --git a/static/aniversario.html b/static/aniversario.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="/aniversario.css">
+    <title>Document</title>
+<link href="https://fonts.googleapis.com/css2?family=Libre+Franklin&display=swap" rel="stylesheet">
+
+</head>
+<body>
+    <div class="loading">
+        <div class="gatuncho">🐙</div>
+        <div class="progress">
+            <div class="bar">
+              <div class="progress-value"></div>
+            </div>
+          </div>
+    </div>
+    <div class="real">
+      <video autoplay class="anivideo">
+        <source src="anivideo.mp4" type="video/mp4">
+      </video>
+      <div class="texto">
+        <h1>Marramiau</h1>
+
+        <p>
+        Holis, Pulpincha. Veo que ya has encontrado mi escondite! Jejeje :3
+
+        <br>
+        <img width="50%" src="toga.gif"></img>
+        <br>
+        Bueno, ahora que me has encontrado confesaré supongo que dare un discurso sobre lo bonito que es el amor y esas cosas. Miau miau 💮<br><br>
+
+        Ay ay ay plupeixon, cuantas cosas hemos pasado. Cuantas risas nos
+        hemos echado haciendo bobaliconadas en nuestro coral, cuantas veces hemos
+        dicho "hoy soy una almeja" y nos hemos quedado vagueando viendo alguna pelicula,
+        cuantas veces hemos ido a cuidar de la otra, para repararnos en esta relacion
+        simbiotica que tenemos.
+
+        <br>
+        <br>
+
+        Plupincha, en nuestra relacion yo soy el hongo y tu el alga, tu el
+        camarón y yo el gobio (un pez), yo la anemona y tu el cangrejo
+        ermitaño. Ya no hace falta que hable de peces payaso jsjsjsjs :3 quewoche
+
+        <img style="display: inline;" src="https://media.tenor.com/kIKcVxo4-vAAAAAi/joel-spin.gif"></img><img style="display:inline" src="https://media.tenor.com/qYFGFQIYTJEAAAAi/joel-spin.gif"></img>
+
+        <br><br>coño si el gif está roto xd
+        <br>
+        <br>
+
+        Ahora dame un bechito, que nunca me has dado uno :3 (Seguramente alguna de las dos estemos llorando ahora mismo)
+      </p>
+      <div style="width:100%;height:0;padding-bottom:85%;position:relative;"><iframe src="https://giphy.com/embed/I3FV47ePeP28w" width="100%" height="100%" style="position:absolute" frameBorder="0" class="giphy-embed" allowFullScreen></iframe></div>
+      </div>
+    </div>
+</body>
+</html>
diff --git a/static/anivideo.mp4 b/static/anivideo.mp4
diff --git a/static/toga.gif b/static/toga.gif