Merge pull request #170 from ryuuart:ryuuart/issue165

Add manawave text styles
ryuuart · Aug 11, 2023 · d4f57ff · d4f57ff
2 parents feecff2 + e4b83f7
commit d4f57ff
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/web/src/components/home/hero/Hero.astro b/web/src/components/home/hero/Hero.astro
@@ -9,9 +9,9 @@ import Primordia from "./Primordia.astro";
   <div class="spacer"></div>
   <div class="cta-desc">
     <p>
-      MANAWAVE is a controllable, configurable, and omnidirectional marquee
-      defined with only HTML & CSS. It has zero dependencies and is built on
-      vanilla JavaScript.
+      <span class="manawave-text">Manawave</span> is a controllable, configurable,
+      and omnidirectional marquee defined with only HTML & CSS. It has zero dependencies
+      and is built on vanilla JavaScript.
     </p>
   </div>
   <div class="cta">

diff --git a/web/src/pages/index.astro b/web/src/pages/index.astro
@@ -43,4 +43,12 @@ import Spacer from "../components/home/Spacer.astro";
   .front-1 {
     z-index: 1;
   }
+
+  span.manawave-text {
+    font-family: "PP Migra", serif;
+    font-weight: 800;
+    font-style: italic;
+
+    text-transform: uppercase;
+  }
 </style>