✨ add quotes-page

Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>

src/data/quotes.json

@@ -0,0 +1,66 @@
+[
+  {
+    "quote": "How lucky I am to have something that makes saying goodbye so hard.",
+    "author": "Winnie the Pooh"
+  },
+  {
+    "quote": "Move well, learn well, eat well, rest well.",
+    "author": "Master Roshi, Dragon Ball"
+  },
+  {
+    "quote": "There are no strange creatures, just blinkered people.",
+    "author": "Newt Scamander, Fantastic Beasts and Where to Find Them"
+  },
+  {
+    "quote": "I always wondered why I feel a sense of comfort when I am in a place where no one knows you, no one knows who you are, and it's because no one knows the past version of you.",
+    "author": "Some blog on bearblog.dev"
+  },
+  {
+    "quote": "What's life without whimsy?",
+    "author": "Dr. Sheldon Cooper, The Big Bang Theory"
+  },
+  {
+    "quote": "A person with a calm mind is a happy person. Instead of becoming uptight, one should be able to swing into intense activity, and like the pendulum, return to a center of calmness. Yoga produces that calmness.",
+    "author": "Gerry Lopez, Surfer Magazine"
+  },
+  {
+    "quote": "I'll build a home on a secluded beach. I already have a mountain of books that I've bought and never touched. I'll read through them page by page, like I'm taking back all the time I've lost.",
+    "author": "Kento Nanami, Jujutsu Kaisen"
+  },
+  {
+    "quote": "Even though I’m in pain, it’s worth sticking around to maybe make my little corner of the world a slightly better place.",
+    "author": "Ricky Gervais, After Life"
+  },
+  {
+    "quote": "It's not about whether I can or not. I'm gonna do it because I want to.",
+    "author": "Monkey D. Luffy, One Piece"
+  },
+  {
+    "quote": "Youth is happy because it has the capacity to see beauty. Anyone who keeps the ability to see beauty never grows old.",
+    "author": "Franz Kafka"
+  },
+  {
+    "quote": "Even in the depths of hell blooms a beautiful flower of friendship leaving its petals as mementos bobbing back and forth on the waves, may it one day bloom once again the okama way",
+    "author": "Bon Clay, One Piece"
+  },
+  {
+    "quote": "Some flies are too awesome for the wall.",
+    "author": "Abed Nadir, Community"
+  },
+  {
+    "quote": "I'm the guy who comes along so you don't have to do your stuff alone.",
+    "author": "Chris Booth, A Time For Everything"
+  },
+  {
+    "quote": "You should enjoy the little detours, to the fullest, because that's where you'll find the things more important than what you want.",
+    "author": "Ging Freeces, Hunter x Hunter"
+  },
+  {
+    "quote": "You're all the colors in one, at full brightness.",
+    "author": "Finch, All The Bright Places"
+  },
+  {
+    "quote": "Happiness is life when shared.",
+    "author": "Chris McCandless, Into The Wild"
+  }
+]

src/pages/more.md

@@ -14,6 +14,8 @@ layout: "../layouts/Layout.astro"
 
 [⏳ **now**](/now) · what i'm doing right now
 
+[💬 **quotes**](/quotes) · my favorite quotes
+
 [✨ **uses**](/uses) · what i use on a daily basis
 
 [📀 **vinyl collection**](/vinyl) · all my vinyls

src/pages/quotes.astro

@@ -0,0 +1,22 @@
+---
+import SectionContainer from '../components/SectionContainer.astro';
+import quotes from '../data/quotes.json'
+const today = new Date();
+---
+<SectionContainer>
+    <main class="flex flex-col gap-4 mt-4">
+		<h1 class="text-3xl font-extrabold">💬 quotes</h1>
+      <section>
+        <ul>
+           {
+             quotes.map(quote => (
+               <li class="flex flex-col mb-10 break-words">
+                 <p class="italic">{quote.quote}</p>
+                 <p class="author">- {quote.author}</p>
+               </li>
+             ))
+           }
+        </ul>
+      </section>
+	</main>
+</SectionContainer>

src/styles/global.css

@@ -158,6 +158,11 @@ p {
 	font-size: small;
 }
 
+.dark .cv-date {
+	color: var(--light-2);
+	font-size: small;
+}
+
 .cv a { 
 	color: var(--dark-link);
 	font-size: small;
@@ -185,6 +190,18 @@ p {
 .dark .guestbook a:hover {
   background-color: var(--light-link);
 }
+
+/* QUOTES */ 
+.author {
+	color: var(--dark-2);
+	font-size: medium;
+}
+
+.dark .author {
+	color: var(--light-2);
+	font-size: medium;
+}
+
 /* RANDOM */
 code {
 	display: inline;