⚡ glow less

rubakas · Nov 11, 2023 · 66ac783 · 66ac783
1 parent 69c1bbd
commit 66ac783
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 15 deletions.
diff --git a/src/app.css b/src/app.css
@@ -75,7 +75,7 @@
         #28282800 50%,
 
         /* transparentize(darken($screen-background, 10), 0.75) 50% */
-        #24242466 50%
+        #24242466 75%
       ),
       linear-gradient(
         90deg,
@@ -100,17 +100,17 @@
   @keyframes glow {
     from {
       text-shadow: 
-        0 0 8px #ffcc00c0, 
-        0 0 16px #ffcc0080, 
-        0 0 24px #ffb00060, 
-        0 0 32px #ffb00060;
+        0 0 8px #d69300a0, 
+        0 0 16px #d6930080, 
+        0 0 24px #d6930060,
+        0 0 32px #d6930060;
     }
     to {
       text-shadow: 
-        0 0 12px #ffcc0040,
-        0 0 24px #ffb00040, 
-        0 0 36px #ffb00040, 
-        0 0 48px #ffb00040; 
+        0 0 12px #d6930060, 
+        0 0 24px #d6930060, 
+        0 0 36px #d6930060,
+        0 0 48px #d6930060;
     }
   }
 }
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -1,6 +1,9 @@
 <article>
   <h1 class="text-center effect-glow">
-    RUBAKAS <span class="bg-vt320-amber-light animate-[pulse_0.75s_ease-in-out_infinite]">&nbsp;</span>
+    RUBAKAS <span 
+      class="bg-vt320-amber-light animate-[pulse_0.75s_ease-in-out_infinite]">
+      &nbsp;
+    </span>
   </h1>
 
   <div class="flex flex-row text-center place-content-center gap-16">
@@ -11,7 +14,7 @@
       rel="noopener"
       >
       <svg 
-        width="68.5555" height="48"
+        class="h-8 md:h-10 lg:h-12"
         xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 71.412065 50">
         <style id="style3" type="text/css">
           /* .st2{fill:#282828} */
@@ -28,17 +31,25 @@
       rel="noopener"
       >
       <svg 
-        width="49" 
-        height="48"
+        class="h-8 md:h-10 lg:h-12"
         viewBox="0 0 98 96" 
-        xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="currentColor"/></svg>
+        xmlns="http://www.w3.org/2000/svg">
+
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="currentColor"/>
+      </svg>
     </a>
 
     <a href="https://plugari.com/" alt="We made this"
       target="_blank" 
       rel="noopener"
       >
-      <svg fill="currentColor" width="48px" height="48px" viewBox="0 -64 640 640" xmlns="http://www.w3.org/2000/svg"><path d="M528 336c-48.6 0-88 39.4-88 88s39.4 88 88 88 88-39.4 88-88-39.4-88-88-88zm0 112c-13.23 0-24-10.77-24-24s10.77-24 24-24 24 10.77 24 24-10.77 24-24 24zm80-288h-64v-40.2c0-14.12 4.7-27.76 13.15-38.84 4.42-5.8 3.55-14.06-1.32-19.49L534.2 37.3c-6.66-7.45-18.32-6.92-24.7.78C490.58 60.9 480 89.81 480 119.8V160H377.67L321.58 29.14A47.914 47.914 0 0 0 277.45 0H144c-26.47 0-48 21.53-48 48v146.52c-8.63-6.73-20.96-6.46-28.89 1.47L36 227.1c-8.59 8.59-8.59 22.52 0 31.11l5.06 5.06c-4.99 9.26-8.96 18.82-11.91 28.72H22c-12.15 0-22 9.85-22 22v44c0 12.15 9.85 22 22 22h7.14c2.96 9.91 6.92 19.46 11.91 28.73l-5.06 5.06c-8.59 8.59-8.59 22.52 0 31.11L67.1 476c8.59 8.59 22.52 8.59 31.11 0l5.06-5.06c9.26 4.99 18.82 8.96 28.72 11.91V490c0 12.15 9.85 22 22 22h44c12.15 0 22-9.85 22-22v-7.14c9.9-2.95 19.46-6.92 28.72-11.91l5.06 5.06c8.59 8.59 22.52 8.59 31.11 0l31.11-31.11c8.59-8.59 8.59-22.52 0-31.11l-5.06-5.06c4.99-9.26 8.96-18.82 11.91-28.72H330c12.15 0 22-9.85 22-22v-6h80.54c21.91-28.99 56.32-48 95.46-48 18.64 0 36.07 4.61 51.8 12.2l50.82-50.82c6-6 9.37-14.14 9.37-22.63V192c.01-17.67-14.32-32-31.99-32zM176 416c-44.18 0-80-35.82-80-80s35.82-80 80-80 80 35.82 80 80-35.82 80-80 80zm22-256h-38V64h106.89l41.15 96H198z"/></svg>
+      <svg 
+        class="h-8 md:h-10 lg:h-12"
+        fill="currentColor" 
+        viewBox="0 -64 640 640" 
+        xmlns="http://www.w3.org/2000/svg">
+        <path d="M528 336c-48.6 0-88 39.4-88 88s39.4 88 88 88 88-39.4 88-88-39.4-88-88-88zm0 112c-13.23 0-24-10.77-24-24s10.77-24 24-24 24 10.77 24 24-10.77 24-24 24zm80-288h-64v-40.2c0-14.12 4.7-27.76 13.15-38.84 4.42-5.8 3.55-14.06-1.32-19.49L534.2 37.3c-6.66-7.45-18.32-6.92-24.7.78C490.58 60.9 480 89.81 480 119.8V160H377.67L321.58 29.14A47.914 47.914 0 0 0 277.45 0H144c-26.47 0-48 21.53-48 48v146.52c-8.63-6.73-20.96-6.46-28.89 1.47L36 227.1c-8.59 8.59-8.59 22.52 0 31.11l5.06 5.06c-4.99 9.26-8.96 18.82-11.91 28.72H22c-12.15 0-22 9.85-22 22v44c0 12.15 9.85 22 22 22h7.14c2.96 9.91 6.92 19.46 11.91 28.73l-5.06 5.06c-8.59 8.59-8.59 22.52 0 31.11L67.1 476c8.59 8.59 22.52 8.59 31.11 0l5.06-5.06c9.26 4.99 18.82 8.96 28.72 11.91V490c0 12.15 9.85 22 22 22h44c12.15 0 22-9.85 22-22v-7.14c9.9-2.95 19.46-6.92 28.72-11.91l5.06 5.06c8.59 8.59 22.52 8.59 31.11 0l31.11-31.11c8.59-8.59 8.59-22.52 0-31.11l-5.06-5.06c4.99-9.26 8.96-18.82 11.91-28.72H330c12.15 0 22-9.85 22-22v-6h80.54c21.91-28.99 56.32-48 95.46-48 18.64 0 36.07 4.61 51.8 12.2l50.82-50.82c6-6 9.37-14.14 9.37-22.63V192c.01-17.67-14.32-32-31.99-32zM176 416c-44.18 0-80-35.82-80-80s35.82-80 80-80 80 35.82 80 80-35.82 80-80 80zm22-256h-38V64h106.89l41.15 96H198z"/>
+      </svg>
     </a>
   </div>
 </article>  

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -47,6 +47,7 @@ export default {
         'berkeley-10-grid': '58.8235px',
         'berkeley-11-grid': '64.7059px',
         'berkeley-12-grid': '70.5882px',
+        'berkeley-16-grid': '94.1176px',
       },
       lineHeight: {
         '1': '0.25rem',