andomimi/mae-s-digital-diary
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Mae's Story | Digital Diary</title>7 <link rel="stylesheet" href="style.css">8 <script src="https://cdn.tailwindcss.com"></script>9 <link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">10</head>11<body class="story-bg">12 <custom-navbar></custom-navbar>13 14 <main class="container mx-auto px-4 py-8 max-w-3xl">15 <section class="story-card animate-fade-in">16 <h1 class="text-4xl font-cursive text-center mb-8">Mae Rose's Digital Diary</h1>17 18 <div class="chapter">19 <h2 class="chapter-title">Hello, I'm Mae 🌸</h2>20 <p class="chapter-content">21 A 19-year-old BIT ComTech student at Lapu-Lapu City College, born on October 11, 2006. My life is like a CDrama - full of quiet moments, deep thoughts, and occasional plot twists!22 </p>23 </div>24 25 <div class="chapter">26 <h2 class="chapter-title">My Happy Place 🎧</h2>27 <p class="chapter-content">28 You'll often find me immersed in CDramas or lost in ONGFAM's music. Solitude is my sanctuary - it's where I recharge and appreciate life's simple joys. A cup of tea, good music, and my own company? Perfect!29 </p>30 </div>31 32 <div class="chapter">33 <h2 class="chapter-title">Wanderlust Dreams ✈️</h2>34 <p class="chapter-content">35 My heart yearns to explore - from Japan's cherry blossoms to Italy's cobblestone streets. Every new place whispers stories I want to hear, flavors I want to taste, and memories waiting to be made.36 </p>37 </div>38 39 <div class="chapter">40 <h2 class="chapter-title">My Treasures 💝</h2>41 <p class="chapter-content">42 <span class="highlight">Family & Friends:</span> My unwavering support system<br>43 <span class="highlight">Fruits:</span> Strawberries (the sweeter, the better!) and mangoes<br>44 <span class="highlight">Hobbies:</span> Journaling, discovering new music, quiet cafe visits45 </p>46 </div>47 48 <div class="quote-box">49 <p>"In the quiet moments, I find myself. In the simple things, I find happiness."</p>50 <p class="signature">- Mae</p>51 </div>52 </section>53 </main>54 55 <custom-footer></custom-footer>56 <script src="components/navbar.js"></script>57 <script src="components/footer.js"></script>58 <script src="script.js"></script>59</body>60</html>