un-curse

Mover CSS para uma variável, usar uma div só
gelos-icmc · Jun 19, 2024 · 43d26e4 · 43d26e4 · gelos-bot · Jun 19, 2024
1 parent 2c62dbb
commit 43d26e4
Show file tree

Hide file tree

Showing 2 changed files with 70 additions and 76 deletions.
diff --git a/src/_layouts/root.html b/src/_layouts/root.html
@@ -27,6 +27,9 @@
     {% else %}
     <meta property="og:type" content="website"/>
     {% endif %}
+    <style>
+      {{ page.extra_css }}
+    </style>
   </head>
   <body>
     {{ content }}

diff --git a/src/_members/luana.mkdn b/src/_members/luana.mkdn
@@ -4,92 +4,83 @@ description: Meooooow! 🧜‍♀️🏳️‍🌈
 email: neder@usp.br
 site: luana.dev.br
 nusp: 13836963
----
+extra_css: |
+    :root {
+        --background-color: black;
+        --text-color: DarkSeaGreen;
+        --link-color: pink;
+    }
 
+    body {
+        margin: 0;
+        background-color: var(--background-color);
+        color: var(--text-color);
+    }
 
-🏳️‍🌈 Oiieeee! 🏳️‍🌈 Eu sou a  
+    #rotating {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        height: 50vh;
+        overflow: hidden;
+    }
 
+    #rotating p {
+        font-size: 4em;
+        font-family: Arial, sans-serif;
+        animation: rotate 5s linear infinite, color-change 10s linear infinite;
+    }
 
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Rotating Colorful Text</title>
-    <style>
-        :root {
-            --background-color: black;
-            --text-color: DarkSeaGreen;
-            --link-color: pink;
-        }
-        
-        body {
-            margin: 0;
-            background-color: var(--background-color);
-            color: var(--text-color);
+    @keyframes rotate {
+        from {
+            transform: rotate(0deg);
         }
-        
-        #main-content {
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
-            height: 50vh;
-            overflow: hidden;
+        to {
+            transform: rotate(360deg);
         }
-        
-        #rotating-text {
-            font-size: 4em;
-            font-family: Arial, sans-serif;
-            animation: rotate 5s linear infinite, color-change 10s linear infinite;
+    }
+
+    @keyframes color-change {
+        0% {
+            color: red;
         }
-        
-        @keyframes rotate {
-            from {
-                transform: rotate(0deg);
-            }
-            to {
-                transform: rotate(360deg);
-            }
+        25% {
+            color: yellow;
         }
-        
-        @keyframes color-change {
-            0% {
-                color: red;
-            }
-            25% {
-                color: yellow;
-            }
-            50% {
-                color: green;
-            }
-            75% {
-                color: blue;
-            }
-            100% {
-                color: red;
-            }
+        50% {
+            color: green;
         }
-        
-        header, nav, footer {
-            color: var(--text-color);
+        75% {
+            color: blue;
         }
-        
-        a {
-            color: var(--link-color);
+        100% {
+            color: red;
         }
-    </style>
-</head>
-<body>
-    <div id="main-content">
-        <div id="rotating-text">🏳️‍🌈 Luana 🏳️‍🌈</div>
-    </div>
-</body>
+    }
+
+    header, nav, footer {
+        color: var(--text-color);
+    }
+
+    a {
+        color: var(--link-color);
+    }
+---
+
+
+🏳️‍🌈 Oiieeee! 🏳️‍🌈 Eu sou a
+
+<div id="rotating">
+    <p>🏳️‍🌈 Luana 🏳️‍🌈</p>
+</div>
+
+Estudo Física Computacional aqui no IFSC-USP, sou lésbica, futura furry e sereia 🧜‍♀️
+
+Eu gosto muito de Linux, especialmente Linux não-GNU, do Fediverso e de coisas ✨open source✨ em geral!
+
+Também amo sereias, nadar, jogar videojogos (Gaming on Linux!!) e cozinhar (e estudar a relação entre cozinha e ciência e open source).
+
+Quero eventualmente fazer uma WM Wayland, mas por hora estou procrastinando então uso Compiz de desktop (no NixOS).
 
-Estudo Física Computacional aqui no IFSC-USP, sou lésbica, futura furry e sereia 🧜‍♀️  
-
-Eu gosto muito de Linux, especialmente Linux não-GNU, do Fediverso e de coisas ✨open source✨ em geral!  
-
-Também amo sereias, nadar, jogar videojogos (Gaming on Linux!!) e cozinhar (e estudar a relação entre cozinha e ciência e open source).  
-
-Quero eventualmente fazer uma WM Wayland, mas por hora estou procrastinando então uso Compiz de desktop (no NixOS).  
-
 Talvez mais sobre mim no <a href="https://{{ page.site }}"><u>meu site e blog</u></a>!