Initial commit

site/content/about.md

@@ -0,0 +1,5 @@
++++
+title = "Another Hugo Post"
+type = "about"
+page="/about.html"
++++

site/content/contact.md

@@ -0,0 +1,5 @@
++++
+title = "Another Hugo Post"
+type = "contact"
+page="/contact.html"
++++

site/content/post/brewing-chemex.md

@@ -0,0 +1,18 @@
++++
+title = "A beginners’ guide to brewing with Chemex"
+type = "post"
++++
+
+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.
+
+<!--more-->
+
+This [week](/wdwdw) 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 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 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.
+
+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.

site/content/post/jamaica-blue.md

@@ -0,0 +1,20 @@
++++
+title = "Just in: small batch of Jamaica Blue Mountain in store next week"
+type = "post"
++++
+
+We’re proud to announce that we’ll be offering a small batch of Jamaica Blue Mountain coffee beans in our store next week.
+
+<!--more-->
+
+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.
+
+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.
+
+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.[1] 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.

site/content/post/making-sense.md

@@ -0,0 +1,18 @@
++++
+title = "Making sense of the SCAA’s new Flavor Wheel"
+type = "post"
++++
+
+The Coffee Taster’s Flavor Wheel, the official resource used by coffee tasters, has been revised for the first time this year.
+
+<!--more-->
+
+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.
+
+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 and other industry professionals. 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.

site/content/products.md

@@ -0,0 +1,5 @@
++++
+title = "Another Hugo Post"
+type = "products"
+page="/products.html"
++++

site/layouts/_default/li.html

@@ -0,0 +1,3 @@
+<li>
+  Hello
+</li>

site/layouts/_default/single.html

@@ -1,5 +1,5 @@
-{{ define "main" }} {{ $section := .Site.GetPage "section" .Section }}
-<article class="content">
-  <main>{{- .Content -}}</main>
-</article>
-{{ end }}
+{{ partial "header" . }}
+{{ partial "nav" . }}
+{{ partial "jumbotron" (dict "imageUrl" "/img/7.jpg" "title" "This is where the heading goes" "subtitle" "This is where the subtitle goes") }}
+  {{ .Content }}
+{{ partial "footer" . }}

site/layouts/about/single.html

@@ -0,0 +1,16 @@
+{{ partial "header" . }}
+{{ partial "nav" . }}
+{{ partial "jumbotron" (dict "imageUrl" "/img/about/jumbotron.jpg" "title" "About us" "subtitle" "Our values") }}
+
+<div class="mw7 center ph3 pt4">
+
+  {{ partial "media-block" (dict "heading" "Shade-grown coffee" "text" "Coffee is a small tree or shrub that grows in the forest understory in its wild form, and traditionally was grown commercially under other trees that provided shade. The forest-like structure of shade coffee farms provides habitat for a great number of migratory and resident species." "imageUrl" "/img/about/direct-sourcing.jpg") }}
+
+  {{ partial "media-block-reverse" (dict "heading" "Shade-grown coffee" "text" "Coffee is a small tree or shrub that grows in the forest understory in its wild form, and traditionally was grown commercially under other trees that provided shade. The forest-like structure of shade coffee farms provides habitat for a great number of migratory and resident species." "imageUrl" "/img/about/reinvest-profits.jpg") }}
+
+  {{ partial "media-block" (dict "heading" "Shade-grown coffee" "text" "Coffee is a small tree or shrub that grows in the forest understory in its wild form, and traditionally was grown commercially under other trees that provided shade. The forest-like structure of shade coffee farms provides habitat for a great number of migratory and resident species." "imageUrl" "/img/about/shade-grown.jpg") }}
+
+  {{ partial "media-block-reverse" (dict "heading" "Shade-grown coffee" "text" "Coffee is a small tree or shrub that grows in the forest understory in its wild form, and traditionally was grown commercially under other trees that provided shade. The forest-like structure of shade coffee farms provides habitat for a great number of migratory and resident species." "imageUrl" "/img/about/single-origin.jpg") }}
+</div>
+
+{{ partial "footer" . }}

site/layouts/contact/single.html

@@ -0,0 +1,60 @@
+{{ partial "header" . }}
+
+{{ partial "nav" . }}
+
+<div class="bg-black white ph3">
+	<div class="center mw6 pv3">
+		<img src="/img/logo.svg" alt="" class="db w4 center pv4">
+		<p>We’d love to get in touch with you and hear your ideas and questions. We strive to grow and improve constantly and your feedback is valuable for us.</p>
+		<h3 class="f4 b lh-title mb2">How can I get…?</h3>
+		<p>You can also use the form below for any inquiries about coffee availability, monthly subscriptions and scheduling a 1-on-1 session with our baristas. Don’t be shy, drop us a line!</p>
+
+		<div class="flex-ns">
+			<div>
+				<h4 class="f4 b lh-title mb2 primary">Location</h4>
+				<p>3153 Lynn Avenue, South San Francisco, California 94080</p>
+			</div>
+
+			<div>
+				<h4 class="f4 b lh-title mb2 primary">Working hours</h4>
+				<p>Monday – Saturday: 9AM – 7PM We’re closed on Sundays</p>
+			</div>
+		</div>
+
+		<!-- Contact -->
+		<div>
+		  <h4 class="f3 b lh-title mb3 tc">Drop us a line below</h4>
+
+		  <form action="">
+		    <div class="flex-l mhn1-l">
+		          <!-- Name -->
+		      <div class="ph1-l w-50-l">
+		        <fieldset>
+		          <input type="text" id="name" placeholder="Name" class="w-100 mb2">
+		          <label for="name">Name</label>
+		        </fieldset>
+		      </div>
+		          <!-- Email -->
+		      <div class="ph1-l w-50-l">
+		        <fieldset>
+		          <input type="email" id="email" placeholder="Email" class="w-100 mb2">
+		          <label for="email">Email</label>
+		        </fieldset>
+		      </div>
+		    </div>
+
+		        <!-- Message -->
+		    <fieldset>
+		      <textarea name="name" placeholder="Your message" rows="8" cols="80" id="message" class="w-100"></textarea>
+		      <label for="message">Your message</label>
+		    </fieldset>
+		        <!-- Button -->
+		    <div class="tc">
+		      <button type="submit" class="btn w-100 w-auto-ns raise">Submit</button>
+		    </div>
+		  </form>
+		</div>
+	</div>
+</div>
+
+{{ partial "footer" . }}

site/layouts/index.html

@@ -1,6 +1,16 @@
 {{ define "main" }}
 
-<h1>Hugo with Webpack, Sass, and PostCSS</h1>
+{{ partial "nav" . }}
+
+{{ partial "jumbotron" (dict "imageUrl" "/img/home/jumbotron.jpg" "title" "Great coffee with a conscience" "subtitle" "Support sustainable farming while enjoying a cup") }}
+
+{{ partial "short-text" (dict "heading" "Why Kaldi?" "text" "Kaldi is the coffee store for everyone who believes that great coffee shouldn't just taste good, it should do good too. We source all of our beans directly from small scale sustainable farmers and make sure part of the profits are reinvested in their communities.")}}
+
+{{ partial "2-up" (dict "heading" "What we offer" "description" "Kaldi is the ultimate spot for coffee lovers who want to learn about their java’s origin and support the farmers that grew it. We take coffee production, roasting and brewing seriously and we’re glad to pass that knowledge to anyone." "svg1" "img/illustrations/coffee.svg" "text1" "We sell green and roasted coffee beans that are sourced directly from independent farmers and farm cooperatives. We’re proud to offer a variety of coffee beans grown with great care for the environment and local communities. Check our post or contact us directly for current availability." "svg2" "/img/illustrations/coffee-gear.svg" "text2" "We offer a small, but carefully curated selection of brewing gear and tools for every taste and experience level. No matter if you roast your own beans or just bought your first french press, you’ll find a gadget to fall in love with in our shop." "buttonText" "See all products"  ) }}
+
+{{ partial "about" (dict "heading" "Our values" "text" "Coffee is an amazing part of human culture but it has a dark side too – one of colonialism and mindless abuse of natural resources and human lives. We want to turn this around and return the coffee trade to the drink’s exhilarating, empowering and unifying nature." "buttonText" "Read more") }}
+
+{{ partial "post" . }}
 
 <h3>Hooray 🎉 - you've built this with <a href="https://github.com/netlify/victor-hugo">Victor-Hugo</a>!</h3>
 

site/layouts/indexes/post.html

@@ -0,0 +1,16 @@
+{{ partial "header" . }}
+{{ partial "nav" . }}
+
+{{ partial "jumbotron" (dict "imageUrl" "/img/post-index.jpg" "title" "post") }}
+
+<div class="mw7 center">
+  <ul class="flex-ns flex-wrap mhn1-ns pa3">
+      {{ range .Data.Pages }}
+          <div class="w-50-ns ph1-ns flex">
+            {{ .Render "li"}}
+          </div>
+      {{ end }}
+  </ul>
+</div>
+
+{{ partial "footer" . }}

site/layouts/partials/2-up.html

@@ -0,0 +1,24 @@
+<div class="bg-off-white pv4">
+  <div class="ph3 mw7 center">
+    <h2 class="f2 b lh-title mb2">{{.heading}}</h2>
+    <p class="mb4 mw6">{{.description}}</p>
+
+    <div class="flex-ns mhn2-ns mb3">
+      <div class="ph2-ns w-50-ns">
+        <img src="{{.svg1}}" alt="" class="center db mb3" style="width: 240px">
+        <p>{{.text1}}</p>
+      </div>
+
+      <div class="ph2-ns w-50-ns">
+        <img src="{{.svg2}}" alt="" class="center db mb3" style="width: 240px">
+        <p>{{.text2}}</p>
+      </div>
+    </div>
+
+    {{ if .buttonText }}
+      <div class="tc">
+        <a href="#" class="btn raise">{{.buttonText}}</a>
+      </div>
+    {{ end }}
+  </div>
+</div>

site/layouts/partials/4-up.html

@@ -0,0 +1,36 @@
+<div class="bg-off-white pv4">
+	<div class="ph3 mw7 center">
+		<h2 class="f2 b lh-title mb2">{{.heading}}</h2>
+		<p class="mb4 mw6">{{.description}}</p>
+
+		<div class="flex-ns flex-wrap mhn2-ns mb3">
+
+			<div class="ph2-ns w-50-ns mb4">
+				<img src="{{.svg1}}" alt="" class="center db mb3" style="width: 240px">
+				<p>{{.text1}}</p>
+			</div>
+
+			<div class="ph2-ns w-50-ns mb4">
+				<img src="{{.svg2}}" alt="" class="center db mb3" style="width: 240px">
+				<p>{{.text2}}</p>
+			</div>
+
+      <div class="ph2-ns w-50-ns mb4">
+        <img src="{{.svg3}}" alt="" class="center db mb3" style="width: 240px">
+        <p>{{.text3}}</p>
+      </div>
+
+      <div class="ph2-ns w-50-ns mb4">
+        <img src="{{.svg4}}" alt="" class="center db mb3" style="width: 240px">
+        <p>{{.text4}}</p>
+      </div>
+
+		</div>
+
+		{{ if .buttonText }}
+			<div class="tc">
+				<a href="#" class="btn raise">{{.buttonText}}</a>
+			</div>
+		{{ end }}
+	</div>
+</div>

site/layouts/partials/about.html

@@ -0,0 +1,21 @@
+<div class="bg-grey-1 pv4">
+	<div class="ph3 mw7 center">
+
+		<div class="flex-l mhn2-l">
+			<div class="w-40-l ph2-l">
+				<h2 class="f2 b lh-title mb2">{{.heading}}</h1>
+
+				<p>{{.text}}</p>
+			</div>
+
+			<div class="w-60-l ph2-l">
+				<img src="img/home/about-section.jpg" alt="" class="mb3">
+			</div>
+		</div>
+
+		<div class="tc">
+			<a href="#" class="btn raise">{{.buttonText}}</a>
+		</div>
+
+	</div>
+</div>

site/layouts/partials/blockquote.html

@@ -0,0 +1,6 @@
+<div class="mw6 center mb3">
+  <blockquote class="bg-grey-1 primary pa3 mb3 br1 b">
+    <p class="f4 mb0">{{.quote}}</p>
+    <cite class="tr db grey-3">{{.author}}</cite>
+  </blockquote>
+</div>

site/layouts/partials/blog.html

@@ -0,0 +1,22 @@
+<div class="bg-off-white">
+	<div class="ph3 mw7 center mb4">
+
+		<h2 class="f2 b lh-title mb2">post section</h1>
+
+
+	  <div class="flex-l mhn1-l flex-wrap mb3">
+
+			{{ range where .Data.Pages "Type" "post" }}
+				<div class="ph1-l w-50-l flex">
+					{{ .Render "li" }}
+				</div>
+			{{ end }}
+
+	  </div>
+
+	  <div class="tc">
+	  	<a href="/post" class="btn mb3 raise">Read more</a>
+	  </div>
+
+	</div>
+</div>

site/layouts/partials/footer.html

@@ -0,0 +1,59 @@
+<footer class="bg-black ph3 pv4 white">
+
+	<div class="mw7 center pt3">
+		<div class="measure-narrow center mb4">
+			<img src="/img/logo.svg" alt="" class="db w4 center mb4">
+			<p class="f3 lh-title light-gray b tc mb2">Newsletter subscribe</p>
+			<p>Get awesome news from us in your inbox every two weeks. Be the first to learn about new products.</p>
+
+			<form action="" class="flex-ns mb3">
+				<fieldset class="flex-auto mb2 mb0-ns mr2-ns">
+					<input type="text" id="email" placeholder="Your email" class="w-100">
+					<label for="email">Your email</label>
+				</fieldset>
+				<button class="btn mb3 w-100 w-auto-ns mb0-ns raise" type="submit">Submit</button>
+			</form>
+		</div>
+
+		<div class="flex-ns justify-between">
+			<div>
+				<h3 class="f4 b lh-title mb1 primary">List of links</h3>
+				<ul class="mb3">
+					<li><a href="/" class="link">Home</a></li>
+					<li><a href="/products" class="link">Our products</a></li>
+					<li><a href="/about" class="link">About us</a></li>
+					<li><a href="/post" class="link">post</a></li>
+					<li><a href="/contact" class="link">Contact</a></li>
+				</ul>
+			</div>
+
+			<div>
+				<h3 class="f4 b lh-title mb1 primary">Another list of links</h3>
+				<ul class="mb3">
+					<li><a href="#" class="link">Latest offer</a></li>
+					<li><a href="#" class="link">Our locations</a></li>
+					<li><a href="#" class="link">Our partners</a></li>
+				</ul>
+			</div>
+
+			<div>
+				<h3 class="f4 b lh-title mb2 primary">Social media</h3>
+				<ul class="mhn2">
+					{{ partial "social-icon" (dict "link" "facebook.com" "svg" "500px") }}
+					{{ partial "social-icon" (dict "link" "facebook.com" "svg" "Airbnb") }}
+					{{ partial "social-icon" (dict "link" "facebook.com" "svg" "Facebook") }}
+					{{ partial "social-icon" (dict "link" "facebook.com" "svg" "Amazon") }}
+				</ul>
+			</div>
+		</div>
+	</div>
+
+</footer>
+
+{{ partial "svg" . }}
+
+<script src="/app.js"></script>
+
+</body>
+
+</html>

site/layouts/partials/header.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Hugo with Gulp and Webpack</title>
+    <link rel="stylesheet" href="/css/main.css"/>
+
+    <meta charset="utf-8">
+  	<meta http-equiv="x-ua-compatible" content="ie=edge">
+  	<meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:400,700,800" rel="stylesheet">
+  </head>
+  <body class="sans-serif">