refactor: add content pages back in

Author: lukeocodes

content/blog/2016-12-17-making-sense-of-the-scaas-new-flavor-wheel.md

@@ -0,0 +1,30 @@
+---
+title: Making sense of the SCAA’s new Flavor Wheel
+date: 2016-12-17T15:04:10.000Z
+description: The Coffee Taster’s Flavor Wheel, the official resource used by coffee tasters, has been revised for the first time this year.
+tags:
+  - flavor
+  - tasting
+---
+![flavor wheel](/img/flavor_wheel.jpg)
+
+The SCAA updated the wheel to reflect the finer nuances needed to describe flavors more precisely. The new descriptions are more detailed and hence allow cuppers to distinguish between more flavors.
+
+While this is going to be a big change for professional coffee tasters, it means a lot to you as a consumer as well. We’ll explain how the wheel came to be, how pros use it and what the flavors actually mean.
+
+## What the updates mean to you
+
+The Specialty Coffee Association of America (SCAA), founded in 1982, is a non-profit trade organization for the specialty coffee industry. With members located in more than 40 countries, SCAA represents every segment of the specialty coffee industry, including:
+
+* producers
+* roasters
+* importers/exporters
+* retailers
+* manufacturers
+* baristas
+
+For over 30 years, SCAA has been dedicated to creating a vibrant specialty coffee community by recognizing, developing and promoting specialty coffee. SCAA sets and maintains quality standards for the industry, conducts market research, and provides education, training, resources, and business services for its members.
+
+Coffee cupping, or coffee tasting, is the practice of observing the tastes and aromas of brewed coffee. It is a professional practice but can be done informally by anyone or by professionals known as "Q Graders". A standard coffee cupping procedure involves deeply sniffing the coffee, then loudly slurping the coffee so it spreads to the back of the tongue.
+
+The coffee taster attempts to measure aspects of the coffee's taste, specifically the body (the texture or mouthfeel, such as oiliness), sweetness, acidity (a sharp and tangy feeling, like when biting into an orange), flavour (the characters in the cup), and aftertaste. Since coffee beans embody telltale flavours from the region where they were grown, cuppers may attempt to identify the coffee's origin.

content/blog/2017-01-04-a-beginners-guide-to-brewing-with-chemex.md

@@ -0,0 +1,26 @@
+---
+title: A beginners’ guide to brewing with Chemex
+date: 2017-01-04T15:04:10.000Z
+description: Brewing with a Chemex probably seems like a complicated, time-consuming ordeal, but once you get used to the process, it becomes a soothing ritual that's worth the effort every time.
+tags:
+  - brewing
+  - chemex
+---
+![chemex](/img/chemex.jpg)
+
+This week we’ll **take** a look at all the steps required to make astonishing coffee with a Chemex at home. The Chemex Coffeemaker is a manual, pour-over style glass-container coffeemaker that Peter Schlumbohm invented in 1941, and which continues to be manufactured by the Chemex Corporation in Chicopee, Massachusetts.
+
+In 1958, designers at the [Illinois Institute of Technology](https://www.spacefarm.digital) said that the Chemex Coffeemaker is _"one of the best-designed products of modern times"_, and so is included in the collection of the Museum of Modern Art in New York City.
+
+## The little secrets of Chemex brewing
+
+The Chemex Coffeemaker consists of an hourglass-shaped glass flask with a conical funnel-like neck (rather than the cylindrical neck of an Erlenmeyer flask) and uses proprietary filters, made of bonded paper (thicker-gauge paper than the standard paper filters for a drip-method coffeemaker) that removes most of the coffee oils, brewing coffee with a taste that is different than coffee brewed in other coffee-making systems; also, the thicker paper of the Chemex coffee filters may assist in removing cafestol, a cholesterol-containing compound found in coffee oils. Here’s three important tips newbies forget about:
+
+1. Always buy dedicated Chemex filters.
+2. Use a scale, don’t try to eyeball it.
+3. Never skip preheating the glass.
+4. Timing is key, don’t forget the clock.
+
+The most visually distinctive feature of the Chemex is the heatproof wooden collar around the neck, allowing it to be handled and poured when full of hot water. This is turned, then split in two to allow it to fit around the glass neck. The two pieces are held loosely in place by a tied leather thong. The pieces are not tied tightly and can still move slightly, retained by the shape of the conical glass.
+
+For a design piece that became popular post-war at a time of Modernism and precision manufacture, this juxtaposition of natural wood and the organic nature of a hand-tied knot with the laboratory nature of glassware was a distinctive feature of its appearance.

content/blog/2017-01-04-just-in-small-batch-of-jamaican-blue-mountain-in-store-next-week.md

@@ -0,0 +1,32 @@
+---
+title: 'Just in: small batch of Jamaican Blue Mountain in store next week'
+date: 2017-01-04T15:04:10.000Z
+description: >-
+  We’re proud to announce that we’ll be offering a small batch of Jamaica Blue
+  Mountain coffee beans in our store next week.
+tags:
+  - jamaica
+  - green beans
+  - flavor
+  - tasting
+---
+
+We expect the shipment of a limited quantity of green beans next Monday. We’ll be offering the roasted beans from Tuesday, but quantities are limited, so be quick.
+
+Blue Mountain Peak is the highest mountain in Jamaica and one of the highest peaks in the Caribbean at 7,402 ft. It is the home of Blue Mountain coffee and their famous tours. It is located on the border of the Portland and Saint Thomas parishes of Jamaica.
+
+## A little history
+
+The Blue Mountains are considered by many to be a hiker's and camper's paradise. The traditional Blue Mountain trek is a 7-mile hike to the peak and consists of a 3,000-foot increase in elevation. Jamaicans prefer to reach the peak at sunrise, thus the 3–4 hour hike is usually undertaken in darkness. Since the sky is usually very clear in the mornings, Cuba can be seen in the distance.
+
+>Some of the plants found on the Blue Mountain cannot be found anywhere else in the world and they are often of a dwarfed sort.
+
+This is mainly due to the cold climate which inhibits growth. The small coffee farming communities of Claverty Cottage and Hagley Gap are located near the peak.
+
+## What you need to know before trying
+
+Jamaican Blue Mountain Coffee or Jamaica Blue Mountain Coffee is a classification of coffee grown in the Blue Mountains of Jamaica. The best lots of Blue Mountain coffee are noted for their mild flavor and lack of bitterness. Over the past few decades, this coffee has developed a reputation that has made it one of the most expensive and sought-after coffees in the world. Over 80% of all Jamaican Blue Mountain Coffee is exported to Japan. In addition to its use for brewed coffee, the beans are the flavor base of Tia Maria coffee liqueur.
+
+Jamaican Blue Mountain Coffee is a globally protected certification mark, meaning only coffee certified by the Coffee Industry Board of Jamaica can be labeled as such. It comes from a recognized growing region in the Blue Mountain region of Jamaica, and its cultivation is monitored by the Coffee Industry Board of Jamaica.
+
+The Blue Mountains are generally located between Kingston to the south and Port Antonio to the north. Rising 7,402 ft, they are some of the highest mountains in the Caribbean. The climate of the region is cool and misty with high rainfall. The soil is rich, with excellent drainage. This combination of climate and soil is considered ideal for coffee.

content/blog/2020-09-08-blog-test.md

@@ -0,0 +1,20 @@
+<template>
+  <div
+    class="px-8 mx-auto mt-12 prose sm:px-6 md:px-4 lg:px-2 xl:px-0 xl:prose-xl lg:prose-lg md:prose-md"
+  >
+    <h1>{{ page.title }}</h1>
+    <nuxt-content :document="page" />
+  </div>
+</template>
+
+<script>
+export default {
+  async asyncData({ $content }) {
+    const page = await $content('about').fetch()
+
+    return {
+      page,
+    }
+  },
+}
+</script>

pages/about.vue

@@ -0,0 +1,59 @@
+<template>
+  <div
+    class="px-8 mx-auto mt-12 prose sm:px-6 md:px-4 lg:px-2 xl:px-0 xl:prose-xl lg:prose-lg md:prose-md"
+  >
+    <h2>Contact</h2>
+    <form
+      name="contact"
+      method="post"
+      action="/contact/thanks"
+      data-netlify="true"
+      data-netlify-honeypot="bot-field"
+      netlify
+    >
+      <input type="hidden" name="form-name" value="contact" />
+      <input class="hidden" name="bot-field" value="" />
+      <label class="label" for="name">Your name</label>
+      <div class="control">
+        <input
+          id="name"
+          class="w-full border rounded"
+          type="text"
+          name="name"
+          required
+        />
+      </div>
+      <label class="label" htmlFor="email">Email</label>
+      <div class="control">
+        <input
+          id="email"
+          class="w-full border rounded"
+          type="email"
+          name="email"
+          required
+        />
+      </div>
+      <label class="label" htmlFor="message">Message</label>
+      <div class="control">
+        <textarea
+          id="message"
+          class="w-full h-32 border rounded resize-none"
+          name="message"
+          required
+        />
+      </div>
+      <div class="text-right">
+        <button class="px-6 py-1 border border-gray-200 rounded" type="reset">
+          Cancel
+        </button>
+        <button class="px-6 py-1 text-white rounded bg-kaldi" type="submit">
+          Send
+        </button>
+      </div>
+    </form>
+  </div>
+</template>
+
+<script>
+export default {}
+</script>

pages/contact/index.vue

@@ -0,0 +1,12 @@
+<template>
+  <div
+    class="px-8 mx-auto mt-12 prose sm:px-6 md:px-4 lg:px-2 xl:px-0 xl:prose-xl lg:prose-lg md:prose-md"
+  >
+    <h2>Thank you!</h2>
+    <p>This is a custom thank you page for form submissions</p>
+  </div>
+</template>
+
+<script>
+export default {}
+</script>

pages/contact/thanks.vue

@@ -0,0 +1,99 @@
+<template>
+  <div>
+    <Hero :heading="page.title" :image="page.image" />
+    <div
+      class="px-8 mx-auto mt-12 prose sm:px-6 md:px-4 lg:px-2 xl:px-0 xl:prose-xl lg:prose-lg md:prose-md"
+    >
+      <h2>
+        {{ page.heading }}
+      </h2>
+      <p>
+        {{ page.description }}
+      </p>
+      <div class="lg:grid lg:grid-cols-2 lg:gap-8">
+        <div
+          v-for="(blurb, index) in page.intro.blurbs"
+          :key="index"
+          class="flex flex-col items-center justify-top"
+        >
+          <img class="h-32" :src="blurb.image" />
+          <p class="mt-2 text-justify">{{ blurb.text }}.</p>
+        </div>
+      </div>
+      <h3>
+        {{ page.main.heading }}
+      </h3>
+      <p>
+        {{ page.main.description }}
+      </p>
+      <div class="lg:grid lg:grid-cols-2 lg:gap-4">
+        <img
+          class="rounded-lg"
+          :src="page.main.image1.image"
+          :alt="page.main.image1.alt"
+        />
+        <img
+          class="rounded-lg"
+          :src="page.main.image2.image"
+          :alt="page.main.image2.alt"
+        />
+      </div>
+      <div class="lg:grid lg:grid-cols-1 lg:gap-4">
+        <img
+          class="rounded-lg"
+          :src="page.main.image3.image"
+          :alt="page.main.image3.alt"
+        />
+      </div>
+      <div>
+        <p
+          v-for="(testimonial, index) in page.testimonials"
+          :key="index"
+          class="inline-block w-full p-6 text-base bg-gray-100 border-l-4 border-gray-300 rounded-lg"
+        >
+          {{ testimonial.quote }}<br />
+          –{{ testimonial.author }}
+        </p>
+      </div>
+    </div>
+    <Hero :image="page.full_image" />
+    <div
+      class="px-8 mx-auto mt-12 prose sm:px-6 md:px-4 lg:px-2 xl:px-0 xl:prose-2xl lg:prose-xl md:prose-lg"
+    >
+      <h3>
+        {{ page.pricing.heading }}
+      </h3>
+      <p>
+        {{ page.pricing.description }}
+      </p>
+      <div class="lg:grid lg:grid-cols-3 lg:gap-8">
+        <div v-for="(plan, i) in page.pricing.plans" :key="i">
+          <h4 class="text-center">
+            {{ plan.plan }}
+          </h4>
+          <p class="text-4xl font-bold text-center text-kaldi">
+            ${{ plan.price }}
+          </p>
+          <p class="text-base">{{ plan.description }}</p>
+          <ul class="text-base">
+            <li v-for="(item, j) in plan.items" :key="j">
+              {{ item }}
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  async asyncData({ $content }) {
+    const page = await $content('products').fetch()
+
+    return {
+      page,
+    }
+  },
+}
+</script>

pages/products.vue

@@ -0,0 +1,44 @@
+<template>
+  <div>
+    <div
+      class="px-8 mx-auto mt-12 prose sm:px-6 md:px-4 lg:px-2 xl:px-0 xl:prose-xl lg:prose-lg md:prose-md"
+    >
+      <h4>{{ posts.length }} post tagged with "{{ slug }}"</h4>
+      <div class="lg:grid lg:grid-cols-1 lg:gap-8">
+        <div
+          v-for="(post, index) in posts"
+          :key="index"
+          class="px-6 no-underline bg-gray-200 rounded-lg shadow-lg"
+        >
+          <h3>
+            <nuxt-link :to="`/blog/${post.slug}`">{{ post.title }}</nuxt-link>
+          </h3>
+          <p>
+            {{ post.description }}
+          </p>
+          <p>
+            <nuxt-link :to="`/blog/${post.slug}`">Read more</nuxt-link>
+          </p>
+        </div>
+      </div>
+      <p>
+        <nuxt-link to="/tags">Browse all tags</nuxt-link>
+      </p>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  async asyncData({ $content, params: { slug } }) {
+    const posts = await $content('blog')
+      .where({ tags: { $contains: slug } })
+      .fetch()
+
+    return {
+      slug,
+      posts,
+    }
+  },
+}
+</script>

pages/tags/_slug.vue

@@ -0,0 +1,36 @@
+<template>
+  <div
+    class="px-8 mx-auto mt-12 prose sm:px-6 md:px-4 lg:px-2 xl:px-0 xl:prose-xl lg:prose-lg md:prose-md"
+  >
+    <h1>Tags</h1>
+    <ul>
+      <li v-for="(slugs, index) in tags" :key="index">
+        <nuxt-link :to="`/tags/${index}`">
+          {{ index }} ({{ slugs.length }})
+        </nuxt-link>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+export default {
+  async asyncData({ $content }) {
+    const posts = await $content('blog').fetch()
+
+    const tags = {}
+
+    posts.forEach(({ slug, tags: postTags }) => {
+      postTags.forEach((tag) => {
+        if (typeof tags[tag] === 'undefined') tags[tag] = []
+        tags[tag].push(slug)
+      })
+    })
+
+    return {
+      tags,
+      posts,
+    }
+  },
+}
+</script>