<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>Olivia Ng&#39;s Blog</title>
	<subtitle>A feed of the latest posts from our blog.</subtitle>
	<link href="https://meowlivia.com/feed.xml" rel="self"/>
	<link href="https://meowlivia.com/"/>
	<updated>2019-01-27T00:00:00-00:00</updated>
	<id>https://meowlivia.com</id>
	<author>
    <name>Olivia Ng</name>
    <email>hi@meowlivia.com</email>
	</author>
	
    
    <entry>
      <title>Life Wrapped: Free Template for Habit Tracking and More</title>
      <link href="https://meowlivia.com/blog/life-wrapped-template/"/>
      <updated>2022-01-23T00:00:00-00:00</updated>
      <id>https://meowlivia.com/blog/life-wrapped-template/</id>
      <content type="html"><![CDATA[
        <p>In <a href="https://twitter.com/meowlivia_/status/1351290419426914309">2020</a> and <a href="/blog/2021-in-review/">2021</a>, I tracked a ton of personal stats, ranging from exercise habits (basically a habit tracker), expenditure, food intake, mood, entertainment/music binges and so on.</p>
<p>For both years, I used my own Google Sheets template. Recently, a few friends slid into my DMs for a template, so I eventually made a clean one that I can share!</p>
 <div class="callout__wrapper">
    <div class="callout--dark callout--no-margin">
        <a href="https://docs.google.com/spreadsheets/d/1wM6IGWGqDecncpXKA2VXaHB7JgO1LtUqC1-sI5K_-FA/edit?usp=sharing">
            <strong>Get the Life Wrapped template here. </strong>
        </a>
    </div>
</div>
<p>When you click the above link, you'll be redirected to Google Sheets. Make a copy (File → Make a Copy) to save your own template in your Google Drive.</p>
<h3>Filling up the spreadsheet</h3>
<figure class="figure--center">
  <img class="image-border image-d80" src="/images/blog/template-overview.jpg" alt="Screenshot of the Life Wrapped template on Google Sheets" loading="lazy"/>
</figure>
<p>There are multiple tabs for each category: <strong>Main</strong> (Habits), <strong>Food</strong>, <strong>Entertainment</strong> and <strong>Spending</strong>.</p>
<p>The <code>Data Breakdown</code> tab is where all the data is aggregated based on data you've filled in the <code>Food</code> and <code>Entertainment</code> spreadsheets, so you don't have to fill up anything in the <code>Data Breakdown</code> spreadsheet.</p>
<p>I also filled in dummy data for each spreadsheet to give an example.</p>
<figure class="figure--center">
  <img class="image-border image-d60" src="/images/blog/template-habits.jpg" alt="Screenshot of the Life Wrapped template on Google Sheets" loading="lazy"/>
</figure>
<p>In the <code>Main</code> spreadsheet, you can track any stat you want—just change the emojis and make sure you remember what those emojis represent! 😄</p>
<p>There are two lines at the end of each month. The figures in the first line are the <strong>number of days</strong> you've done a particularly habit, while the figures in the second line are <strong>the total number of times</strong> you've done the habit (if for example, you did something 2-3 times a day).</p>
<figure class="figure--center">
  <img class="image-border image-d40" src="/images/blog/template-example.jpg" alt="Screenshot of the Life Wrapped template on Google Sheets" loading="lazy"/>
</figure>
<p>So in the example above, assuming that these are my totals for January, you can quickly see:</p>
<ol>
<li>I ate desserts (🍰) 10 out of 31 days</li>
<li>Ate 15 servings of desserts</li>
<li>That is an average of 0.48/month (count yourself).</li>
</ol>
<figure class="figure--center">
  <img class="image-border image-d40" src="/images/blog/template-example-2.jpg" alt="Screenshot of the Life Wrapped template on Google Sheets" loading="lazy"/>
</figure>
<p>And if you decide to fill up the individual items under the <code>Dessert</code> column in the <code>Food</code> spreadsheet, you'll see an aggregation of the data in the <code>Data Breakdown</code> tab for Desserts.</p>
<h3>What should you track?</h3>
<p>Anything, really. For me, there are 3 aspects:</p>
<ol>
<li>
<p><strong>Practical</strong> or for life improvement. For example, being active is important to me so tracking exercise habits is a must. I've always been a sucker for desserts or junk food—I track this data so that I can shame myself at the end of each month.</p>
</li>
<li>
<p><strong>Fun</strong>. Just a stat which is kinda cool or can be used as a fun tidbit to talk about. Like &quot;Oh, I cooked a total of 203 days in 2022!&quot;.</p>
</li>
<li>
<p><strong>Funny</strong> aka completely useless. In 2021, I tracked the number of days I have a canker sore, because I just kept getting them and I needed to know. The answer is 64 days. That's about 1/6 of the year! 😭</p>
</li>
</ol>
<h3>Why use this spreadsheet and not an app?</h3>
<ol>
<li>
<p>I want to own the data. With habit, expenditure or food tracker apps, data is contained within the app and I most likely have to pay to export my data into a CSV file... and then I'm stuck with an ugly CSV file. I thought that it was just better with a Excel spreadsheet that I'm happy to see every day.</p>
</li>
<li>
<p>I wanted some flexibility of the type of data I can put in. If I was just tracking one aspect (habits OR food OR music), choosing an app would be sufficient. But I wanted various data and it was easier to create a new spreadsheet for each data that I'd like to track vs manually adding data for 5 different apps.</p>
</li>
<li>
<p>It's much easier for me to catch dirty data input.</p>
</li>
<li>
<p>I'm more of a desktop/laptop person than a phone person.</p>
</li>
</ol>
<p>The only con is if you're trying to create graphs at the end of the month or year, you'd have to manually create them 😄</p>
<h3>What works?</h3>
<ol>
<li>
<p>Anything that can be answered with a yes/no is great with the spreadsheet. Did I do a workout today? Did I work on a hobby? Did I (not) drink caffeine today?</p>
</li>
<li>
<p>Tracking data that have categories. For example, fill out the shows in the <code>Entertainment</code> spreadsheet and the pre-made pivot table in the <code>Data breakdown</code> tab will tell you how many episodes of series or movies you've watched automatically. It'll also tell you what is your preferred genre for the year (not that you won't know yourself 😄). <br><br>Similarly, for the <code>Food</code> spreadsheet, I can know the number of times I've eaten out or ordered food delivery, and the type of cuisine I'm partial towards.</p>
</li>
</ol>
<h3>What doesn't (really) work</h3>
<h4><strong>Mood tracking</strong></h4>
<p>Mood tracking is a bit tricky, since it's only one mood assigned for the whole day. It can also be quite skewed, especially if I'm filling it up in the beginning of the day. E.g. always sad or jaded before work 🤣</p>
<p>There are mood trackers out there that allow you to either...</p>
<ol>
<li>track your mood multiple times a day for higher accuracy, or</li>
<li>give a rating from 1-5 for the day.</li>
</ol>
<p>I like the latter as you can eventually look back and see how many 1-rated days and explain the reasoning. Either of these methods is also doable with Google Sheet but I did not implement it because I'm not too interested in this stat in general.</p>
<hr data-content="🙂 🙃 🙂"/>
<h4><strong>Expenditure</strong></h4>
<p>Expenditure is sometimes a pain in the ass to fill out. It's also the stat that has the highest probability of missing data. I do try to fill up almost everything but there will always be some that will fall through the cracks.</p>
<p>For example, in my case, my sister pays for some things in advance and takes the money out of a shared fund. I don't usually check the transactions for this fund so there could be an item missing.</p>
<p>You're probably better off getting an expenditure app that you can connect to your bank or something.</p>
<hr data-content="💸 💸 💸"/>
<h4><strong>Music</strong></h4>
<p>I track this data because my listening habit is 'binge listening' i.e. I almost always listen to a whole album of an artist in one go. So my stats show me that I binge-listened to <em>x</em> artist for <em>x</em> days. This won't work if you prefer to listen to playlists or a mix of artists every time.</p>
<hr data-content="🎷 🎷 🎷"/>
<h4><strong>Sleep</strong></h4>
<p>Excel/Google Sheets is just weird with times and dates man, especially when trying to find averages. It could just be my incompetence with Excel but I swear I google like 5 different time/date formulas every time. My advice? Just use a sleep tracking app or invest in a smartwatch that tracks your sleep automatically.</p>
<h3>Supplementing with other apps</h3>
<p>There are some other apps that I use and they come with their own 'Wrapped' at the end of the year.</p>
<h4><strong>Spotify &amp; Last.FM for music</strong></h4>
<figure class="figure--center">
  <img class="image-d60" src="/images/blog/2021-stats-spotify.png" alt="Screenshots of Spotify Wrapped data" loading="lazy"/>
  <figcaption>Screenshots of Spotify Wrapped</figcaption>
</figure>
<p><strong>Spotify</strong>, who made 'Wrapped' a thing. You get the data at the year, usually with some whimsical copy and them taking a shot at figuring out your personality based on your music tastes 😐 It's always at the end of November though, and I still don't know if that means they count the data from November → November, or just January → November for the year??</p>
<figure class="figure--center">
  <img class="image-border image-d80" src="/images/blog/2021-stats-lastfm.jpg" alt="Screenshot of various LastFM data" loading="lazy"/>
  <figcaption>Example stats you get with Last.FM</figcaption>
</figure>
<p><strong>Last.FM</strong> is great if you use multiple music apps as they integrate with most of them! I only connect my Spotify account but even then, it helps me make sense of Spotify's Wrapped data. Like at least I know how far ahead BTS is against all the other artists in 2021 😆 They also give other fun data like your most <strong>active day of the week</strong> or <strong>time of the day</strong>.</p>
<p>And! Unlike Spotify, they give you stats for January → December.</p>
<hr data-content="🎶 🎶 🎶"/>
<h4><strong>Toggl Track for time tracking</strong></h4>
<p>I'm a huge fan of time tracking! I track time for hobbies, sports and personal video calls. At the end of the year, I export an (like I said, ugly) CSV file for all the data tracked for the year... but hey, at least it's free. I'd still need to do some data-crunching myself but they are just simple formulas in Excel.</p>
<figure class="figure--center">
  <img class="image-border image-d80" src="/images/blog/2021-stats-workouts-time.jpg" alt="Bar and donut chart of total hours of workouts done in 2021" loading="lazy"/>
  <figcaption>My workout time report for 2021. Not a 'Wrapped', just manual exports of reports</figcaption>
</figure>
<p><strong>Not</strong> sponsored by Toggl Track. I work there, but the only advantage I have is that I get to whine to colleagues about having to do some data-crunching myself when it could have been included in the report.</p>
<hr data-content="🕰️ 🕰️ 🕰️"/>
<h4><strong>Strava for running</strong></h4>
<figure class="figure--center">
  <img class="image-d80" src="/images/blog/2021-stats-strava.png" alt="Screenshot of the Strava app end-of-year data that includes: running statistics and list of most liked runs" loading="lazy"/>
</figure>
<p>You can also track cycling and swimming stats with Strava. I can live peacefully without all this data (I use Strava to share cat photos) but I guess it's pretty cool!</p>
<hr data-content="👟 👟 👟"/>
<h4><strong>Reddit</strong></h4>
<p>This was a surprise and somewhat random. But sure, I guess I don't mind celebrating my scrolling capabilities.</p>
<figure class="figure--center">
  <img class="image-d80" src="/images/blog/2021-stats-reddit.png" alt="Reddit recap: Scrolled the total length equivalent to 55k bananas. Reddit 'ability' is 'Moral Compass'." loading="lazy"/>
  <figcaption>So you can see what kind of echo chambers you like</figcaption>
</figure>
<h3>FAQ</h3>
<p><strong>Is this time-consuming?</strong><br>I can promise you that it isn't! It can be a bit awkward to try and get used to the template format for the first few days, but after that, it's a breeze and you'll only need maybe a minute two or three times a day—I do it just before I start work, mid workday and maybe another time at the end of the day.</p>
<p>You can even manage by doing once at the end of the day if you trust your good memory.</p>
<p>I can tell you what is time-consuming as hell though: Creating graphics if you want <a href="/blog/2021-in-review/">to showcase them</a> in a specific format.</p>
<p>For example, every year, I choose 5 interesting stats/insights and explain them via Instagram stories for fun.</p>
<figure class="figure--center">
  <img class="image-d80" src="/images/blog/template-insta-example.png" alt="Example of insta stories showing random stats" loading="lazy"/>
  <figcaption>An example of one of the five insights for 2021. SO time-consuming.<br> It's like a mini content strategy project lol.</figcaption>
</figure>
<p><strong>I still want to create pretty graphs despite your warning. What software do you use?</strong><br>I use <a href="https://figma.com">Figma</a> and this <a href="https://help.chartplugin.com/">Chart plugin</a> (paid). However, you can also create the graphs in Google Sheets itself since the data is already in there. I only chose Figma because I'm very comfortable with it as I use it for work and I needed a more powerful software to create additional graphics for the Insta stories and the blog post.</p>
<p><strong>Isn't this whole thing a waste of time?</strong><br>That's just like, your opinion man.</p>

      ]]></content>
    </entry>
	
    
    <entry>
      <title>Life Wrapped: 2021 in Review</title>
      <link href="https://meowlivia.com/blog/2021-in-review/"/>
      <updated>2022-01-22T00:00:00-00:00</updated>
      <id>https://meowlivia.com/blog/2021-in-review/</id>
      <content type="html"><![CDATA[
        <p>In 2021, I tracked a ton of personal stats.</p>
<p>I also did this in 2020 but I saw no reason to create a blog post; I did <a href="https://twitter.com/meowlivia_/status/1351290419426914309">post about it on Twitter</a> though. To be fair, I still find very little reason to write this blog post as the content will not be beneficial to anyone else. But I do think this is something cool to look back on in the future!</p>
<h3>Mood/Mental Health</h3>
<p>My mental health was completely garbage in 2021 haha.</p>
<p>The best way I can describe is that I felt that my mind was being driven up the wall every day in the first half of 2021. It was a combination of things: slow vaccine rollout in my country and the lack of social activities or outings.</p>
<p>Here, let me show you.</p>
<figure class="figure--center">
  <img class="image-border" src="/images/blog/2021-stats-outings.jpg" alt="Chart showing total outings in 2021" loading="lazy"/>
</figure>
<p>The biggest factor was actually work—it just wasn't enjoyable in terms of workload and responsibility (Hint: it was more JavaScript than I was comfortable with 😂).</p>
<p>When such a big part of your life isn't bringing you much joy, it's pretty difficult to keep spirits up in other aspects. The struggle with work also completely killed my joy for coding, which meant that I had no energy or motivation to work on personal projects after work.</p>
<p>I only did <strong>28 days of coding as a hobby</strong> (28!! 😱 blasphemy) vs <a href="https://twitter.com/meowlivia_/status/1345317246957096961">92 in 2020</a> and <a href="https://twitter.com/meowlivia_/status/1217141945065074688">104 in 2019</a>.</p>
<p>However, I chose not to make any drastic changes, especially a job change, due to the pandemic. Things did get much, much better in the second half of the year.</p>
<p>I also am cautious that everyone was dealing with the negatives of the pandemic one way or another, so me being an ungrateful piece of shit while still sitting comfortably in my home with a somewhat safe job wasn't a card I was going to play often 😆</p>
<p>At the end of the day, even if my mental health was six feet underground, I am firmly in the &quot;this is such a first world/privileged problem&quot; camp.</p>
<p>Especially during the times when the people in my country <a href="https://www.bbc.com/news/world-asia-57717214">flew white flags asking for help</a> or when an <a href="https://www.bbc.com/news/world-asia-59723341">unexpected flood</a> hit my state and everyone was scrambling to help save lives and homes... it really makes you stop and think—what was the issue I was whining about again?</p>
<p>Nope, no issues lol.</p>
<h3>Entertainment</h3>
<p>I watched a total of <strong>1189 episodes</strong> of series (731 in 2020—a 62% increase!).</p>
<p>The increase in workload directly caused this. I let shows run in the background when I work, mostly 'mindless' shows like sitcoms (<em>Friends</em>) or shows that I'm rewatching (<em>Bones</em>).</p>
<figure class="figure--center">
  <img class="image-border image-d80" src="/images/blog/2021-stats-series.jpg" alt="Left: Donut chart of genre of series watched. Right: A list of most watched series." loading="lazy"/>
  <figcaption>I really like crime procedural shows, even if the format sometimes gets a bit stale.</figcaption>
</figure>
<p>I watched <strong>44 movies</strong>. Fun fact: I also watched 44 movies in 2020.</p>
<p>I cannot pinpoint any one movie that I truly recommend. But I can give you a recommendation based on how many tears I shed wtf.</p>
<ul>
<li>
<p><strong>Shed a lot of tears</strong>: <em>Demon Slayer: Mugen Train</em> (I also watched the new anime season—the first 9 episodes is basically the movie—and I <em>still</em> cried a ton so there's that).</p>
</li>
<li>
<p><strong>Shed a few tears</strong>: <em>Spiderman: No Way Home</em>.</p>
</li>
<li>
<p><strong>Shed a tear</strong> (like, literally a tear): <em>Soul</em> (Pixar movie), <em>The Eternals</em>.</p>
</li>
</ul>
<p>This is why I keep thinking if I should purchase Disney stocks.</p>
<h3>Exercise</h3>
<p>Exercise became such a huge part of my life, mainly because there was nothing else to do 😄</p>
<figure class="figure--center">
    <img class="image-border image-d80" src="/images/blog/2021-stats-workouts-time.jpg" alt="Bar and donut chart of total hours of workouts done in 2021" loading="lazy"/>
    <figcaption>I love it when there's a significant difference and I try to figure out what's going on. I had to attend a multi-day funeral in July and I traveled in November so my rhythm got thrown off. No idea what's up with January though.</figcaption>
</figure>
<p>I did <strong>103%</strong> more workouts compared to 2020—a total of <strong>267 workouts</strong> and tracked <strong>260 hours and 42 minutes</strong>. My go-to workout channels in 2021 are <a href="https://www.youtube.com/c/MadFit">Madfit</a>, <a href="https://www.youtube.com/c/Heatherrobertsoncom">Heather Robertson</a>, <a href="https://www.youtube.com/c/PamelaRf1">Pamela Reif</a> and <a href="https://www.youtube.com/c/CarolineGirvan">Caroline Girvan</a>, in order of increasing difficulty.</p>
<p>I started <strong>running</strong> again this year. <em>I hate it</em>, thanks. But I will never shoot myself in the foot (or maybe I will, so that I can avoid running) as I know the health benefits are more important than my disdain for it. I ran a total of <strong>147km</strong> in 2021.</p>
<p>The silver lining is cat photography. I took a total of <strong>65 photos of cats</strong> in my neighborhood!</p>
<figure class="figure--center">
  <img src="/images/blog/2021-cats.png" alt="A collage of 10 photos of stray cats" loading="lazy"/>
</figure>
<hr data-content="🏃🏻‍♀️ 🏃🏻‍♀️ 🏃🏻‍♀️"/>
<p>I cannot stress enough how important having a social/community component to make a sport enjoyable. If you want to get into a sport and need help committing, you should ask your friends to tag along or find a good gym/studio that has supportive instructors.</p>
<figure class="figure--center">
  <img class="image-border image-d60" src="/images/blog/2021-stats-workouts.jpg" alt="Donut chart of types of workouts done in 2021" loading="lazy"/>
</figure>
<h4><strong>Bouldering</strong></h4>
<p>I enjoyed bouldering but when my bouldering buddy left to Germany for new beginnings (#betrayed), I found that I didn't enjoy it at all solo. It is also very difficult to pace myself between climbs without a companion.</p>
<hr data-content="🧗🏻‍♀️ 🧗🏻‍♀️ 🧗🏻‍♀"/>
<h4><strong>Yoga</strong></h4>
<p>Yoga was something that I felt very <em>meh</em> about but found the motivation to do it because I really like the instructor. We were doing online classes for a bit and there were two 2-week online programs in August. God knows how I woke up at 7am almost every day for it. I would internally whine with every goddamn sun salutation that I had to do, but shit, I was still waking up every day and doing it.</p>
<p>It was also these 4 weeks that helped me hit a personal record. For the first time ever in my life (and probably the only time), I did more workouts in a month (33) than there are days in said month. It was August.</p>
<p>I was also doing yoga with my sister and a mutual friend. It was very fun to discuss all the poses we <em>could not</em> do during post-yoga brunches so that was an additional social factor.</p>
<hr data-content="🧘🏻‍♀️ 🧘🏻‍♀️ 🧘🏻‍♀️"/>
<h4><strong>Pole dancing</strong></h4>
<p>The same bouldering buddy who went to Germany was also my pole dancing buddy (#betrayed). I chose to continue on because the instructors are great.</p>
<p>I even bought a pole for my home! I started pole dancing in 2020 but I'm actually still a noob because most of 2020-2021 was spent being in lockdown. Sports/recreational activities would be allowed for a few weeks and when we started to see some progress, the government ordered another lockdown.</p>
<p>So I got a pole and tried to make do with online tutorials so I don't lose whatever progress I made.</p>
<figure class="figure--center">
  <img class="image-border image-d60" src="/images/blog/2021-convo.jpg" alt="Screenshot of a conversation" loading="lazy"/>
  <figcaption>Featuring a conversation with the ex-bouldering + pole dancing buddy to transition into the next category</figcaption>
</figure>
<h3>Food</h3>
<p>I'm just putting this category here because I am embarrassed by the data.</p>
<p>A big reason why I work out so much is so I can consume garbage without shortening my lifespan by too many years. My weakness is definitely desserts.</p>
<figure class="figure--center">
  <img class="image-border image-d80" src="/images/blog/2021-stats-food.jpg" alt="Featuring stats for junk food consumption" loading="lazy"/>
  <figcaption>I singled out desserts because it's the worst. I don't think caffeine is necessarily bad and I only need one cup of caffeine a day to function.</figcaption>
</figure>
<p>As per the conversation above, I'm making some effort to reduce it.</p>
<p>Another disgusting data is that I ordered <strong>food deliveries a total of 201 times</strong>, compared to 49 takeaways and 90 dine-ins. I mean, 75% of the year was basically lockdowns so... it makes sense?</p>
<p>Truthfully, on days when I needed a pick-me-up, I'd order something to make myself feel better, and yeah... there were a lot of those days.</p>
<h3>(Abandoned) New hobbies</h3>
<figure class="figure--center">
  <img src="/images/blog/2021-hobbies.png" alt="Photos of a cup of coffee with latte art, little dollops of cookie dough and a pot of succulents" loading="lazy"/>
</figure>
<h4><strong>Latte art</strong></h4>
<p>Practiced latte art <strong>77 times</strong>. This was a hobby I picked up at the end of 2020, but I ended up not doing much because I dislike self-made instant coffee lattes. Instant coffee? OK. Instant coffee latte? Hell no.</p>
<hr data-content="☕ ☕ ☕"/>
<h4><strong>Baking</strong></h4>
<p>I picked up baking and I actually quite enjoyed it and even saw significant improvements (I started out <em>bad</em>) after <strong>32 days</strong> of practice but I eventually stopped because it was not worth the weight gain.</p>
<hr data-content="🍪 🍪 🍪"/>
<h4><strong>Plant Parenting</strong></h4>
<p>Got a pot of succulents as a gift from friends and I tried keeping them alive with little success. I don't have data of how many days I've spent tending to them (it was every day for a few months) but I do have expenditure data. I spent <strong>~$115</strong> trying to save them (soils, fertilizers, complementary plants, and oh my god, why are pots so expensive??) before I decided to let the universe take them.</p>
<h3>Travel</h3>
<h4><strong>Dubai, UAE 🇦🇪</strong></h4>
<p>When cases were pretty low in most parts of the world (the dip between Delta and Omicron), we did a cross-team meetup in Dubai. Although it wasn't my first or fifth choice, it ended up being a good place to go as UAE had the highest vaccination rate at the time of visit.</p>
<p><em>And</em> despite that, they were still very strict about social distancing and having to wear a mask in public places at all times. I like.</p>
<figure class="figure--center">
  <img class="image-border image-d80" src="/images/blog/2021-dubai.jpg" alt="Photo of a group in the desert in Dubai, UAE" loading="lazy"/>
  <figcaption>Team building at the desert lol</figcaption>
</figure>
<hr data-content="🛬 🛬 🛬"/>
<h4><strong>Bentong, Malaysia 🇲🇾</strong></h4>
<p>My country finally allowed interstate travel so I went on a vacation with my extended family. 17 humans! It's a staycation of sorts?</p>
<p>Although I wouldn't consider it chill (a bit more like organizing and accommodating the older generation and younger generation—kids. so many kids.), it's the first time we got to spend time together in the past 22 months in a happier setting. Otherwise, the only gathering we'd have had is for a funeral 💀.</p>
<figure class="figure--center">
  <img src="/images/blog/2021-staycation.png" alt="View of greenery in One Acres, Bentong" loading="lazy"/>
  <figcaption>The view at the eco resort we stayed at!</figcaption>
</figure>
<h3>Other</h3>
<h4><strong>Turned 30! Got a tattoo.</strong></h4>
<figure class="figure--center">
  <img src="/images/blog/2021-bday-tattoo.png" alt="Photo of a person in front of food and a cake, and another photo of a tattoo of a gyoza on the ankle" loading="lazy"/>
</figure>
<p>These two events are not related in any way 😄 I got a tattoo of gyoza—it's Japanese dumpling... but I love all dumplings. I tell people my favorite cuisine is dumplings. That said, I only ate dumplings 38 times in 2021 (yes, I have this type of data too). Anyway, that number is way too low; I need to fix that this year.</p>
<hr data-content="🥟 🥟 🥟"/>
<h4><strong><a href="https://www.instagram.com/p/CXd7fpApnxd/">Was a bridesmaid</a>...</strong></h4>
<p>... for the first time for one of my best friends. I joked that I passed up the opportunity to attend a BTS concert to attend her wedding. The cutest thing is that when I told her that the dates clash, she said, &quot;You go. I understand.&quot; 🤣🥺</p>
<hr data-content="🎉 🎉 🎉"/>
<h4><strong>Received some PDFs!</strong></h4>
<p>As the <a href="/blog/a-pdf-as-a-farewell-gift/">official Goodbye PDF generator</a> in my company, I never thought I would say this: <strong>I got two PDFs this year</strong>!</p>
<p>One on my birthday by (mostly) ex-colleagues...</p>
<figure class="figure--center">
  <img src="/images/blog/2021-pdf.jpg" alt="A collage of photos" loading="lazy"/>
  <figcaption>This also came with a Haikyuu-themed GAME!
</figcaption>
</figure>
<p>... and another BTS/cat-themed in late December (it's a &quot;New Year PDF&quot;) by my colleagues.</p>
<figure class="figure--center">
  <img src="/images/blog/2021-pdf-02.png" alt="Screenshot of the PDF featuring a pastel-colored theme inspired by the BTS album, Love Yourself: Answer and cats." loading="lazy"/>
  <figcaption>Top right is the cover of a BTS album. You can see that the cover and title pages are inspired by it. AND CATS! Don't mind me pointing, it's just a thing I do; I don't even want to explain this.</figcaption>
</figure>
<p>This was so lovely aahhh 😍</p>
<h3>Final Sentiment</h3>
<p>I lost a lot of my soul to work and some days, I think that I may have actually lost all enthusiasm for my career. But I know in a few years, or months even, I'll look back at 2021 and say that I've gained a lot socially. Just getting the chance to build stronger relationships and memories with people whom I love is enough and I hope I can carry this on for life.</p>
<p>To more travels and less desserts in 2022... 🥲</p>
 <div class="callout__wrapper">
    <div class="callout--dark callout--no-margin">
        <a href="/blog/life-wrapped-template/">
           <strong>If you found this fascinating and want to track your personal stats too, you can get the template here.</strong>
        </a>
    </div>
</div>

      ]]></content>
    </entry>
	
    
    <entry>
      <title>A PDF As A Farewell Gift</title>
      <link href="https://meowlivia.com/blog/a-pdf-as-a-farewell-gift/"/>
      <updated>2021-09-01T00:00:00-00:00</updated>
      <id>https://meowlivia.com/blog/a-pdf-as-a-farewell-gift/</id>
      <content type="html"><![CDATA[
        <p>Looking for a farewell gift for a colleague... but,</p>
<ul>
<li>You're working at a remote company and nobody wants to handle the administrative tasks of collecting money and handling deliveries?</li>
<li>You're not sure if a physical gift is a good idea?</li>
<li>A virtual gift is just easier?</li>
</ul>
<p>Well, consider a Goodbye PDF.</p>
<h3>What? What is a Goodbye PDF?</h3>
<p>It's not anything fancy, just a PDF document of a compilation of messages from colleagues and photos of memories made during all our meetups.</p>
<p>I am the appointed Goodbye PDF Generator. I got this unpaid gig accidentally; The Marketing team started it first, and then requests continued to pour in for a few long-term colleagues. Over time, almost everyone will get one (as long as the team lead requests for it <s>and I don't dislike the person leaving</s>).</p>
<p>The joke is that I'm the Grim Reaper of the company, sending leavers off to the other side 💀</p>
<p><strong>What do I get out of it?</strong>
<br/>Intrinsic satisfaction and enough content for a blog post 😆</p>
<p>I have done a total of 24 Goodbye PDFs, and am wrapping up the 25th one this week.</p>
<p>I thought it'd be cute to make a quick list of the ones that I have enjoyed working on... because no lie, I definitely do enjoy working on some more than others.</p>
<h3>Criteria of a &quot;fun PDF&quot;</h3>
<ol>
<li><strong>A good PDF theme.</strong> Each PDF is customized based on the leaver's interests. Some interests can be too specific or too granular that they are difficult to work with. The PDF theme also eventually decides how much time I need to spend on a PDF. My most time-consuming PDFs are the ones where there's a difficult theme to work with.</li>
<li><strong>Enough content</strong>, in terms of messages and photos. No content, no PDF, period. I'll always take more messages (even if it means more work) over less messages because the PDF might end up looking too sparse with too little content. I have noticed that with time, people were suffering from PDF fatigue wtf and not as many were leaving messages anymore. I eventually implemented a minimum number of messages required before I start working on one.</li>
<li><strong>People working together.</strong> I don't do it all alone, of course. Someone still needs to compile the photos too. My most memorable PDFs have been the ones where people contributed more than the required messages or photos, such as discussing interests, suggesting theme ideas, and coming up with additional content to supplement the PDF theme.</li>
<li><strong>A theme where I can learn a new design skill</strong>. You'll see an example later.</li>
</ol>
<hr>
<p>Here's the list of my Top 6.</p>
<br/>
<h4>#6. The One for the Shopaholic</h4>
<p><a href="https://sraj.me/">This leaver</a> just <em>loves</em> to shop, so what other theme than an ecommerce site!</p>
<figure class="figure--center figure--80">
	<img src="/images/blog/pdf-shantanu.png" alt="Goodbye PDF with a shopaholic theme" loading="lazy"/>
	<figcaption>Done with Google Slides</figcaption>
</figure>
<p>Features include product features of the human and the messages as reviews.</p>
<p>I take no credit for the design idea. This was 100% the UI of this <a href="https://bluntumbrellas.com/">Blunt Umbrella website</a>.</p>
<p>This one is double-fun because a group of us actually got him a Blunt umbrella as a birthday gift, so the whole PDF was actually an Easter egg. If only the umbrella delivery wasn't delayed for 5 months due to Covid... 🙃</p>
<br/>
<h4>#5. The One for the Scout</h4>
<p>The leaver is a scout! How cool is that!? I know nothing about being a scout except my not-so-great attempt at being one in elementary school. I liked the camping aspect, not so much the leeches I met along the way.</p>
<p>Anyway, I didn't have a grand idea related to scouting except scout badges. So I went with a photobook idea. When in doubt, always go with the photobook or sketchbook idea. I got a few team members to list down some of his achievements and made badges for it.</p>
<figure class="figure--center figure--80">
	<img src="/images/blog/pdf-simon.png" alt="Goodbye PDF with a scout theme" loading="lazy"/>
	<figcaption>Badges done with Adobe Photoshop</figcaption>
</figure>
<p>This is one where I get to learn something new! I had to search for a bunch of Photoshop tutorials to learn how to make the badge effect. It's very simple and not too challenging that the project doesn't feel like a burden 😀</p>
<br/>
<h4>#4. The One for the Apple Fan</h4>
<p>The leaver is a fan of Apple (among other culture things). Not only that, he left to work for Apple!</p>
<figure class="figure--center figure--80">
	<img src="/images/blog/pdf-juan.jpg" alt="Goodbye PDF with a Apple theme" loading="lazy"/>
	<figcaption>Done with Google Slides</figcaption>
</figure>
<p>One of the ideas contributed was to make it similar to the Apple website, specifically <a href="https://www.apple.com/iphone-12/">the iPhone product pages</a>. The outcome was hilarious. One of the main feedback was &quot;This [PDF] goes on forever!&quot;... yeah, pretty much just like that Apple page so I guess I nailed it 😂</p>
<p>The cherry on top is that everyone really went to town with his name—Juan. So. many. puns.</p>
<br/>
<h4>#3. The One for the Lego Enthusiast</h4>
<p>This leaver likes a whole lot of things—gaming, dogs, coffee, the outdoors, the gym, and is really good at tinkering with devices and equipment. I concluded that if you need a friend, this one is useful to have wtf.</p>
<p>And he also likes Lego!</p>
<p>For some reason, I was very enthusiatic about this idea, despite it just being Lego? I had two PDFs to do this particular week, I thought I was going to die with all the work involved 😂. But do I let that stop me from implementing a very time-consuming idea? Hell no.</p>
<figure class="figure--center figure--80">
	<img src="/images/blog/pdf-lego-minion.png" alt="Gru and Minion lego figurines" loading="lazy"/>
</figure>
<p>You see these little Lego brick men? I thought it would be cool if we made one of the leaver. So I did.</p>
<figure class="figure--center figure--80">
	<img src="/images/blog/pdf-jaan.jpg" alt="Goodbye PDF with a Lego theme" loading="lazy"/>
	<figcaption>Illustrations done with Procreate. Lego effect for background with logo done with <a href="https://www.picturetopeople.org/image_effects/photo-lego-toy/lego-toy-photo-effect-editor.html">this website</a>.</figcaption>
</figure>
<p>Except that there's no Lego website to customize these things (not that I have found anyway) so I had to illustrate them. I'm not an illustrator, so these took a <strong><em>long ass</em></strong> time.</p>
<p>The execution may not be flawless but it's good enough that you look back and remember the good times fondly. Kind of like coding—you suffer so much but because the end result is <em>good enough</em> and satisfying, you tend to forget the suffering.</p>
<p>And then you go back to coding the next day.</p>
<p>Long story short, I tried to make one for most of the ones leaving messages too.</p>
<figure class="figure--center figure--80">
	<img src="/images/blog/pdf-lego.png" alt="Multiple lego figurines" loading="lazy"/>
  <figcaption>Only managed to do 6 out of 11 before the deadline 😬</figcaption>
</figure>
<h4>#2. The One for the Comic Artist</h4>
<p>The leaver is a very <a href="https://www.instagram.com/arcaderagecomics/">skilled comic artist</a>. In fact, you might have seen some of the Toggl comics, either from your tech friend sharing it with you while bitching about software development, <a href="https://www.reddit.com/r/ProgrammerHumor/comments/655btm/how_to_kill_the_dragon_with_9_programming/">on Reddit</a>, or as Facebook ads (I ran those ads, sorry).</p>
<figure class="figure--center figure--80">
	<img src="/images/blog/pdf-mart.jpg" alt="Goodbye PDF with a comic theme" loading="lazy"/>
	<figcaption>PDF done with Adobe Photoshop—needed a better software to make more complicated comic panels</figcaption>
</figure>
<p>So a comic-themed PDF is in order! I also converted his 'comic handwriting' into a real font for the messages and that is probably one of my favorite decisions for a PDF.</p>
<br/>
<h4>#1. The One for the Foodie</h4>
<p><a href="https://www.instagram.com/artdooart/">The leaver</a> is a foodie so of course he gets a menu/cookbook-like PDF.</p>
<p>Features include a recipe titled <strong>&quot;How to Make a [Leaver's Name]&quot;</strong>, where the ingredients are a list of his positive characteristics and cooking instructions are a bunch of inside jokes you wouldn't understand.</p>
<figure class="figure--center figure--80">
	<img src="/images/blog/pdf-thiago.jpg" alt="Goodbye PDF with a comic theme" loading="lazy"/>
	<figcaption>Done with Google Slides</figcaption>
</figure>
<p>The idea is very simple but this one takes the Number 1 spot because a good number of people contributed to the additional content. It was spearheaded by a project manager who collected data from the rest of the team. This is proof that you need a good PM for a project lol. The whole project was just very pleasant thoroughout.</p>
<br/>
<h4>Special mentions:</h4>
<ol>
<li><strong>For the one who loves ice-cream.</strong> We converted all names into ice-cream puns. By 'we', I mean I asked people to come up with their own if they can, and then voluntold 2 other colleagues who are much better with words to fill in the blanks later.</li>
</ol>
<figure class="figure--center figure--80">
	<img src="/images/blog/pdf-names.png" alt="Examples of names with ice-cream puns" loading="lazy"/>
  <figcaption>A few examples</figcaption>
</figure>
<ol start="2">
<li><strong>For the one who loves Avatar: The Legend of Korra</strong>, where we went with an Avatar farewell book? I have no idea what I'm talking about, I just know there are elemental things involved. So I converted programming language logos into 'elements'.</li>
</ol>
<figure class="figure--center figure--80">
	<img src="/images/blog/pdf-lauren.png" alt="Goodbye PDF with a Avatar: Legend of Korra theme with programming logos" loading="lazy"/>
</figure>
<p>The execution is terrible 😂 I was in a rush and you know, totally not an artist. But the leaver 'got' the idea even said, &quot;I WANNA TATTOO THAT CUTE GOPHER&quot; (caps and all) so this was a win. Fingers crossed the tattoo artist will do a much better job though.</p>
<hr>
<p>I'll conclude this blog post with some time data!</p>
<figure class="figure--center figure--80">
	<img src="/images/blog/pdf-time-report.jpg" alt="Screenshot of a time report" loading="lazy"/>
	<figcaption>Data for the past 12 months. May and November are hot leaving months.</figcaption>
</figure>
<p>By now, perhaps you have already figured out that I just wanted to make this blog post for fun and not actually convince you to make a Goodbye PDF for your colleagues 🙉</p>
<p>That said, if you're really thinking about doing something like this as a gift but wondering if it's <em>too</em> much effort, here's some data for you. I had tracked the time for 23 PDFs done and total time taken is 105 hours and 38 minutes. Average time per PDF is <strong>4 hours and 35 minutes</strong>.</p>
<p>This is pretty cost-effective imo. Of course, this is just designing the PDF and does not include time spent chasing people to write messages and compiling photos. However, if everyone is willing, this should be easy-peasy.</p>
<p>You can even save more time by cutting down the customization aspect and just use a Google Slides presentation or <a href="https://www.canva.com/en_gb/">Canva</a>. I personally believe that even if the customization aspect is very cool, the heart of the PDF is really the farewell messages.</p>
<p>Some colleagues have asked me what kept me going in making all those PDFs (for free, and usually on my own time too, not company time). I see this as a personal gift to the leaver. In 10 years, the leaver's time at the company will just be a distant memory. But if they so happen to stumble upon this PDF in the Downloads folder some day, I am 100% sure that the messages in the PDF will make their day. That is enough for me.</p>
<p>And maybe that is enough for you too 🙂</p>
<br/>
<p>Just a word of advice though: Seriously do try to get a Project Manager on board.</p>

      ]]></content>
    </entry>
	
    
    <entry>
      <title>How You Can Get Started with CSS Grid</title>
      <link href="https://meowlivia.com/blog/how-you-can-get-started-with-css-grid/"/>
      <updated>2020-10-10T00:00:00-00:00</updated>
      <id>https://meowlivia.com/blog/how-you-can-get-started-with-css-grid/</id>
      <content type="html"><![CDATA[
        <p><em>More like my slow journey with CSS Grid, but these things always sound cooler as a guide.</em></p>
<p>As I finish my 10th CSS Grid pen* (my 10th pen-niversary, if you will), I figure I might as well pen (ha!) some thoughts down.</p>
<p>Maybe the notes can help someone else along the way?</p>
<h6>* I procrastinated so much finishing this, I released 3 more CSS Grid pens in the meantime 🤦‍♀️</h6>
<h3>Getting Started</h3>
<p>I get intimidated easily to take the first step to try something out, especially if it's something really big. I think this happens to junior developers quite a bit (<em>cough not that I am a developer cough</em>).</p>
<p>CSS Grid got so much hype (as it deserves); I keep hearing about how awesome it's going to be that it ended up painting a certain, scary impression for me. I thought that it would be really complicated to implement, and just assumed that my lack of experience in coding will inhibit me from understanding or utilizing the concepts correctly.</p>
<p>So when CSS Grid was rolled out, it wasn't even on my radar to actually try it.</p>
<p>Until one day, I had an idea that I was very excited to try. I knew that the only way I could force myself to do something is just to dive in and figure it out along the way.</p>
<p>Something like throwing your kid into the pool to force them to learn swimming. Don't do this - it's scary and may traumatize your kid - but I suppose it is an acceptable metaphor for fun coding projects.</p>
<p>So armed with a <a href="http://grid.malven.co/">CSS Grid guide</a>, my journey began!</p>
<h3>1. OK, Getting Started, For Real</h3>
<figure class="figure--center">
  <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/meme-cssgrid3.png" alt="Screenshot of a conversation" loading="lazy"/>
</figure>
<p>The 3 properties are pretty much...</p>
<pre><code>display: grid
grid-template-columns: 300px 200px;
grid-template-rows: repeat(4, 1fr);
</code></pre>
<p>Bonus <code>grid-gap</code> property for the gaps.</p>
<pre><code>grid-gap: 10px;
</code></pre>
<p>If you lay down the grid track with these declarations, all the immediate child elements will just flow accordingly, in order.</p>
<p> </p>
<p>A simple example is this bingo card here...</p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="OrxWyK" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/OrxWyK">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
<p>... with this grid track:</p>
<pre><code>display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: 100px repeat(5,80px);
</code></pre>
<p>Honestly, that's really it. As long as you put your child elements in the right order, you don't need any more grid-related CSS.</p>
<p> </p>
<p>This is my very first CSS Grid experiment, which is slightly more complicated than the example above but still very simple:</p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="ZmvPPd" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/ZmvPPd">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p>... which uses this grid track:</p>
<pre><code>display: grid;
grid-template-columns: repeat(9, 100px);
grid-template-rows: repeat(4, 100px);
grid-gap: 10px;
</code></pre>
<p> 
 </p>
<p><strong>Additional useful information:</strong></p>
<ol>
<li>
<p><code>repeat(x, y)</code> is just an easier way to write the code. So,
<code>grid-template-rows: 200px 200px 200px auto;</code> can be written as
<code>grid-template-rows: repeat(3, 200px) auto;</code>.</p>
</li>
<li>
<p><code>fr</code> is the newest unit on the block. <code>1fr</code> is one part of the available space. So if the width of the div is 500px, <code>repeat(5, 1fr)</code> means that 500px will be divided into 5 equal parts of 100px.</p>
</li>
<li>
<p>The values of <code>grid-template-rows</code> and <code>grid-template-columns</code> are pretty much limitless*. You can put <code>grid-template-rows: 200px 100px 200px 100px 300px 250px 150px;</code> and keep going 🤔</p>
</li>
</ol>
<h6>* Not actually tested, but I did try this:</h6>
<figure class="figure--center">
  <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/itworks.jpg" alt="Screenshot of CSS grid code" loading="lazy"/>
</figure>
<figure class="figure--center">
  <img src="https://media.giphy.com/media/l4EoUzvXmUR7jsUXC/giphy.gif" alt="Gif with caption saying 'It works'" loading="lazy"/>
</figure>
<h3>2. Properties for the Child Elements</h3>
<p>Next up is properties for the child elements.</p>
<p>Two important things you can control is setting a) the position and b) size of the elements.</p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="PXGgMG" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/PXGgMG">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p>To get the long column where the lava lamp resides, the properties are:</p>
<pre><code>grid-row-start: 2;
grid-row-end: 3;
</code></pre>
<p>... for the child element.</p>
<p>Which means that you want the element to take up rows 2 to 3. This can also be rewritten as <code>grid-row: 2 / span 2</code> where the first part is the row where the element begins, and the second part is the number of cells you'd want the element to span across.</p>
<p>Works exactly the same for columns!</p>
<h3>3. Discovering Other Cool Things Along the Way</h3>
<h5>Using <code>grid-auto-flow: dense</code>, which forces child elements to fill in gaps if they can fit.</h5>
<p>A quick demo here (keep clicking the black button):</p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="pqoEoJ" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/pqoEoJ">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p>This is my favorite property! You don't have to painstakingly specify the placement for each child element; very handy for portfolio items or photo galleries.</p>
<p> </p>
<h5>Overlapping child elements</h5>
<p>I found out this feature very late in the journey 🙈, which then inspired my 10th pen. You can overlap elements and specify the order with <code>z-index</code>.</p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="QYqybo" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/QYqybo">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p class="caption caption--center">Overlapped the calendar events using z-index here.</p>
<p> </p>
<h5>Moarrr complicated grid tracks with <code>grid-templates-areas</code></h5>
<p>You can specify the grid track using names instead!</p>
<p>For example, this pen here:</p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="GPXozx" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/GPXozx">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p>The parent element has this property:</p>
<pre><code>.parent-element {
   grid-template-columns: 60px 700px 300px;
   grid-template-rows: auto 70px;
   grid-template-areas: 
	  &quot;title pie-recipe pie-image&quot; 
      &quot;context context pie-image&quot;;
}
</code></pre>
<p>Repeating the name means the child element will span across the cells.</p>
<p>In this example, element named <code>context</code> will take up two column cells and have a width of (60px + 700px). The element named <code>pie-image</code> will take up two row cells and have a height of (300px + 70px).</p>
<p>You 'name' the child elements by using the <code>grid-area</code> property:</p>
<pre><code>.child-element-for-pie-image {
   grid-area: pie-image;
}
</code></pre>
<p> </p>
<p><strong>Sounds complicated?</strong>
<a href="https://css-tricks.com/snippets/css/complete-guide-grid/">This very comprehensive guide</a> will help clarify things and they explain things a lot better than I do.</p>
<hr>
<p><strong>A tip for complicated grid tracks:</strong></p>
<p>To get layouts done quicker, I always put a plain-colored background in each child element and play around until I get the layout right.</p>
<p>This is almost always the start of complicated grid tracks for me.</p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/coloredgrid.jpg" alt="Multicolored grid" loading="lazy"/>
  <figcaption>Before</figcaption>
</figure>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="aPwaXm" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/aPwaXm">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p class="caption caption--center">After</p>
<h3>Special Mention</h3>
<p><em>Special mention to not attempt something like this.</em> 😂</p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="MZZYyO" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/MZZYyO">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p> </p>
<p>This was so much work 😭 The greatest thing about CSS Grid is flexibility and I absolutely love using values like <code>minmax</code> or <code>auto</code> for layouts.</p>
<p>But to use this approach for what I consider an illustration... let's just say I spend more than 2 hours trying to get things to align properly and to get each pixel right exactly where I want it to be.</p>
<p>Lesson learned: Think twice before using CSS Grid for illustrations.</p>
<p> </p>
<figure class="figure--center">
  <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/meme-cssgrid4.png" alt="Meme of Trump with caption saying 'Looks good, doesn't work" loading="lazy"/>
</figure>
<p>Ok to be fair, I didn't really plan things properly. So I guess the advice here is plan first before executing.</p>
<h3>How You Can Get Started Too!</h3>
<p>Find inspiration from all around you and code it out! A lot of things can actually be transformed into a CSS Grid experiment.</p>
<p> </p>
<figure class="figure--center">
  <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/meme-cssgrid2.png" alt="Meme" loading="lazy"/>
  <figcaption>Me everyday</figcaption>
</figure>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="qggOog" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/qggOog">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p class="caption caption--center">Inspired by bathrooms</p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="rPjgmB" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/rPjgmB">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p class="caption caption--center">I look at spreadsheets for my job every day</p>
<p> </p>
<p>But instead of me just <em>saying</em>, here's a list of things you can try:</p>
<ol>
<li><strong>Easy:</strong> Chess board, comic book layout</li>
<li><strong>Medium:</strong> Restaurant menus, food nutrition label, <a href="https://dribbble.com/shots/1710454-Teespring-Private-Label">tshirt labels</a>, <a href="https://dribbble.com/shots/6045726-Computer-Vision-2">magazine layouts</a>, a parking lot 😂</li>
<li><strong>Hard:</strong> Receipts, newspapers, <a href="https://dribbble.com/shots/5706019-Course-academy-Blue-version">dashboards</a>, keyboards (both the instrument and the one you type on)</li>
</ol>
<p>Don't be too alarmed about the items in the Hard list; they are not necessarily hard, they just have more components that require you to think or plan a little more when laying down the grid track.</p>
<p>I love doing unconventional use cases for experimentation purposes and seeing these ideas come to life... so yeah, I'm pretty much outsourcing my ideas because I don't have time to do them all.</p>
<p>Please try them 😂 and share your pens with me on <a href="https://twitter.com/meowlivia_">Twitter</a>!</p>

      ]]></content>
    </entry>
	
    
    <entry>
      <title>My Favorite CSS Guides, Cheatsheets and Tools</title>
      <link href="https://meowlivia.com/blog/my-favorite-css-guides-cheatsheets-and-tools/"/>
      <updated>2020-10-09T00:00:00-00:00</updated>
      <id>https://meowlivia.com/blog/my-favorite-css-guides-cheatsheets-and-tools/</id>
      <content type="html"><![CDATA[
        <p>At the completion of each pen, I would close like... 25 Chrome tabs 😄</p>
<p>They are usually <em>StackOverflow</em> tabs for very specific questions, but I know that there are a few sites which I always refer to.</p>
<p>Since February, I started taking note of the guides and cheatsheets I frequently use (I needed a few months because I don't always use all the of 'em at once and I want to collect as many as possible).</p>
<p>Let's start!</p>
<h3>CSS Grid</h3>
<p>As you know from <a href="https://codepen.io/oliviale/post/get-started-css-grid">my previous post</a>, I rely on two solid guides for CSS Grid.</p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/grid.png" alt="Screenshot of the website grid.malven.co" loading="lazy"/>
  <figcaption><a href="http://grid.malven.co/">grid.malven.co</a></figcaption>
</figure>
<p>I actually don't use this guide anymore as I can kinda remember all the basic properties by now. But if you're looking to start with CSS Grid and you learn better visually, I would totally recommend this.</p>
<p> </p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/grid2.png" alt="Screenshot of the Grid guide by CSS Tricks" loading="lazy"/>
  <figcaption><a href="https://css-tricks.com/snippets/css/complete-guide-grid/">CSS Tricks: A Complete Guide to Grid</a></figcaption>
</figure>
<p>This is the guide I rely on now, particularly for the thorough explanation of <code>grid-template-areas</code> and examples of <code>grid</code> shorthands.</p>
<p> </p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/grid3.png" alt="Screenshot of the CSS Grid Generator by Sarah Drasner" loading="lazy"/>
  <figcaption><a href="https://cssgrid-generator.netlify.com/">CSS Grid Generator</a></figcaption>
</figure>
<p>This is actually a new generator which was released by <a href="https://twitter.com/sarah_edo">Sarah Drasner</a> a few days ago. I played with it for a bit and found it quite useful if you want to quickly envision how your grid layout will look (tho, with limitations - e.g. you can't remove a <code>div</code> if you want to).</p>
<p>You can even copy the code, although I advise against it if you're trying to <strong>learn</strong>, it's better to painstakingly type it all out, trust me.</p>
<h3>Cubic-bezier/easing functions for animations</h3>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/easings.png" alt="Screenshot of the website easings.net" loading="lazy"/>
  <figcaption><a href="https://easings.net/en">Easings.net</a></figcaption>
</figure>
<p>When I am not in the mood for <code>ease</code> or <code>ease-in-out</code> (which amounts up to 2 out of 10 times), this is my go-to site to get me some cubic-bezier functions. Good visual examples and the first site that got me to understand what cubic-bezier actually is back then.</p>
<p>Turns out, I don't really need to read the math stuff (graphs just don't turn me on, sorry); I just needed to see how the easings worked, pick whichever I needed, and copy-paste the code.</p>
<p>Fun fact: I use the same easing function 95% of the time, which is <code>easeOutBack</code> 😂</p>
<p> </p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/easings2.png" alt="Screenshot of cubic-bezier.com by Lea Verou" loading="lazy"/>
  <figcaption><a href="https://cubic-bezier.com">Cubic-bezier.com</a> by <a href="https://twitter.com/LeaVerou">Lea Verou</a></figcaption>
</figure>
<p>If you want to make your own cubic-beziers. Move the pink and blue dots on the graph and preview the easing on the right (the pink box, not the blue one). I rarely use this (easings.net has been enough) but this has been used once or twice!</p>
<h3>Colors!</h3>
<p>My biggest weakness when it comes to designing. Also my favorite because I'm a masochist.</p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/colors1.png" alt="Screenshot of uigradients.com" loading="lazy"/>
  <figcaption><a href="https://uigradients.com/">UIGradients.com</a></figcaption>
</figure>
<p>If it's a colored background, it's gonna be a gradient, amirite? Because everyone in Dribbble is doing it 🤷‍♀️</p>
<p> </p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/colors2.png" alt="Screenshot of 5-way gradient generator pen" loading="lazy"/>
</figure>
<p>There recently was <a href="https://codepen.io/mattyfours/pen/xNGdyO">a pen called &quot;5-way Gradient Generator&quot;</a> which blew my mind. This is what you should use when you want to be totally extra with your gradients.</p>
<p> </p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/colors4.png" alt="Screenshot of coolors.co" loading="lazy"/>
  <figcaption><a href="https://coolors.co/">Coolors.co</a></figcaption>
</figure>
<p>A very popular tool. I use this to help me pick a set of colors that I almost always not use in the end. Why? Because I have to choose my own colors, and I usually end up hating my palette even though I spent 30 minutes trying to perfect it.</p>
<p><em>But</em>, I use it a lot to get different shades of a color... and the names.</p>
<p> </p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/colors5.png" alt="Screenshot of color picker in Chrome Dev tools" loading="lazy"/>
  <figcaption>Chrome Dev Tools </figcaption>
</figure>
<p>For when I'm really lazy or frustrated. I just randomly pick a color here.</p>
<p> </p>
<p>I recently attended a conference where <a href="https://twitter.com/steveschoger">Steve Schoger</a>, the author of Refactoring UI, spoke about choosing color palettes. The direct quote was &quot;I can show you how I pick my colors, it's really easy - <strong>I just copy them.</strong>&quot;</p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/spiderman.jpg" alt="Spiderman meeting Spiderman meeting" loading="lazy"/>
  <figcaption>"You too? Me too!"</figcaption>
</figure>
<p> </p>
<p>Usually I get colors from Dribbble, but recently, I've been &quot;branching out&quot; and started looking at other sites.</p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/colors6.png" alt="Spiderman meeting Spiderman meeting" loading="lazy"/>
  <figcaption><a href="https://www.instagram.com/colours.cafe/">@Colours.cafe on Instagram</a></figcaption>
</figure>
<p>This is my most-used resource so far!</p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/palettes.png" alt="Comparison of two color palettes" loading="lazy"/>
  <figcaption><a href="https://codepen.io/oliviale/pen/mgWjpq">My pen</a> vs Colours.Cafe</figcaption>
</figure>
<p> </p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/monkeymeme.png" alt="Awkward monkey meme" loading="lazy"/>
</figure>
<h3>Box Shadows, Borders, or Both</h3>
<p>I try to remember a lot of CSS properties and values that I use often, but this is one which I don't remember any values <strong>at all</strong>.</p>
<p>If I ever need a 'one-side only' box shadow, I will <em>have</em> to Google it.</p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/border.png" alt="A snippet of a box shadow guide on CSS Tricks" loading="lazy"/>
</figure>
<p><a href="https://css-tricks.com/snippets/css/css-box-shadow/">CSS Tricks: Box Shadow</a> for box shadows. And cool hacks for multiple borders <a href="https://css-tricks.com/snippets/css/multiple-borders/">here</a>.</p>
<h3>Text Things</h3>
<p>Text shadows! Anything fancier than my default <code>text-shadow: 0 1px 2px rgba(0,0,0,0.15)</code> (👈 I remember this by heart), I refer to this guide.</p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/textshadow.png" alt="A snippet of a text shadow guide on CSS Tricks" loading="lazy"/>
  <figcaption><a href="https://css-tricks.com/almanac/properties/t/text-shadow/">CSS Tricks: text-shadow</a></figcaption>
</figure>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/textshadow1.png" alt="Screenshot of a text shadow CSS generator" loading="lazy"/>
  <figcaption><a href="https://html-css-js.com/css/generator/text-shadow/">Text Shadow CSS Generator</a></figcaption>
</figure>
<p>Used very rarely but super fun to play around.</p>
<h3>Shapes</h3>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/shapes.png" alt="Screenshot of a CSS shapes guide on CSS Tricks" loading="lazy"/>
  <figcaption><a href="https://css-tricks.com/the-shapes-of-css/">CSS Tricks: The Shapes of CSS</a></figcaption>
</figure>
<p>I've been referring to this article for years now 😂 I always go back for the triangle shape for my tooltips lol. But the other shapes are useful too!</p>
<h3>Other weird shapes, background-gradient amazingness and hacks</h3>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/shapes2.png" alt="Screenshot of a CSS illustrations done with a single div" loading="lazy"/>
  <figcaption><a href="https://a.singlediv.com/">A Single Div</a> by <a href="https://twitter.com/lynnandtonic">Lynn Fisher</a></figcaption>
</figure>
<p>A genius at work! All of the projects here are done with just a single <code>div</code>, which means there's a lot of background gradient and box-shadow craziness going on. I've started to really cut down on my <code>div</code> usage, so I will refer to her work and try to reverse-engineer it.</p>
<p>I certainly have learned a lot by just looking at her code.</p>
<p>... aannndddd, there's also plenty of times when I don't really know what she's doing anyway even after staring at the code for 2 minutes because my brain does not comprehend 😂😭</p>
<p> </p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/singledivgif.gif" alt="Gif of browsing a.singlediv.com" loading="lazy"/>
  <figcaption>Me looking at the code</figcaption>
</figure>
<figure class="figure--center">
  <img class="image-border" src="https://media.giphy.com/media/YGfFY30VQNlHG/giphy.gif" alt="Gif of someone looking confused" loading="lazy"/>
  <figcaption>Me after at the code</figcaption>
</figure>
<h3>nth-childishness</h3>
<p>I can almost remember the simple ones by now, but it's always good to check!</p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/nthtest.png" alt="Screenshot of nth-tested by CSS Tricks" loading="lazy"/>
  <figcaption><a href="https://css-tricks.com/examples/nth-child-tester/">CSS Tricks: nth-tester</a></figcaption>
</figure>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/nthtest2.png" alt="Screenshot of nth-test by Top Design Agencies" loading="lazy"/>
  <figcaption><a href="http://www.topdesignagencies.com/nth-test/">NTH-TEST</a></figcaption>
</figure>
<p>This one is amazing to use if you need to test a large number of divs. One of my pens had &gt;50 divs and it was so easy to check with this tool.</p>
<hr>
<p>If you notice, most of my pens are very simple and straightforward, so the guides or tools are also very simple and straightforward. Or maybe it's just because I'm terrible at remembering the simple things 😂</p>
<p>Anyway, that's it! There are more for sure, but they aren't used enough for me include them here.</p>
<p>Tell me your favorite guide, cheatsheet or tool!</p>

      ]]></content>
    </entry>
	
    
    <entry>
      <title>Finding the Motivation for Personal Projects</title>
      <link href="https://meowlivia.com/blog/finding-the-motivation-for-personal-projects/"/>
      <updated>2020-10-08T00:00:00-00:00</updated>
      <id>https://meowlivia.com/blog/finding-the-motivation-for-personal-projects/</id>
      <content type="html"><![CDATA[
        <p>A year ago, I switched jobs from being a web designer to a digital marketer. Consequently, I've decided to do design + coding projects on the side for practice and... just for fun, really.</p>
<p>Codepen projects are my first choice for personal projects (you'll see why later). I've done 26 pens and have spent more than 135 hours on them. I have spent an additional 36 hours on secret side projects that I tell no one about. These are the numbers for 2019 only.</p>
<p>And my main takeaway from all this is...</p>
<p><strong>Being constantly productive and motivated is hard.</strong></p>
<p> </p>
<p>I have always struggled with motivation so while doing these side projects, I've taken on a mission to try different methods to find out how to keep my motivation level consistent.</p>
<p>Here are a few tips I've discovered along the way but I guess they have also become my personal mantra.</p>
<h3>Be honest about my own shortcomings</h3>
<p>When it comes to personal projects, I'm an excellent starter, but a terrible finisher.</p>
<p>At this point of writing, I have a total of 7 abandoned coding and illustration projects. The worst part is that they will forever be an undeleted folder in my computer.</p>
<p>Because &quot;what if?&quot;.</p>
<p>On the same topic, I've discovered a lot of flaws that I've come to terms with:</p>
<h5>1. Hard goals don't work for me.</h5>
<p>If I set a goal such as &quot;A pen a week, 52 pens a year&quot;. Do you know what will happen when I hit 52 pens in September? I'll probably stop working for the year 🙈</p>
<p>On the other spectrum, if I miss a week, I will be sad because I failed to hit my goal 😞 There are a lot of things in this world to be sad about, I've decided to not add another one on the list.</p>
<p>I've pretty much set my goal to be: &quot;Let's just try to work on one pen a week&quot;.
Fuck yeah, soft goals!</p>
<h5>2. If I take on a larger project, I'll burn out fast.</h5>
<p>The 7 abandoned projects? Big projects which will require commitment of at least 50 hours. If a person who works on long-term big side projects is a slow-burning candle, I'm definitely a really short matchstick.</p>
<p>This is actually the reason why I chose to do pens; I only spend about 5-15 hours on each pen and the workload is very manageable.</p>
<h5>3. If I work continuously every day for a long period of time, I will also burn out fast.</h5>
<p>At one point, I was putting aside 2 hours almost each day for side projects. That lasted for 12 amazing days.</p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/report-1.png" alt="Screenshot of a time report" loading="lazy"/>
  <figcaption>The glorious 12 days</figcaption>
</figure>
<p>After that, I spent 2 weeks doing almost nothing. The problem here is that I did too much, too quickly and had a minor burnout.</p>
<p>Not to mention, I sometimes do not follow through the &quot;2 hours&quot; rule. I have a weird quirk (another flaw perhaps) of finishing what I've started on the same day/session. So sometimes, that &quot;2 hours&quot; is actually 6 hours.</p>
<p>I decided to try a different style. I would take longer hours, but less days in a week.</p>
<p>Before this, I would work (as in, real work that I get paid for) between 6-8 hours a day. Now, I would spend about 10-12 hours for work for one day a week and then about 4 hours the next.</p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/report-2.png" alt="Screenshot of a time report" loading="lazy"/>
  <figcaption>A typical week after modifications</figcaption>
</figure>
<p>This then allows me to spend 8 hours a day coding away and finish a project on the same day*.</p>
<h6>*The good news is that having coding as a hobby means that I'm online all the time and can get to Slack messages and work requests swiftly, so I'm technically partially working. I'm not sure if this concept can be applied to offline hobbies. Sorry :(</h6>
<p> </p>
<h4>So, how does this apply to you?</h4>
<p>Find out what works best for you. If you find that setting aside an hour every day works better, capitalize on that. If you find that the best motivation is setting goals, go for it!</p>
<p>I must stress that it's a bit of trial-and-error to get it right, so don't be demotivated if you haven't found what works for you on your first try. It took months for me to get the wheels running.</p>
<h3>Setting strict time limits</h3>
<p>The only reason I started tracking time spent on each project is because I thought it would be cool to have lots of data that nobody asked for. I get a nice-looking report with a graph too.</p>
<p>It didn't take me long to realize that I could really use it to help me pace myself with projects, which became very essential to prevent burnouts.</p>
<p>Another flaw I found out about myself was that I would spend hours on details that don't really matter for each project. A very clear example I remember is this pen.</p>
<p> </p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="MZZYyO" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/MZZYyO">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
<p> </p>
<p>I remember looking at the timer running at 4 hours+ and I was almost done with it (or so I thought). My total time spent ended up being 7.5 hours.</p>
<p> </p>
<p>It was also while working on this pen that this conversation happened:
 
 </p>
<blockquote>
<p><strong>Me:</strong> Which looks better? This or this?</p>
</blockquote>
<blockquote>
<p><strong>Friend:</strong> Olivia, there's no difference.</p>
</blockquote>
<blockquote>
<p><strong>Me:</strong></p>
</blockquote>
<figure class="figure--center">
  <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/meme-codepentime.png" alt="How Dare You meme" loading="lazy"/>
</figure>
<p> </p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="PXGgMG" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/PXGgMG">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p> </p>
<p>Another example. Total time taken: 10.5 hours. 1 hour to code the layout, 9.5 hours to tweak design details 😂</p>
<p><em>&quot;Yeah, I'll do only a few minor tweaks.&quot; - said no obsessive designer, ever.</em></p>
<p> </p>
<p>So? New rule!</p>
<p>I started implementing a cut-off time of 6 hours. At 4 hours, I'll start to wrap things up, even if it means that I don't get to do items which I've set out to do.</p>
<p>The first 'feature' I usually cut off is responsiveness as that is usually the most time-consuming feature*. Yes, it's a conscious decision to endure Twitter comments saying a pen should be responsive.</p>
<h6>* I'm not condoning doing this for production/real-world things. It's 2019 guys; responsive is a must.</h6>
<p> </p>
<p><strong>Bonus:</strong> I also set strict break days. If I do spend almost a full day of coding, no projects for the next two days. Maximum rest!</p>
<p>Speaking of breaks...</p>
<h3>Breaks are very ok</h3>
<p>On this note, I've decided that procrastination is okay too.</p>
<p>There's no reason to force myself to do something when I'm not up for it. The caveat is that I use the break or procrastination time to do something that could potentially contribute to the projects.</p>
<p>Some acceptable ones include browsing design sites like <a href="http://dribbbble.com">dribbble</a> for inspiration, reading tutorials and watching cat and dog videos for feel-good vibes.
 </p>
<figure class="figure--center">
  <img src="https://media.giphy.com/media/xT8petzy1xUhAkaVqw/giphy.gif" alt="Gif of a kitten in a bathtub" loading="lazy"/>
  <figcaption>Good vibes</figcaption>
</figure>
<p>I succeed doing this about 50% of the time. Most of the time, I'm just fucking about on Reddit. I'm fine with this 😁</p>
<h3>Discover &amp; do what you enjoy</h3>
<p>Like I said previously, no reason to force yourself to do something you do not enjoy.</p>
<p>People enjoy different components of web design/web development. Some love to make things cross-browser compatible and some enjoy optimizing site performance (bless you amazing souls out there, my potato iphone 4 thanks you*).</p>
<h6>* No longer alive. Died on me.</h6>
<p> </p>
<p>For me, it's coming up with an idea in my head and seeing it come to life. The weirder the idea, the better. If I think a concept cannot be done with code, I try to prove myself wrong by trying it.</p>
<p>For this reason, there's always something 'wrong' with the pen. If I were to critic my own work, I'd say that the code isn't the best, the code structure can be tidier, the user experience is sub-par, and I probably shouldn't use so many hacks... and a lot more I critic myself harshly for. The accessibility advocates also have a lot of things to say about my code 😂</p>
<p>Despite all of this, at the end when I'm showing off something I've built, <strong>I feel really happy and I want to do more</strong>.</p>
<p>All of my pens- if I were to revisit them, they still make me smile or laugh in some way. To be fair, I have a terribly low humor threshold. If you need someone to laugh at your dad jokes, my laugh rate is 100%.</p>
<p>I digress. The point is, find what you enjoy doing and ride on that train to the end.</p>
<p>In my opinion, if you're doing personal projects, <em>be personal</em>. Make yourself happy. Do the Marie Kondo test- does what you are doing spark joy in your life? If not, thank it and trash it.</p>
<h3>A quick conclusion, in gifs!</h3>
<figure class="figure--center">
  <img src="https://media.giphy.com/media/xThta8UkUaoqJoJQC4/giphy.gif" alt="Gif with caption saying 'We're going to take this one step at a time, alright?" loading="lazy"/>
  <img src="https://media.giphy.com/media/5hkF0WXKLqDW4GoejJ/giphy.gif" alt="Gif with caption saying 'Be honest" loading="lazy"/>
  <img src="https://media.giphy.com/media/sKYBvkRweARhe/giphy.gif" alt="Gif with caption saying 'You know yourself better than anybody does'" loading="lazy"/>
  <img src="https://media.giphy.com/media/26FPDzIQnWDON1ipy/giphy.gif" alt="Gif with caption saying 'You got fight! For your right! To party!'" loading="lazy"/>
  <img src="https://media.giphy.com/media/bcF4JesONuEGO9ZH99/giphy.gif" alt="Gif with caption saying 'Break time'" loading="lazy"/>
  <img src="https://media.giphy.com/media/T7RS8bY9hgYFO/giphy.gif" alt="Gif with caption 'Hey, do me a favor? Take care of yourself.'" loading="lazy"/>
  <img src="https://media.giphy.com/media/xUA7bajF5iamxgXkK4/giphy.gif" alt="Gif with caption saying 'You got this'" loading="lazy"/>
</figure>

      ]]></content>
    </entry>
	
    
    <entry>
      <title>Using a Pen as My Slides for a Presentation</title>
      <link href="https://meowlivia.com/blog/using-a-pen-as-my-slides-for-a-presentation/"/>
      <updated>2020-10-05T00:00:00-00:00</updated>
      <id>https://meowlivia.com/blog/using-a-pen-as-my-slides-for-a-presentation/</id>
      <content type="html"><![CDATA[
        <p>A few weeks ago, I presented a talk to my colleagues at Toggl. We call them <strong>Kitchen Talks</strong>. Everyone is required to do a Kitchen Talk each season, and it can range from super-serious work topics to casual stuff like hobbies and games.</p>
<p><strong>Kitchen Talks are fun!</strong></p>
<p>Also very anxiety-inducing if you're the one presenting - but we don't talk about the negatives.</p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/slack%20talk.png" alt="Screenshot of a Slack conversation discussing a length of a Kitchen Talk" loading="lazy"/>
  <figcaption>A conversation with our Team Building Manager ❤</figcaption>
</figure>
<p>The hardest thing is usually coming up with a topic. Luckily, one of my colleagues had already figured it out for me. I showed a few of my pens during one of our meetups back in South Korea.</p>
<p>Next thing I know, the suggestion was in the &quot;Kitchen Talk Suggestions box&quot;. I ran with it. Heck, I didn't even bother to come up with a better title. The title suggested was literally <strong>&quot;Codepen Designs: Why She's Made Them and What She's Made.&quot;</strong> To clarify- it's not really Codepen &quot;designs&quot;, but rather Codepen &quot;projects&quot;.</p>
<p>Anyway, naturally, I love to make things more challenging so I decided to make a quick pen for my presentation slides.</p>
<p>&quot;Quick&quot;.</p>
<p>I've made the talk in <em>Codepen pen</em> form, presented it, and now this is the talk in <em>Codepen post</em> form. We've gone full circle. Also, here's the pen!</p>
<p> </p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="NoQEqX" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/NoQEqX">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
<p class="caption caption--center">View at 0.5x! As I've only optimized the pen for my presentation, it has to be slightly zoomed out -- I also use Codepen at 75% zoom and :pikachuface: every time I set it back to normal.</p>
<p> </p>
<h3>Introduction</h3>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/togglman.gif" alt="Gif of Togglman with the title Kitchen Talk" loading="lazy"/>
  <figcaption>My proudest invention this year 😂 This is Toggl Man (not official name), the mascot for Toggl in pure CSS</figcaption>
</figure>
<p>At the start of the presentation, I explained what Codepen is about and who uses Codepen. I showed a couple of examples as well, just to give them a better idea.</p>
<p> </p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="jxPgKv" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/jxPgKv">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p>The second example I showed. I think there are a lot of better pens out there but I showed this one because this was actually a snippet from one of our company fun projects.</p>
<p>The animations for our project back then were done with After Effects &amp; JavaScript but I wanted to try it out with CSS Animations, hence, this pen was created. I just wanted to show them something familiar 😄</p>
<h3>Why Codepen?</h3>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/whycode.gif" alt="Gif of text explaining why use Codepen" loading="lazy"/>
</figure>
<p>No brainer here that I do Codepen projects to <strong>practice coding</strong> and definitely, absolutely <strong>for fun</strong>. I had to point out the fact that a lot of Codepen projects I do are kind of useless concepts that can't be used in the real world.</p>
<p> </p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="moLrBq" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/moLrBq">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p> </p>
<p>I mean, really? Whatever though, they are super fun to me and that's all that matters 😂</p>
<p> </p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="dwBqwV" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/dwBqwV">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
&nbsp;
<p>Another fun pen. This pen has about 80% success rate for me every time I show it off - it usually sorts me into <em>Slytherin</em> 🐍 - but when I showed it during this talk, it sorted me into <em>Ravenclaw</em> 🐦. TWICE, ffs. 😭</p>
<p>For the point on &quot;small-scale projects&quot;, I actually wrote a <a href="https://codepen.io/oliviale/post/finding-the-motivation-for-personal-projects">blog post</a> explaining more in detail, but the gist of it is that I have trouble motivating myself to do big projects. So I stick to Codepen, which will usually take me about 5-15 hours.</p>
<h3>The Process</h3>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/process.gif" alt="Gif explaning the process" loading="lazy"/>
</figure>
<p>I then talk a little bit about my process.</p>
<p>It always starts with an idea. I jump into building it, usually with no planning. Halfway through, I start to negotiate with myself what feature I can cut down because I've already spent too much time on a pen and I should just wrap it up.</p>
<p>When I decide that a pen is done, believe me, I'm SO DONE. As in, I will ship it, <a href="http://twitter.com/meowlivia_">tweet about it</a>... and I don't want to see it anymore 😂</p>
<p>The good news about this process is that, if I ever choose to go back and work on an old pen, there are lots of things to improve on. Silver lining, amirite?
 </p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/sketch.png" alt="Comparison of a sketch vs a codepen" loading="lazy"/>
  <figcaption>If a pen is very visual, I do a sketch sometimes!</figcaption>
</figure>
<h3>Data</h3>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/data.png" alt="A bubble chart showcasing data" loading="lazy"/>
</figure>
<p>Used a very buggy bubbly chart to show this data (size is sort of relative to time spent; 3.5 hours = 35px width and height).</p>
<p>Also showcased the pen that took me the longest.</p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="qLYNbE" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/qLYNbE">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p class="caption caption--center">It's because the shapes are all CSS instead of SVG</p>
<h3>Inspiration</h3>
<p>I then talk a bit about how I get the inspiration for my pens. I have too many pens to showcase and I couldn't choose so I built a little random generator.
 </p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/inspiration.gif" alt="Gif of someone choosing an item" loading="lazy"/>
</figure>
<p> 
<strong>Everyday</strong>: Everyday items in my life</p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="rPjgmB" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/rPjgmB">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p class="caption caption--center">Like how I use Excel spreadsheets a lot for work</p>
<p> </p>
<p><strong>Favorites</strong>: My Favorites</p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="WJoqNZ" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/WJoqNZ">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p class="caption caption--center">Inspired by my favorite musical called Waitress. They had funny pie names 🥧</p>
<p> </p>
<p><strong>Concepts</strong>: Serious UI things or certain CSS concepts I want to test out.</p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="YgzNzK" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/YgzNzK">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p class="caption caption--center">Playing with hover effects</p>
<p> </p>
<p><strong>Jokes</strong>: Things I find funny or inside jokes with people in my life.</p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="vPvvyr" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/vPvvyr">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p class="caption caption--center">Lol</p>
<h3>Questions</h3>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/questions.png" alt="Photo of author and Chris Coyier" loading="lazy"/>
  <figcaption>I had the honor to meet Chris Coyier, and I thought it would be cute to grab a selfie so I could use it in the presentation 🤟</figcaption>
</figure>
<p>Every talk must have a Q&amp;A session, of course. I tried to grab all the questions that were asked.</p>
<p> </p>
<p><strong>Do you play dota?</strong> (I showcased a Dota-inspired pen)</p>
<p>Not anymore. Used to play but it was  too time-consuming.</p>
<p> </p>
<p><strong>&quot;I'm starting to suspect Olivia likes harry potter&quot;</strong></p>
<p>I know this is not a question, but yes.</p>
<p> </p>
<p><strong>Olivia, I need you to build me a Rainbow Six Operators hard counter relation grid.</strong></p>
<p>Trusty Slackbot answered this for me :D</p>
<figure class="figure--center">
  <img class="image-border" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/567707/mart.gif" alt="Gif of someone saying 'What the fuck?!'" loading="lazy"/>
  <figcaption>The person in this gif is the <a href="https://www.instagram.com/arcaderagecomics/">person who asked the question</a> haha</figcaption>
</figure>
<p> </p>
<p><strong>So, when are you joining the frontend team?</strong></p>
<p>I really dislike cross-browser compatibility fixes, and it's going to be a no as long as we still support IE11.</p>
<p> </p>
<p><strong>What are some challenges while working on projects?</strong></p>
<p>Unsolicited advice 😛 Especially by people who take things a lot seriously than I do for my fun pens.</p>
<p>I talked a bit about how you can receive 30 positive comments and one negative comment... and it's the negative one that keeps you awake at night. I know that this comes with the territory of sharing content online, but it will take some time for me to get used to it.</p>
<p>Ultimately, I try to remind myself that I really do all these pens for myself.</p>
<p> </p>
<p><strong>What is your favorite pen?</strong></p>
<p>I'm so glad this question was asked!! Because of the random pen generator, I basically put my faith into RNG and JavaScript that it would choose my favorite pen. If it didn't choose it, I would show it as a &quot;closing pen&quot;. But I forgot to do so because when you're presenting, all your plans/thoughts kinda go haywire.</p>
<p>But I got to show it in the end because the moderator asked &lt;3</p>
<p class="codepen" data-height="600" data-theme-id="dark" data-default-tab="result" data-user="oliviale" data-slug-hash="ZwWbNg" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Grid: Bingo Card">
  <span><a href="https://codepen.io/oliviale/pen/ZwWbNg">See the Pen</a> by Olivia Ng (<a href="https://codepen.io/oliviale">@oliviale</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p class="caption caption--center">Hands-down my favoritest pen for forever</p>
<p> </p>
<p><em><strong>- End presentation. Finito. -</strong></em></p>
<p> </p>
<h3>Overall Thoughts</h3>
<p>Boy, am I glad my colleague came up with this topic. It was a topic which I'm very comfortable with, so it was just easy storytelling on my end.</p>
<p> </p>
<p><strong>Do I regret using a pen as my slides?</strong></p>
<p>Oo, tough one. I guess, I do not? I definitely spent too much time on this pen. I was supposed to present on a different date but when the moderator asked me if I could present it a week earlier, I jumped on the chance because I know I would spend <em>even more time</em>.</p>
<p>But I think it's really cool to use a pen, given the topic.</p>
<p> </p>
<p><strong>Would I do it again though?</strong></p>
<p>Oh, hell yeah.</p>
<p> </p>

      ]]></content>
    </entry>
	
    
    <entry>
      <title>A Guide to Getting Cheap Broadway Musical Tickets</title>
      <link href="https://meowlivia.com/blog/a-guide-to-getting-cheap-broadway-musical-tickets/"/>
      <updated>2019-05-09T00:00:00-00:00</updated>
      <id>https://meowlivia.com/blog/a-guide-to-getting-cheap-broadway-musical-tickets/</id>
      <content type="html"><![CDATA[
        <p>I’ve recently embarked on a 10-shows-in-a-week journey and had a budget to adhere to: the “As Cheap As Possible” budget.</p>
<p>Here are a few honest tips I’ve learned throughout the week.</p>
<p><strong>Some basic terminology:</strong></p>
<ul>
<li>Matinee shows = 2 PM shows.</li>
<li>Evening shows = 7 PM or 8 PM shows.</li>
<li>There will be 2 days in a week where there are matinee shows, usually Wednesdays and Saturdays. Mondays are usually rest days, but schedules vary for each show so always Google first!</li>
<li>I will use the words “show” and “musical” interchangeably. I mean the same thing.</li>
</ul>
<h3>First and foremost – Should I buy musical tickets online? Should I buy them beforehand?</h3>
<p>Noooooo. If you can wait and buy tickets from the box office, this is a better option as you get to save on transaction fees. The only time I would advise to buy online is if it is a popular musical and you really, really, really want to watch it.</p>
<p>If you do decide to buy tickets online, do not purchase from <a href="https://broadway.com">broadway.com</a> (they charge ridiculous fees).</p>
<p>Visit sites like <a href="https://www.broadwaybox.com/">Broadway Box</a> for discounted tickets – I relied on this site a lot to check availability of the shows as well. Even if you buy in-person at the box office, showing the discount page of the site will net you the same-price ticket (and you save $10 on transaction fees, score!).</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/broadway-box.png" alt="Broadway Box for broadway ticket discounts" loading="lazy"/>
    <figcaption>broadwaybox.com and their many discounts!</figcaption>
</figure>
<p>Another resource which I did not use but was recommended to me was the <a href="http://www.playbill.com/discount">Playbill website</a>. Get on the newsletter so you get alerts for discounted tickets if you wish.</p>
<hr>
<h3>Ok gotcha, now how can I get cheap Broadway tickets?</h3>
<p>I would advise to work in this order.</p>
<h4>1. Visit <a href="https://www.broadwayforbrokepeople.com/">broadwayforbrokepeople.com</a></h4>
<p>This, imo, is the best resource to start with. The site lists down all the information and links to general rush queue tickets, lottery tickets and special discount tickets (e.g. For the Mean Girls musical, they sell tickets for cheap if you wear a pink item on Wednesdays!)</p>
<p><strong>Sidenote</strong>: The showtimes can be quite outdated so you have to double-check. I relied on this and tried my luck at the box office and was told that the show started half an hour ago 😛.</p>
<hr>
<h4>2. Enter the lottery</h4>
<p>You can get the links to the lottery from the <a href="https://www.broadwayforbrokepeople.com/">broadwayforbrokepeople.com</a> site or just google “[Musical Name] Broadway Lottery”. Most musicals have digital lotteries.</p>
<p><em>Caveat: Only 2 tickets per person! Seats are assigned, although most sites do tell you what seats you’ll get.</em></p>
<p>Some sites (e.g. <a href="https://beta.luckyseat.com/home">Luckyseat</a>) will have lottery entries for multiple musicals so you should just visit that site and enter for multiple shows. Some musicals are so huge, they have an app for it!</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/broadway-hamilton.png" alt="Hamilton lottery tickets app" loading="lazy"/>
    <figcaption>Hamilton lottery app</figcaption>
</figure>
<p>The main tip if you are not picky about the musicals you want to watch: <strong>Enter as many shows as you can, at whatever showtimes</strong>.</p>
<p>Chances are you won’t win 😂</p>
<p>I entered the lottery more than 50 times (many different musicals for every show for 7 days) and I didn’t get a single one.</p>
<p>If you do win the lottery – <strong>JUMP ON THE CHANCE</strong>.</p>
<p>Most lottery results are announced the day before so even if you don’t get it, there’s plenty of time to get tickets for other shows (if you’re not picky about the shows itself and seats).</p>
<p>If you want the old-school experience, you can also enter <strong>in-person</strong> lotteries. Not many musicals do this anymore, but the Wicked musical – a very good musical, I must add – still do them. Basically, you go to the box office 2.5 hours before the show opens to put in your name, wait 30 minutes for the lottery results and pay on the spot when you get them!</p>
<p><em>Annnddd…. you didn’t win the lottery (bummer). Now what?</em></p>
<hr>
<h4>3. Line up for general rush tickets!</h4>
<p>General/Rush/General rush queue started off as a way to allow poorer people 🙋‍♀️ to afford watching musicals. Basically, on the day of the show, you line up at the box office, and you can get tickets for cheap until sold out.</p>
<p><em>Caveat: Maximum 2 tickets per person.</em></p>
<p> </p>
<p>Here is a mini Q&amp;A.</p>
<h5><strong>How much are rush tickets?</strong></h5>
<p>Usually between $30-50, so a discount of about 50% or more of the original price.</p>
<h5><strong>What kind of seats will I get for general rush?</strong></h5>
<p>Rush tickets could be any seating assigned by the box office attendant.</p>
<p>Some musicals also let you know the types of seats given out on the official show. A lot of musicals actually give out orchestra seats (section nearest to the stage). Sounds like a good deal? <strong><em>Maybe</em></strong>.</p>
<p>For some production sets, orchestra seats could also mean that it is <strong>partial view</strong> because you are too front and can’t see the whole stage comfortably. I have gotten excellent seats and some not-so-good ones – it’s all luck.</p>
<p>The silver lining is when you sit in the orchestra section, you get to see the facial expressions of the cast very clearly. I know this is important for some people. If you are one of them, this is a higher incentive for you to go for rush tickets!</p>
<p> </p>
<h5><strong>What time should I start lining up for general rush queue?</strong></h5>
<p>The most annoying answer – <strong><em>it depends</em></strong>.</p>
<p><strong>a) If the show has been around for a while and you see discounted tickets are available online</strong> (check broadwaybox.com!)…
You can go a bit later. All box office opens at 10 AM every day, 12 PM on Sundays. “A little later” is about 1 hour before the box office opens, so 9 AM.</p>
<p><strong>b) If there are 2 shows for the day…</strong>
You can also go a little later, as the ticket purchases are split between 2 shows so there is a higher chance you can get a ticket for either show even if the queue is longer.</p>
<p><em>Example:</em>
I went at 9.20 AM earlier on a Wednesday to purchase a ticket for a matinee show. I got one just fine. On Sundays, you may want to go slightly earlier as well. I stupidly thought the box office opens at 10 AM, so I started lining up at 8.30 AM and people were already lining up!</p>
<p>My face when I found out box office opens at 12 PM on Sundays:</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/broadway-dead.gif" alt="Wtf" loading="lazy"/>
</figure>
<p>That said, the queue wasn’t that long even at 10AM on this Sunday.</p>
<p><strong>c) If the show is famous/won many Tony awards…</strong>
I would go at least 2-4 hours before box office opens.</p>
<p><strong>d) If the show is closing soon…</strong>
Yikes. I heard at one point, during the closing weeks of Anastasia, people started lining up as early as 4 AM. I personally wouldn’t do this unless you have excellent entertainment devices to keep you occupied for a lot of hours.</p>
<p> </p>
<h5><strong>How many rush tickets are sold every day? What is the guarantee I will get a rush ticket?</strong></h5>
<p>Subject to availability, and the information of number of tickets being sold is not available anywhere!</p>
<p>You can’t even gauge if you’re gonna get a ticket based on the number of people in line because you don’t know how many are on sale that day.</p>
<p>I was freezing my ass off in a queue for a show and was the 8th person – pretty confident that I would get a ticket. 20 minutes before box office opens, a woman comes out and said there are no rush tickets for the day.</p>
<h5><strong>Is it worth it?</strong></h5>
<p>You broke? You trying to save money? You will love the show wherever you sit anyway? Hell yes.</p>
<p><em>The show I want to see doesn’t do general rush tickets. I love lining up in queues. Any other option?</em></p>
<hr>
<h4>4. Line up at the TKTS Booth</h4>
<p>This is another option but warning: I did not do this because I have planned to watch shows with general rush so I can only give tips based on what I’ve read online.</p>
<p><strong>TKTS booth gives you discounted tickets for same-day shows.</strong> They also open at 10AM, and you must also go early. The good news is that even if the queue is long, you may still have a chance to get tickets for the shows that you want because they sell tickets for every show.</p>
<p>Also obsessively <a href="https://www.tdf.org/nyc/81/TKTS-Live">check this page</a> for real-time listings of all the shows that are on sale at the TKTS booth.</p>
<hr>
<h4>5. Use the TodayTix app</h4>
<p>You can also use this for discounted tickets, but I see that they are similar to <a href="http://broadwaybox.com/">broadwaybox.com</a> in terms of discounts offered.</p>
<p>You can buy discounted tickets, and use their <strong>Concierge service</strong>, where you will buy the ticket through the app ($10 transaction fee included), meet someone 30 minutes before the show begins and they will hand you the ticket.</p>
<p>100% reliable – I did this and didn’t get scammed 👌</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/broadway-todaytix.jpg" alt="TodayTix app" loading="lazy"/>
    <figcaption>TodayTix app</figcaption>
</figure>
<p>But I’m also recommending this app because some musicals have a <strong>Mobile Rush</strong> option via this app.</p>
<p>At 10 AM when box office show opens, you can purchase the tickets for ~$30-50 on the app. It is difficult though, I’ve tried multiple times and I always get the “All tickets are in someone else’s basket right now, suck it!” response.*</p>
<p>* Not the exact phrasing, but it sure felt like it.</p>
<p><em>You’ve tried everything and didn’t get rush tickets. Now what?</em></p>
<hr>
<h4>6. Buy tickets at the box office itself</h4>
<p>Save up to $10-15 per show of transaction fees! Believe me, when you’re watching 10 shows, the savings do add up!</p>
<p>If you are lucky and if the box office attendant feels nice for the day, they might hook you up with cheaper tickets. I heard an attendant discussing with another attendant, saying <em>“Well, can we give her this seat for just $69? She’s looking for the cheapest seat.”</em></p>
<p>Now I don’t know for sure if the seat <em>really is better</em>, but I like to think that I got better tickets so… please let me believe this 😄</p>
<p> </p>
<h5><strong>What kind of seats should you get?</strong></h5>
<p>The cheapest non-partial-view seat is your best bet!</p>
<p><strong>Tip</strong>: If it’s an extra $10 or $20 for a much better seat, don’t skimp. You will regret it. (I’m cheap, so I settled for a slightly cheaper ticket… yeap, I regretted it).</p>
<p> </p>
<h5><strong>What are standing room tickets (SRO)?</strong></h5>
<p>When a performance is sold out, a limited number standing room tickets are available for purchase. You stand the whole show. <strong>It’s a single line</strong>, so you’re not going to be behind someone super tall.</p>
<p><em>Caveat: Limited to 2 tickets per person.</em></p>
<p>Also note that if you are short, sometimes the barrier can be quite tall. <strong>You need to ask the box office attendant how tall it is</strong>. I did and the box office attendant let me into the theatre just to make sure I could watch comfortably.</p>
<p>I got advice that I should get a SRO ticket for a shorter show (the <em>Come From Away</em> musical is only 100 minutes with no intermission)… superb advice! When you’re enjoying the show, it doesn’t feel that long anyway.</p>
<figure class="figure--center">
	<img class="image-border image-vertical" src="/images/blog/broadway-standing-room-seat.jpg" alt="Broadway Standing Room Seat" loading="lazy"/>
    <figcaption>I’m taller, yay!</figcaption>
</figure>
<p>For another show, I sat on the very last row. There was a couple of tall people in front of me who pretty much blocked out my entire view. Halfway through the performance, I just stood up to watch (no one directly behind me). The SRO line stood behind my row; it was honestly just better/cheaper for me to just get an SRO ticket.</p>
<figure class="figure--center">
	<img class="image-border image-vertical" src="/images/blog/broadway-last-row.jpg" alt="Broadway Last Row" loading="lazy"/>
    <figcaption>Said show where that dude’s head was blocking. The lady in front of me kept leaning left to talk to her partner throughout the show, further blocking my view. So I stood up in the end 🤷‍♀️</figcaption>
</figure>
<p> </p>
<h5><strong>What about partial view seats? It’s always the cheapest!</strong></h5>
<p>Oooo, risky! For productions which utilize the full stage, <strong>don’t</strong>. You will get a sub-par experience. Partial views could mean:</p>
<p><strong>a) Some set items will block your view if you are too far right/left of the theatre.</strong></p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/broadway-frozen.png" alt="Broadway Frozen show" loading="lazy"/>
</figure>
<p>I sat in the 3rd row, far right. Not only do those large set items blocked my view, they also had digital projections (for the icy effects) and I couldn’t really see the whole spectacle as I was way too close.</p>
<p> </p>
<p><strong>b) There is a pole if you’re in the back sections (mezzanine/balcony)</strong></p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/broadway-prom.jpg" alt="Broadway Prom" loading="lazy"/>
    <figcaption>For one of the shows I watched, I got this pole</figcaption>
</figure>
<p>The good news is if the theatre has balcony seats, it is a <strong>huge</strong> theatre and chances of them selling out the whole show is low. That means that you can move to other seats if you know for sure it is not occupied.</p>
<p>For this show, the usher told us that we are free to move to better seats upfront. I did move two seats away to get the annoying pole out of my view.</p>
<p> </p>
<h5><strong>How do I know which partial views are okay?</strong></h5>
<p>Google! Google “[Show name] broadway partial view” and you will most likely get links to <a href="https://reddit.com/">Reddit</a> or <a href="https://www.broadwayworld.com">https://www.broadwayworld.com</a> where people discuss extensively about shows and seats.</p>
<p>The advice given is very helpful! You will read feedback such as “I was at seat G10 and I didn’t miss much” or “A lot of scenes happening in far right of the stage. If you get partial view tickets, sit on the left hand side of the theatre.”</p>
<hr>
<h4>7. Try broadwayroulette.com</h4>
<p><a href="http://broadwayroulette.com/">This site here</a> is for the ones who like risks. I personally did not use this option, but basically, you pay less than $60 and you will get tickets to a random musical chosen for you.</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/broadway-roulette.png" alt="Broadway Roulette" loading="lazy"/>
    <figcaption>You can cross out 4 musicals</figcaption>
</figure>
<p>I didn’t do this as I have too many shows I <strong>did not</strong> want to watch. But if you are a free-spirit and wouldn’t mind any musical, this could be a really cheap option.</p>
<hr>
<h4>8. All out of luck? Watch an off-broadway show!</h4>
<p>Sometimes shows run off-broadway as a market test to see whether they are popular enough to be on Broadway. So you might get lucky and get to watch a really good show. I would personally Google reviews though.</p>
<hr>
<p>That’s all the tips I have for you today. Now…</p>
<h3>What did I personally do?</h3>
<p>This post is getting quite long, so I wrote about my personal experience in another blog post instead. You can <a href="/blog/i-watched-10-broadway-musicals-in-a-week/">check it out here</a>, or if you have a specific question, comment below or <a href="https://www.twitter.com/meowlivia_">drop me a message on Twitter</a>. I’m not an expert by any means, but I never not give my two cents 😁</p>

      ]]></content>
    </entry>
	
    
    <entry>
      <title>I Watched 10 Broadway Musicals in A Week</title>
      <link href="https://meowlivia.com/blog/i-watched-10-broadway-musicals-in-a-week/"/>
      <updated>2019-05-08T00:00:00-00:00</updated>
      <id>https://meowlivia.com/blog/i-watched-10-broadway-musicals-in-a-week/</id>
      <content type="html"><![CDATA[
        <p>It’s amazing what a single video clip can do to your dreams, bucket list and bank account. A few years ago, I watched this phenomenal video of Neil Patrick Harris performing the opening number of the 2013 Tony Awards.</p>
<iframe width="560" height="500" src="https://www.youtube.com/embed/4SQfsBsMFls" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<p class="caption caption--center">It was so good, they won an Emmy award for this performance</p>
<p>At timestamp 5:31, he says “See, on Broadway, we don’t need extreme closeups to prove we’re singing live. We sing live 8 shows a week, check it!”</p>
<p>… and then I thought, you know what would be cool?
<strong>If I manage to watch 8 shows a week.</strong></p>
<p>AND SO I DID. It took me about 6 years, but I got here in the end.</p>
<h3>The rules:</h3>
<ul>
<li>Buy tickets for the shows which I definitely want to watch for a stress-free experience.</li>
<li>At least 8 musicals. (You can see that I managed to watch 10 shows in total, thanks to different schedules for ‘rest’ and ‘matinee’ days)</li>
<li>Of the 8 musicals watched, 4 of them must be ones I have not heard the full Broadway recording/do not know all the lyrics to.</li>
<li>The remaining 4 musicals can be anything/whatever that is “cheaper”/affordable.</li>
<li>Try sitting at different sections, wherever possible for the “experience”.</li>
</ul>
<p>I broke Rule #1 right off the bat 🙈</p>
<p>The thing is, I could <em>not</em> buy them in advance because they were too expensive. 5 shows at a standard $99 would set me back $495, not including online “convenience” fees (at least $15 per transaction + I can’t buy them altogether in one purchase, which is ridiculous to me).</p>
<p>So the entire trip turned into a spontaneous money-saving trip and I had to start researching about getting cheaper tickets.</p>
<p>I learned so much, <a href="/blog/a-guide-to-getting-cheap-broadway-musical-tickets/">I actually put all the tips into a guide</a> on how to get cheaper Broadway tickets.</p>
<p>The guide is more formal. This post is a photo diary of some sort.</p>
<h3>The Strategy</h3>
<p>I arrived in NYC on Monday afternoon with only a ticket to one show on Tuesday night.</p>
<p><strong>I entered every single lottery out there from Monday to Sunday, except for that Tuesday.</strong></p>
<p>As each day passes (and I get the result that I did not win for the day/next day performance), I’ll buy tickets to either…
a) the musicals which I really, really want to watch or,
b) the ones that do not have lotteries (because it would really suck if I would buy tickets for a show and then win the lottery later during the week).</p>
<p>If I happen to win tickets to <em>Hamilton</em>, even if I already did have a ticket to a show on the same time, I would choose <em>Hamilton</em>. Because <em>Hamilton</em>.</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/broadway-rejection.png" alt="Broadway Lottery Rejections" loading="lazy"/>
	<figcaption>A typical week after modifications</figcaption>
</figure>
<hr>
<p><strong>Monday: Head to the box office to see if there are rush tickets still available.</strong></p>
<p>No lottery win. My game plan was straightforward. Mondays are “rest days” for most musicals, with only 3 shows which I’m interested in.</p>
<p>I already have the 3 shows in my mind. How?
Because I’ve made a freaking list of course!</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/broadway-musical-plan.png" alt="Broadway Musical Plan" loading="lazy"/>
    <figcaption>Approach everything with a plan 💪</figcaption>
</figure>
<p>I settled on watching <em>Tootsie</em>. It’s got good reviews online and it’s a “fun” musical. I always prefer a stress-free musical. My least favorite musical is <em>Les Misérables</em> because all the songs are depressing AF.</p>
<p>I digress.</p>
<figure class="figure--center">
	<img class="image-border image-vertical" src="/images/blog/broadway-tootsie.jpg" alt="Tootsie Musical" loading="lazy"/>
    <figcaption>Tootsie Broadway musical</figcaption>
</figure>
<p>It was fun, indeed! Wouldn’t say it changed my life in any way, and I didn’t walk out humming any of the songs. The cast is great, for sure. No stage-dooring today!</p>
<hr>
<p><strong>Tuesday is a Stress-free Day</strong></p>
<p><em>Other than the sadness of not winning more lotteries.</em></p>
<p>I paid some good money for <em>Dear Evan Hansen</em>. I bought tickets online beforehand because it was one of my favorite musicals. They also do not have general rush and I just thought that tickets are more likely to sell out.</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/broadway-dear-evan-hansen.png" alt="Dear Evan Hansen Musical" loading="lazy"/>
    <figcaption>Love the seats in this theatre, I could see clearly!</figcaption>
</figure>
<p>One of my most disappointing shows for the week. Background music was so much louder than the singing. Acting was just so-so.</p>
<p>I was so disappointed, I decided not to wait at the stage door as well.</p>
<hr>
<p><strong>Wednesday, Hectic Day!</strong>
Despite Wednesday being the day for two shows for almost every musical, I could only watch one as I had dinner plans with a friend.</p>
<p>I decided to try to queue up for <em>Waitress</em>, my most favorite musical ever and I knew my brain wouldn’t shut up about it if I waited till the end of the week. They also do not do lotteries so this was a no-brainer.</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/broadway-waitress.png" alt="Waitress Musical" loading="lazy"/>
    <figcaption>Found a cute Waitress promoter while randomly walking! Pic 2: Me in the General Rush queue </figcaption>
</figure>
<p>While waiting in line, I was very conflicted. <strong>Favoritest musical ever– shouldn’t I fork up some money to at least get some good seats?</strong> I didn’t know what seats I would get with general rush.</p>
<p>Well, eff that. <strong>I got Orchestra seats</strong> (the front seats), and not partial view! If I was any more emotional that day, I would honestly find a corner and quietly sob in happiness.</p>
<p>I think it was sort of partial view, but because the show uses mainly the center of the stage, you can see most of the show. I would love to see more of the props though (3rd row = you’re looking up towards the stage = you can’t see the items on a table. It’s a musical about baking- <em>there are a lot of items on the table</em>). But I can’t complain, 3rd row for $42!</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/broadway-waitress-stage.png" alt="Waitress Musical Stage" loading="lazy"/>
    <figcaption>Also have the cutest decor! You can write messages on a receipt.</figcaption>
</figure>
<p>It was so good, I spent the next few days contemplating if I should watch it again with better seats. I’ve watched this musical a lot of times (<em>cough</em> don’t ask me how). I know the lyrics to all the songs, I know the scenes, I know the script, and it still managed to awe me.</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/broadway-waitress-cast.png" alt="Waitress cast broadway musical" loading="lazy"/>
</figure>
<p>Of course I would stage-door. I was most excited for <em>Jeremy Jordan</em> (Broadway superstar) but he was on vacation. That being said, absolutely adored this cast.</p>
<hr>
<p>My dinner plans ended at 7.40PM. Most shows start at 8:00PM. Should I try to watch a musical? YES I SHOULD.</p>
<p>I tried <em>Come From Away</em> as it was also one of my must-watch but the box office attendant told me the show started at 7PM (oops). I just about gave up, because I thought the ROI of walking to every single theatre wasn’t that great.</p>
<p>On the way back to my hostel, I passed by the theatre for the musical <em>The Prom</em>.</p>
<p><strong>I just walked into the box office and asked if they had any tickets.</strong></p>
<p>I was seated in the theatre 8 minutes later.</p>
<figure class="figure--center">
	<img class="image-border image-vertical" src="/images/blog/broadway-the-prom.jpg" alt="Prom broadway musical" loading="lazy"/>
    <figcaption>I had a pole in front of me but because it wasn’t a sold out show, I moved to a better seat.</figcaption>
</figure>
<p>It was another fun show! I didn’t really like the pacing of the story (because you can sing away homophobia with only one song, amirite?), but the songs and cast were great. This was one of the few musicals that I actually made the effort to listen to the songs again.</p>
<hr>
<p><strong>Rush queue for Thursday’s show!</strong></p>
<p>I failed to get a rush queue ticket for <em>Come From Away</em> as I was quite far behind the queue but settled for a standing room ticket, which was great!</p>
<p>The show was only 100 minutes, so standing the whole show wasn’t too terrible.</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/broadway-come-from-away.png" alt="Come From Away broadway musical" loading="lazy"/>
    <figcaption>With Jenn Collela, my favorite in the cast!</figcaption>
</figure>
<p>I was so glad when I saw a lot of the original cast! It’s been 2 years since the opening of this show, and usually I don’t expect to see the original cast. But holy shit!!</p>
<hr>
<p><strong>Friday was just frustrating as I ran out of musicals that I was passionate about so everything is a 50/50 shot.</strong></p>
<p>Also, all shows left on the list now have lotteries and I was still holding onto some hope that I would win any.</p>
<p>In the end, I chose to go for general rush for <em>Kiss Me Kate</em>. 20 minutes before the box office opens, the attendant came out and told us no rush tickets today. I knew I was already too late to get in line for another general rush queue.</p>
<p>So I opened the <strong>TodayTix</strong> app and looked for shows with discounts.</p>
<figure class="figure--center">
	<img class="image-border image-vertical" src="/images/blog/broadway-book-of-mormon.jpg" alt="Book of Mormon broadway musical" loading="lazy"/>
    <figcaption>Recommended for atheists 😂</figcaption>
</figure>
<p>Settled for <em>Book of Mormon</em>. I heard a lot of mixed reactions about this show. I did enjoy it though – also another musical where I looked up the songs after. One of the songs was stuck in my head for forever 🙄</p>
<hr>
<p><strong>Saturday is just me hoping general rush doesn’t fail on me again.</strong></p>
<p>I chose to stand in line for <em>Be More Chill</em>, mainly because <em>Will Roland</em> is playing the main lead.</p>
<p>In the mean time, I was on the <strong>TodayTix app</strong> trying to get mobile rush tickets for <em>Kiss Me, Kate</em>, mainly because <em>Corbin Bleu</em> is playing one of the mains 😂</p>
<p>Well, mobile rush is about as good as entering the lottery – I keep getting error messages throughout.</p>
<p>So I got my <em>Be More Chill</em> ticket and had to throw a dart and choose a show. I decided on <em>Frozen</em> as I heard it was a good show, production wise.</p>
<hr>
<p><strong>I walked into the box office and asked for the cheapest ticket for the Saturday matinee show for <em>Frozen</em>.</strong></p>
<p>The box office attendant said cheapest is $79 for partial view, but he could get me really good seats for $99. Here is where my cheap ass failed me.</p>
<p>I chose the $79 and pretty much missed a lot of scenes because of the partial view. I didn’t think that the soundtrack or show was that great either. The plot is nothing new, so there’s no extra factor.</p>
<figure class="figure--center">
	<img class="image-border image-vertical" src="/images/blog/broadway-frozen.jpg" alt="Frozen broadway musical" loading="lazy"/>
    <figcaption>Meh.</figcaption>
</figure>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/broadway-be-more-chill.png" alt="Be More Chill broadway musical" loading="lazy"/>
    <figcaption>This show has the biggest stage door crowd I’ve seen!</figcaption>
</figure>
<p>I also got partial view for <em>Be More Chill</em>, so I missed a good number of scenes as well. The songs are a bit of a hit and miss. Only a few people in the cast really stood out, <em>George Salazar</em> (in picture above) was one of them.</p>
<hr>
<p><strong>Because of <em>Frozen</em>, I hesitated to watch <em>Mean Girls</em> for Sunday.</strong></p>
<p>I just thought that musicals aren’t as interesting if I already knew the plot. That being said, I took a chance anyway and stood in line for general rush.</p>
<p>In the mean time, I was still trying my luck for mobile rush for <em>Kiss Me, Kate</em>‘s 3 PM show. No luck.</p>
<figure class="figure--center">
	<img class="image-border image-vertical" src="/images/blog/broadway-rush-queue.jpg" alt="General rush queue" loading="lazy"/>
    <figcaption>Me waiting for 3.5 hours while freezing my ass off. So done with this shit.</figcaption>
</figure>
<p>So after getting my ticket for the evening show for <em>Mean Girls</em>, I walked to <em>Kiss Me, Kate</em>‘s box office and bought an expensive ass ticket for the 3PM show.</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/broadway-kiss-me-kate.png" alt="Kiss Me, Kate broadway musical" loading="lazy"/>
</figure>
<p>I’m 50/50 on <em>Kiss Me, Kate</em>. The story was kind of slow, and the songs go on <em>forever</em>. The cast is absolutely gorgeous though. Look at the perfection that is <em>Kelli O’Hara</em> and <em>Stephanie Styles</em>. 😍</p>
<hr>
<p><strong>So, if you’re keeping count, I wasn’t really satisfied with the last 3 shows I’ve watched. I was totally unenthusiastic about the last show.</strong></p>
<p>In a different circumstance (where I didn’t just watch 9 shows in a row, perhaps), I would probably be able to appreciate the shows more.</p>
<p>But the more shows I watched, the higher my expectations were.</p>
<p>The good news: <em>Mean Girls</em> was surprisingly good and enjoyable! The cast is excellent, the jokes are funny, songs are good, and they used the set well.</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/broadway-mean-girls.png" alt="Mean Girls broadway musical" loading="lazy"/>
</figure>
<p>I’m glad I closed the week with this show.</p>
<p>And this concludes my very eventful week!</p>
<h3>The Cost</h3>
<p>If you want to do this too, I suppose. Here goes:</p>
<table>
<thead>
<tr>
<th style="text-align:left"><strong>Item</strong></th>
<th style="text-align:right"><strong>Cost</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">Tootsie Musical (Walk-in, Last Row Orchestra)</td>
<td style="text-align:right">$69</td>
</tr>
<tr>
<td style="text-align:left">Dear Evan Hansen Musical (Online, Mid Mezzanine)</td>
<td style="text-align:right">$123.75</td>
</tr>
<tr>
<td style="text-align:left">Waitress Musical (General Rush, 3rd Row Orchestra)</td>
<td style="text-align:right">$40</td>
</tr>
<tr>
<td style="text-align:left">Prom Musical (Walk-in, Back Balcony – Partial)</td>
<td style="text-align:right">$49</td>
</tr>
<tr>
<td style="text-align:left">Come From Away Musical (Walk-in, SRO)</td>
<td style="text-align:right">$32</td>
</tr>
<tr>
<td style="text-align:left">Book of Mormon Musical (TodayTix, Last Row Orchestra)</td>
<td style="text-align:right">$81.50</td>
</tr>
<tr>
<td style="text-align:left">Frozen Musical (Walk-in, Front Orchestra – Partial)</td>
<td style="text-align:right">$79.50</td>
</tr>
<tr>
<td style="text-align:left">Be More Chill Musical (General Rush, Front Orchestra – Partial)</td>
<td style="text-align:right">$40</td>
</tr>
<tr>
<td style="text-align:left">Kiss Me, Kate Musical (Walk-in, Back Mezzanine)</td>
<td style="text-align:right">$99</td>
</tr>
<tr>
<td style="text-align:left">Mean Girls Musical (General Rush, Front Row Orchestra – Partial)</td>
<td style="text-align:right">$42.50</td>
</tr>
<tr>
<td style="text-align:left">Accommodation for 7 nights (a dorm bed in hostel)</td>
<td style="text-align:right">$533.65</td>
</tr>
<tr>
<td style="text-align:left">Food</td>
<td style="text-align:right">$145.80</td>
</tr>
<tr>
<td style="text-align:left">Transportation</td>
<td style="text-align:right">$34</td>
</tr>
<tr>
<td style="text-align:left"><strong>Total</strong></td>
<td style="text-align:right"><strong>$1369.70</strong></td>
</tr>
</tbody>
</table>
<p>Please don’t take the food expense seriously, I was pretty much eating less than 2 meals a day (sometimes 1) + my friend bought me a meal when we met up. If you want a realistic food expense, please double or triple the amount.</p>
<p>Annnnd, that’s it!</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/broadway-playbills.jpg" alt="Broadway playbills" loading="lazy"/>
    <figcaption>Broadway musical playbills. Did not get a playbill for Tootsie 🤷‍♀️</figcaption>
</figure>

      ]]></content>
    </entry>
	
    
    <entry>
      <title>Yee Peng Lantern Festival - The Most Magical Festival in Thailand</title>
      <link href="https://meowlivia.com/blog/yee-peng-lantern-festival-the-most-magical-festival-in-thailand/"/>
      <updated>2019-01-28T00:00:00-00:00</updated>
      <id>https://meowlivia.com/blog/yee-peng-lantern-festival-the-most-magical-festival-in-thailand/</id>
      <content type="html"><![CDATA[
        <h3>What is the Yee Peng Festival?</h3>
<p>If you’ve seen a picture of thousands of lanterns in the sky, it is most probably taken during the Yee Peng Lantern Festival held in Chiang Mai, Thailand.</p>
<p>Like the <a href="/taiwan-pingxi-lantern-festival">Pingxi Sky Lantern Festival in Taiwan</a>, it is pretty much the lantern scene in the Disney Movie, <em>Tangled</em>.</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/tangled.jpg" alt="Tangled Scene" loading="lazy"/>
	<figcaption>That Tangled scene.</figcaption>
</figure>
<h3>When is the Yee Peng Lantern Festival?</h3>
<p>The dates change every year. <strong>Do not be mistaken though!</strong> There are two festivals going on in Thailand at the same time: The Loy Krathong Festival and the Yee Peng Festival.</p>
<p>The <strong>Loy Krathong Festival</strong> goes on for a week, where people release banana-leaf boats decorated with flowers and incense sticks into the river. You can also catch performances in the Chiang Mai Old City throughout the week.</p>
<p><strong>Yee Peng Festival</strong> is usually at the end of Loy Krathong week. This is when people release floating lanterns into the sky. This is the one that you’re Googling to research more about should this post has insufficient information.</p>
<p>For 2022, <em>Yee Peng Festival</em> is on November 8-9, 2022.</p>
<p> </p>
<h3>How can I participate in the massive lantern release?</h3>
<p>The massive lantern releases are organized events at locations outside the city center. <strong>You would need to reserve your spot online and yes- you have to pay in advance.</strong></p>
<p>I know of two well-known private events.</p>
<h5>Yee Peng Lanna Festival at Mae Jo</h5>
<p>This event used to be free in early 2010’s, but due to its popularity, it is now a private event that costs at least USD $100. This was initially the biggest event with more than 4,000 lanterns released.</p>
<p>Last year, the event size was reduced and there were “only” 3,000 lanterns. This event sold out in early September in 2018 (2 months before the event).</p>
<h5>Yee Peng Doi Saket</h5>
<p>Another event which also costs at least USD $100 with 3,000 lanterns. There were still tickets on sale when we bought them in mid September, but standard tickets were sold out. We had to buy VIP tickets (USD $150).</p>
<p>There are also two other events – one near Mae Ping River and another at Mae Rim, <a href="https://www.bonvoyagethailand.com/chiang-mai-tours/yee-peng-festival/?fbclid=IwAR0pQG78SND0B66ILTa_xKOWB30VgpMRoiHV8o0Uede8MmbCjiU7GAEyWuU">according to this source</a>.</p>
<p> </p>
<h3>Where can I purchase tickets to the Yee Peng Lantern Festival?</h3>
<p>You can purchase your tickets here: <a href="https://yeepenglanternfestival.com">https://yeepenglanternfestival.com</a>.</p>
<p>The site looks quite dodgy (more like overly simple for such a big event), but it is completely legit – we bought ours through the site! You pay via PayPal and will receive a confirmation email upon purchasing.</p>
<p>A few weeks before the event, they will send you another email with more information.</p>
<p>You should also follow <a href="https://www.facebook.com/YeePengLanternFestival/">this Facebook page</a>. They have constant updates about ticket availability for both events and the vendors who sell them. They responded to my inquiries quite quickly.</p>
<p> </p>
<h3>What happens during the Yee Peng Festival?</h3>
<p>Because there isn’t much to guide through, this post will not be a complete guide, more like a quick recap of my experience.</p>
<p>We were asked to gather at a preset location at 4:00 PM. It was at Prasert Land in the Nimman area, walking distance from our apartment so that’s a nice plus!</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/yeepeng-buses.jpg" alt="Gathering for the Yee Peng Festival" loading="lazy"/>
	<figcaption>Buses, buses everywhere!</figcaption>
</figure>
<p>There was a special lane for VIP ticket holders. We got registered, received our wristbands and in the comfy van we go! The non-VIPs get on the buses instead.</p>
<p>It took about an hour to get to Doi Saket.</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/yeepeng-entrance.jpg" alt="Yee Peng Doi Saket" loading="lazy"/>
</figure>
<p>The VIP area is closest to the stage, although I personally don’t think VIP seats are any better as you’ll see a ton of lanterns wherever you look.</p>
<p>If anything, I think it’s better to sit further back because performances are loud and you’re nearer to the speakers.</p>
<p>Regardless of VIP or not, you get a specific chair based on the number on your ticket and you can’t switch.</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/yeepeng-festival-seats.jpg" alt="Yee Peng Festival Seats" loading="lazy"/>
	<figcaption>They all got their numbers mixed up and it was a 15-minute confusion 🤦🏻</figcaption>
</figure>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/yeepeng-festival-seat.jpg" alt="Yee Peng Festival Seat" loading="lazy"/>
	<figcaption>All good in the end</figcaption>
</figure>
<p>And then, we wait!</p>
<p>We had about 2 hours to kill. The event is actually at <em>Doi Saket Hot Springs</em>, so there are you know, hot springs and a canal that you can dip your feet into.</p>
<p><em>Do I really want to dip my feet in a canal of questionable cleanliness though?</em> 🙃</p>
<p> </p>
<p>Here are a few things that you can do while waiting.</p>
<h5>Get your Instagram shots!</h5>
<p>There is a rice paddy field that will give you some gorgeous shots.
Heels are not recommended – there is a muddy patch you’d need to walk through to get to it.</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/doi-saket-paddyfield.jpg" alt="Doi Saket Paddyfield" loading="lazy"/>
	<figcaption>Plants! 🌾</figcaption>
</figure>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/yeepeng-thingstodo.jpg" alt="Doi Saket Thing To Do" loading="lazy"/>
</figure>
<h5>Release your Krathong at the nearby river.</h5>
<p>Each person gets a free Krathong!</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/yeepeng-floating.jpg" alt="Releasing krathong" loading="lazy"/>
</figure>
<h5>Watch performances.</h5>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/yeepeng-performances.jpg" alt="Yee Peng Performanes" loading="lazy"/>
	<figcaption>A very fiery performance 🔥</figcaption>
</figure>
<h3>And the real deal finally begins!</h3>
<p>15 minutes before the synchronized release of lanterns, they will show a demonstration video on how to light up and release the lanterns safely. They will tell you a million times to not light up the lantern in 4 different languages – it is purely a demonstration video – we will all release lanterns at 8:00 PM.</p>
<p>It is at this point in time that you realize some people are incapable of listening to instructions and release their lanterns prematurely anyway.</p>
<p>And at 8:00 PM, we release the lanterns together. It is not <em>really, fully</em> synchronized, as some lanterns take longer than others to be filled with hot air to float properly.</p>
<p>But with thousands of them, you get this view regardless…</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/yeepeng-festival-1.jpg" alt="Yee Peng Festival" loading="lazy"/>
	<figcaption>Not an Instagram photo, I must be laughing at someone trying to light up their lantern 😂</figcaption>
</figure>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/yeepeng-festival-2.jpg" alt="Yee Peng Festival" loading="lazy"/>
	<figcaption>The first few seconds of the release…</figcaption>
</figure>
<p>And within a minute, you get this…</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/yeepeng-festival-3.jpg" alt="Releasing krathong" loading="lazy"/>
</figure>
<p><strong>Tip:</strong> The first two to three minutes is the best time to take photos as there are a heck tons of lanterns. Any later, people are lighting up the rest of their lanterns at their own pace, so there aren’t as many lanterns in one photo.</p>
<p>Oh and there are fireworks too!</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/yeepeng-festival-fireworks.jpg" alt="Yee Peng Festival with Fireworks" loading="lazy"/>
	<figcaption>“The best pictures of you are the ones where I can’t see your face” 😂</figcaption>
</figure>
<p>After taking a lot of photos, back to work again…</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/yeepeng-festival-4.jpg" alt="Lighting up lanterns at Yee Peng Festival" loading="lazy"/>
</figure>
<p>I’ll have you know that if you’re a professional photographer with amazing photo editing skills, you can get something like this…</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/jacob-lantern-festival.jpg" alt="Lantern Festival by Jacob" loading="lazy"/>
	<figcaption>Photo by <a href="https://www.instagram.com/jacob/">@jacob</a></figcaption>
</figure>
<p>… but for the rest of us, this is the best we can do.</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/yeepeng-festival-5.jpg" alt="Lighting up lanterns at Yee Peng Festival" loading="lazy"/>
</figure>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/yeepeng-festival-6.jpg" alt="Lighting up lanterns at Yee Peng Festival" loading="lazy"/>
</figure>
<p><strong>Still fucking amazing, though!</strong></p>
<p>Annnnd, you head home with a happy memory!</p>
<hr>
<h3>Wait, what about toilets?</h3>
<p>There are portable toilets. There aren’t many though, and the queue is always quite long.</p>
<p>Most just assume the portable toilets are the only option. However, <em>Doi Saket Hot Springs</em> actually has clean restrooms after the feet-dipping canal at the end of the road. They are clean, at least when I went during the beginning of the event.</p>
<hr>
<h3>Should I get the VIP Ticket?</h3>
<p>Here’s a comparison of a VIP vs Standard Ticket.</p>
<table>
<thead>
<tr>
<th>VIP Ticket</th>
<th>Standard Ticket</th>
</tr>
</thead>
<tbody>
<tr>
<td>– 2 sky lanterns per person 👍</td>
<td>– 1 sky lantern per person</td>
</tr>
<tr>
<td>– Priority to leave the venue 👍</td>
<td>– 1 Krathong</td>
</tr>
<tr>
<td>– A Premium Flower Krathong</td>
<td>– 1 Souvenir</td>
</tr>
<tr>
<td>– A Premium Souvenir</td>
<td></td>
</tr>
<tr>
<td>– Special Dinner Set</td>
<td></td>
</tr>
<tr>
<td>– Beverages</td>
<td></td>
</tr>
</tbody>
</table>
<p>In my opinion, the only good thing was that we could immediately leave the venue after the event. 2 sky lanterns was a plus, but in between all the posing and photo-taking, we took a while to release all 4 lanterns.</p>
<p>The staff even approached us thinking we needed help as we took our sweet time releasing the lanterns. I would have been happy even if we were given one lantern per person.</p>
<p>Premium Souvenir? <em>Ehhhh</em>. Tea leaves and a bag.</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/yeepeng-festival-souvenir.jpg" alt="Yee Peng Festival Souvenir" loading="lazy"/>
</figure>
<p>The dinner provided was pretty basic. There are food stalls for you to purchase food and drinks for standard ticket holders. I do enjoy Thai food and it made me wish I didn’t have the free dinner so I could buy myself a serving of <em>Pad Thai</em>. First world problems 😩</p>
<p>They do give a shit ton of drinks as well – bottles of water, orange juice <em>and</em> coffee… and free tea served at the staff tables. Enough for the night and your breakfast the next morning.</p>
<p><strong>Bottom line, is the VIP ticket worth it?</strong>
Not really, but if time === money for you and USD $40 is an acceptable expense, you should get it for the priority to return first.</p>
<hr>
<h3>This private event is too expensive. Are there other options?</h3>
<p>If you just want to experience releasing a sky lantern, you can purchase a sky lantern at some places (the area between Tha Pae Gate and the Mae Ping River is quite popular) in the Old City for about 80 THB (USD $2.50).</p>
<p>Note that there are no organized events; hence, no synchronized lantern releases. Perhaps gather a bunch of friends (a lot of them) and hold a synchronized event yourself? 😬</p>
<h3>I’m on the fence. Is this really worth the money?</h3>
<p>Yes, unfortunately for your wallet, this event really <em>is</em> quite spectacular.</p>
<p>If you have been to a festival before where there are at least one thousand sky lanterns released, perhaps you can skip this.</p>
<p><strong>But if this is your first time, this festival. is. it.</strong></p>

      ]]></content>
    </entry>
	
    
    <entry>
      <title>The Complete Guide to the Pingxi Sky Lantern Festival in Taiwan</title>
      <link href="https://meowlivia.com/blog/the-complete-guide-to-the-pingxi-sky-lantern-festival-in-taiwan/"/>
      <updated>2019-01-27T00:00:00-00:00</updated>
      <id>https://meowlivia.com/blog/the-complete-guide-to-the-pingxi-sky-lantern-festival-in-taiwan/</id>
      <content type="html"><![CDATA[
        <h3>What is the Pingxi Sky Lantern Festival?</h3>
<p>Think about a small scale version of the Tangled movie. The date varies every year, like every other Chinese festival out there.</p>
<p>It’s held during the first full moon of the Lunar New Year, but who’s looking at a Lunar Calendar? Essentially though, it’s around February or March each year.</p>
<p>For 2020, The Pingxi Sky Lantern festival is on <strong>February 8</strong>.</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/tangled.jpg" alt="Tangled Scene" loading="lazy"/>
	<figcaption>The scene from Tangled. Pingxi Festival is kinda like this. Without the boat. Without a handsome animated character. With a lot less lanterns and a lot more people.</figcaption>
</figure>
<p>If you are looking to look into other lantern festivals, you could also consider the much bigger <a href="/thailand-yee-peng-lantern-festival">Yee Peng Lantern Festival</a> held in Chiang Mai, Thailand in November.</p>
<p> </p>
<h3>Where is the Pingxi Festival held and how do I get there?</h3>
<p>It is held in the town of Shifen, an hour away from Taipei city.</p>
<p>There are two ways to get to Shifen.</p>
<p><strong>1. You can take the train</strong></p>
<p>The train is usually quite crowded – even during non-Pingxi season. But should you choose this mode, you should take the train from <em>Taipei Main Station</em> to <em>Ruifang Station</em>, then take the train on the <strong>Pingxi Line</strong> from <em>Ruifang station</em> to <em>Shifen station</em>.</p>
<p><strong>2. Take the bus shuttle.</strong></p>
<p>This is what I would recommend. Shuttle buses may sound like the less appealing option, but I hear that some roads are closed to allow for a smoother route and there really are a lot of buses provided to/from Taipei city and nearby towns.</p>
<p> </p>
<p><strong>Here is the bus shuttle timetable to and from Shifen.</strong></p>
<table>
<thead>
<tr>
<th style="text-align:left"><strong>Terminal</strong></th>
<th style="text-align:left"><strong>Hours</strong></th>
<th style="text-align:center"><strong>Price</strong></th>
<th style="text-align:center"><strong>Duration</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">Taipei Zoo</td>
<td style="text-align:left">To Shifen: 09:00 – 19:00<br>To Terminal: 9:50 – 23:00</td>
<td style="text-align:center">50NT</td>
<td style="text-align:center">60 minutes</td>
</tr>
<tr>
<td style="text-align:left">Ruifang Train Station</td>
<td style="text-align:left">To Shifen: 09:00 – 19:00<br>To Terminal: 9:50 – 23:00</td>
<td style="text-align:center">30NT</td>
<td style="text-align:center">50 minutes</td>
</tr>
<tr>
<td style="text-align:left">Keelung Train Station</td>
<td style="text-align:left">To Shifen: 09:00 – 19:00<br>To Terminal: 9:50 – 23:00</td>
<td style="text-align:center">30NT</td>
<td style="text-align:center">40 minutes</td>
</tr>
</tbody>
</table>
<p><em>You pay the fare for the trip to Shifen, and do not have to pay during the trip back.</em></p>
<p> </p>
<h3>Should I stay at Shifen?</h3>
<p>You <em>can</em> stay at Shifen, but it is a very small town with limited accommodation choices. I expect the accommodation to be booked up pretty quickly and if you’re anything like me and my travel buddy who pretty much book things at the absolute last minute, you’re going to run out of luck.</p>
<p>You should totally stay at any of the towns where they provide the free shuttle bus. We chose to stay at <em>Keelung</em> as it is closer, less touristy and we think that there will be a smaller crowd for the bus. It was true- we got on the first bus to Shifen and there were <strong>a grand total of 10 of us on the bus</strong>!</p>
<p>I don’t have any experience with the bus from Taipei to compare with, but I will probably pick to stay at <em>Keelung</em> should I go again.</p>
<hr>
<h2>Important tips for the Pingxi Festival!</h2>
<h3>How do I know where the buses depart?</h3>
<p>You should just go where the crowd is or where people are queuing up!</p>
<p>Or just ask around (yes they do understand some English, or will understand when you say the word Pingxi – pronounced ping-si).</p>
<p>Absolute 10/10 advice here 😂</p>
<p>However, we chose <em>Keelung</em> = less people. When we arrived at the station,</p>
<ol>
<li>We arrived on the other end of the station where we did not see any humans, and</li>
<li>There wasn’t any huge queue in sight as it was an early bus at 9:20 AM, and we were #4 to jump in line – <strong>dude, we started the queue</strong>!!</li>
</ol>
<p>So here’s a tip. There will be posters around, unfortunately, it’s all in Chinese and what baffled me was the lack of lanterns on a poster of a lantern festival 🤨. I hope they change this in the coming years, though.</p>
<p>I can read a little Chinese, so I identified what the posters were for right away. In any case, you should save a picture of this.</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/pingxi-sky-lantern-words.jpg" alt="Pingxi Sky Lantern Words" loading="lazy"/>
</figure>
<p>These are the literal words. Basically, if there is the first character where it looks like a human putting his hands up \[^_^]/, you are most likely looking at a Pingxi Sky Lantern Festival poster and you should follow it.</p>
<hr>
<h3>Do I really need to go so early? I hate mornings.</h3>
<p>Nope! There are 2 groups of people. First, you need to decide if you want to be part of the group to release a lantern or just watch the lanterns being released.</p>
<h5>I want to release a lantern.</h5>
<p>Then yes, go early. We took the second shuttle and by the time we reached Shifen (around 10AM), there were already quite long queues for tickets to release the lanterns.</p>
<p>There are a total of 8 releases, starting at 5:00 PM up until the last one at 8:30 PM – one every half hour. There is a limited amount of tickets for each release.</p>
<p>Nobody goes for the 5:00 PM one as it’s still quite bright – good for pictures though if you have a potato camera like mine that can’t take night pictures well. Releases #4 – #6 go out the first as those are the optimal times.</p>
<p><strong>Important</strong>: If you got there as early as we did and you hear an official say that there are no more tickets, STAY IN LINE. We got in line and halfway through, an official said no more tickets and they were wrong!</p>
<figure class="figure--center">
	<img class="image-border" src="https://media.giphy.com/media/xT4ApznCZTtuBjmHHa/giphy.gif" alt="Fake News Gif" loading="lazy"/>
</figure>
<p>It was probably miscommunication – maybe they meant to say there are no more tickets for certain releases and information was omitted while they were playing &quot;Pass the Message&quot;.</p>
<p>Bottom line: there were indeed a lot of tickets left when we got ours at 11:01 AM.</p>
<p><strong>Unless you see the line completely dispersing, stay at your spot.</strong></p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/pingxi-sky-lantern-tickets.jpg" alt="Pingxi Sky Lantern Tickets" loading="lazy"/>
	<figcaption>Got our ticket &ndash; photo time stamped at 11:01 AM</figcaption>
</figure>
<h5>I only want to watch lanterns being released.</h5>
<p>Good news, you can sleep in!</p>
<p>We started seeing a lot more people stroll in with their own portable chairs, umbrellas (important!) and big ass professional cameras about 2:00 PM onward – so I’d say that is the time that you should aim for when arriving at Shifen.</p>
<p>These people are the legit deal though. They choose the best spots, sit there and just wait for hours until the lantern releases.</p>
<hr>
<h3>What should I bring?</h3>
<p>We actually did not do meticulous planning, so we didn’t bring anything else other than an umbrella.</p>
<p>But here’s what I would suggest-</p>
<ul>
<li>A portable chair or a mat to sit on</li>
<li>An umbrella or poncho, just in case the weather gets terrible.</li>
<li>Snacks &amp; water – but you can buy food in Shifen and try the amazing food Taiwan has to offer!</li>
<li>A laptop or tablet 😁 – time would pass a lot faster if we had a movie to watch or a book to read</li>
</ul>
<hr>
<h3>Ok, now, what do I do throughout the day?</h3>
<p>Honestly, a lot of waiting 😥 But, you can also explore Shifen!</p>
<p>Shifen is an amazing town itself… albeit small, a little too crowded and not enough to do if you’re there for 6 hours. Here’s a small list of things you can do at Shifen – but there are many guides out there so this will be a quick one.</p>
<ul>
<li><strong>Release a sky lantern</strong> – this is the town to do it.</li>
<li><strong>See Shifen Waterfall.</strong> They say this is the Little Niagara of Taiwan. It is nice, but guys- I’ve lived in Buffalo, NY, 20 minutes away from Niagara Falls. To say this is anything like Niagara Falls is really optimistic.</li>
<li><strong>Shifen Old Town</strong> – Take pictures when the train passes by the old town. Eat street food. Try bubble tea (drink with tapioca balls)! Play with stray dogs!</li>
<li>Endless possibilities.</li>
</ul>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/shifen-thingstodo.jpg" alt="Things to do in Shifen" loading="lazy"/>
</figure>
<p>We actually visited Shifen before, so there was nothing new for us.</p>
<p>Which was why we ended up sitting at a cafe for hours just for the wifi (we both didn’t have data connection either! 😭), wishing that we had brought our laptops with us.</p>
<hr>
<h3>Any tips for the lantern releases itself?</h3>
<p>The lantern release area is not in the center of the town of Shifen itself, it’s actually at the far end of town.</p>
<p>There is a main stage where you can watch performances and also listen to the emcees brag about how amazing Taipei City is about 10 times (they’re doing it because the minister is here 🙄).</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/pingxi-sky-lantern-area.jpg" alt="Pingxi Sky Lantern Area" loading="lazy"/>
	<figcaption>Said stage and big crowds.</figcaption>
</figure>
<h4>If you’re not releasing the lantern and just watching + taking photos…</h4>
<p>Go early, bring snacks, find a spot, stay there. Bring a friend so you guys can take turns to go to the restroom + take care of your spot.</p>
<p><strong>Where is a good spot?</strong>
Wherever all the people with the big ass cameras are standing. They do this every year.</p>
<p>From personal experience, we were part of release #7 which means that we could watch releases #1 through #5.</p>
<p>We actually showed up at the viewing area just before the first release – was crowded, lots of people, but also not impossible to get a decent spot.</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/pingxi-sky-lantern-expectation.jpg" alt="Pingxi Sky Lantern Festival Expectation" loading="lazy"/>
	<figcaption>Expectation. Flickr photo by <a href="https://www.flickr.com/photos/crazydean/" target="_blank" rel="noopener">crazydean</a></figcaption>
</figure>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/pingxi-sky-lantern-reality.jpg" alt="Pingxi Sky Lantern Festival Reality" loading="lazy"/>
	<figcaption>Reality 😂</figcaption>
</figure>
<p>At the end of the day though, the lanterns float up and you can take some pictures no matter how short you are.</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/pingxi-sky-lantern-festival-1.jpg" alt="Pingxi Sky Lantern Festival Reality" loading="lazy"/>
	<figcaption>Pictures are less blurry during day time!</figcaption>
</figure>
<h4>If you’re releasing the lantern...</h4>
<p>Go on time. The ticket will have a time letting you know when you should meet up at the back of the main stage.</p>
<p><strong>You’ll know where to go just from looking at the official staff.</strong>
Big crowds will clear paths for you as you proudly wave your ticket in hand and walk towards the staff screaming at people to hurry up + guide them to the correct location.</p>
<p>Our lantern release was at 8:00 PM, the ticket instructed us to go to the waiting area at 7:10 PM. From then on, listen to the guides and they will efficiently guide you from the waiting area, to the release area, and to your specific lantern.</p>
<p>You will have a lantern-releasing assistant which will do <strong>everything</strong> for you – tells you when to start writing your wish on the lantern, tells you how to hold the lantern, lights up the lantern for you, shows you how to step on the base of the lantern, tells you when to release it.</p>
<p>Really, you can’t go wrong here.</p>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/pingxi-sky-lantern-festival-1.jpg" alt="Pingxi Sky Lantern Festival Reality" loading="lazy"/>
	<figcaption>Write your wishes on the lantern. <br><br>We aren’t really into these things so we just drew random stuff. Let’s be real &ndash; if I ever be successful, I wouldn’t give credit to the one time I released a lantern.</figcaption>
</figure>
<hr>
<h3>Can I see some photos of the lantern release?</h3>
<p>Though you’d never ask. Warning though, no professional-looking photos here.</p>
<figure>
	<iframe width="100%" height="600" src="https://www.youtube.com/embed/_CguV9EcUko" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
	<figcaption>Quick video of one of the releases</figcaption>
</figure>
<figure class="figure--center">
	<img class="image-border" src="/images/blog/pingxi-sky-lantern-festival-3.jpg" alt="Pingxi Sky Lantern Festival" loading="lazy"/>
</figure>
<hr>
<h3>Any last tips?</h3>
<p>By the time everything is done, you just really want to get home. Walk very quickly to where you were dropped off, the shuttle will depart from there.</p>
<p>As you get into queue, there are actually two lines – the sitting line (for people who wants a seat on the bus) and the standing line (you, well, stand on the bus). Make sure you’re in the standing line – you’ll get on the bus a lot quicker.</p>
<p>Thaaat’s it! Have fun and enjoy – it really is a sight to remember 😍</p>

      ]]></content>
    </entry>
	
</feed>
