JFRA-10: Add new Flag component.

Radapls · Mar 6, 2025 · 81e20e2 · 81e20e2
1 parent 9fc4d83
commit 81e20e2
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/src/components/Flag.astro b/src/components/Flag.astro
@@ -0,0 +1,24 @@
+---
+
+---
+<section class="quote-container container">
+    ENTER AS A ESTRANGER. LEAVE AS A FRIEND
+  </section>
+
+<style>
+    .quote-container {
+        background-color: #711389;
+        padding: 0.5rem;
+        border: solid 0.5rem #EBA614;
+        color: #EEE2C6;
+        font-weight: bold;
+        text-decoration: none;
+        font-family: sans-serif;
+        line-height: normal;
+        font-size: 1.875rem;
+        text-align: center;
+        outline: solid 1px #b47e0f;
+        text-shadow: 0 0 1px #c9bfa0;
+        text-wrap: balance;
+    }
+</style>
diff --git a/src/pages/[lang]/index.astro b/src/pages/[lang]/index.astro
@@ -10,6 +10,7 @@ import Portfolio from "@sections/Portfolio.astro";
 import ContactMe from "@sections/ContactMe.astro";
 import CTA from "@sections/CTA.astro";
 import Skills from "@sections/Skills.astro";
+import Flag from "@components/Flag.astro";
 
 export const getStaticPaths = () =>
   Object.keys(LOCALES).map((lang) => ({
@@ -19,6 +20,7 @@ export const getStaticPaths = () =>
 
 <Layout title="Juan Felipe Rada | Portfolio" variant="radapls">
   <Home />
+  <Flag/>
   <About />
   <Skills />
   <Experience />