diff --git a/src/data/quotes.json b/src/data/quotes.json new file mode 100644 index 0000000..8ccd688 --- /dev/null +++ b/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" + } +] diff --git a/src/pages/more.md b/src/pages/more.md index e81e005..3c38163 100644 --- a/src/pages/more.md +++ b/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 diff --git a/src/pages/quotes.astro b/src/pages/quotes.astro new file mode 100644 index 0000000..6589d5b --- /dev/null +++ b/src/pages/quotes.astro @@ -0,0 +1,22 @@ +--- +import SectionContainer from '../components/SectionContainer.astro'; +import quotes from '../data/quotes.json' +const today = new Date(); +--- + +
+

💬 quotes

+
+
    + { + quotes.map(quote => ( +
  • +

    {quote.quote}

    +

    - {quote.author}

    +
  • + )) + } +
+
+
+
diff --git a/src/styles/global.css b/src/styles/global.css index 33b8a1f..0b8eeef 100644 --- a/src/styles/global.css +++ b/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;