<div class="page" id="page">
<!-- Begin .header -->
<header id="header">
<div class="table">
<div class="logo">
<a href="./home" class="logo__wordmark wordmark">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000.04 105.58">
<defs>
<style>
.cls-1 {
fill: #757576;
}
.cls-2 {
fill: #212121;
}
.cls-3 {
fill: #010101;
}
</style>
</defs>
<path class="cls-1" d="M3.83,89.21c2.92.42,5.14-.28,6.8-2.5q1.25-1.46,1.25-5V.9h15V84.07c0,5.55-1.39,10.69-4.86,14.44s-9.3,6-18.19,5.42Z" />
<path class="cls-1" d="M37.29.9H71.58V16.32H52.29v26.8H66.17V59.5H52.29v28h19.3V103H37.29Z" />
<path class="cls-1" d="M106.71,103l-7.78-43h-4v43h-15V.9h15C112.82.9,120.46,11,120.46,30.34c0,10.14-2.64,19.3-8.33,23.19L121.71,103ZM94.91,46A10.42,10.42,0,0,0,102,43.81c2.22-1.94,4-5.69,4-12.91s-1.8-11.11-4-13.05-5-2.08-7.08-2.08Z" />
<path class="cls-1" d="M130,.9h34.29V16.32H145v26.8h13.88V59.5H145v28h19.3V103H130Z" />
<path class="cls-1" d="M197.51,103l-9.58-64.14-.56-4.3h-.83V103H172.66V.9H191l8.89,46.65.69,5.42h.28l.69-5.42L210.43.9h18.33V103H214.87V34.5H214l-.56,4.3L203.9,103Z" />
<path class="cls-1" d="M257.49,33.53l.42,1h.28l.42-1L266.1.9h14.72L265.54,59.5V103h-15V59.5L235.28.9H250Z" />
<path class="cls-2" d="M311.82,37.56V21.87c0-2.78-.56-4.72-1.94-6.39a4.32,4.32,0,0,0-3.05-1.11c-2.64,0-3.89,1.94-4.44,3.75a10.63,10.63,0,0,0-.56,3.75V83.24c0,2.92.69,4.86,2.08,6.39a4,4,0,0,0,2.92,1.11c2.64,0,3.89-1.67,4.44-3.75a9.71,9.71,0,0,0,.56-3.75V64.77h-6V52.14h21V103h-8.89l-1.8-4.86a14.92,14.92,0,0,1-11.66,6c-4.86,0-8.19-1.25-10.69-3.47a18.53,18.53,0,0,1-5.28-7.5A27.93,27.93,0,0,1,286.83,82V21.87a27.67,27.67,0,0,1,2.5-11,19.11,19.11,0,0,1,5.83-7.64A19.1,19.1,0,0,1,306.82-.21a18.66,18.66,0,0,1,11.52,3.47,19.49,19.49,0,0,1,6,7.64,27.67,27.67,0,0,1,2.5,11V37.56Z" />
<path class="cls-2" d="M364.58,103l-7.78-43h-4v43h-15V.9h15C370.69.9,378.32,11,378.32,30.34c0,10.14-2.64,19.3-8.33,23.19L379.57,103ZM352.78,46a10.42,10.42,0,0,0,7.08-2.22c2.22-1.94,4-5.69,4-12.91s-1.8-11.11-4-13.05-5-2.08-7.08-2.08Z" />
<path class="cls-2" d="M387.9.9H422.2V16.32H402.9v26.8h13.88V59.5H402.9v28h19.3V103H387.9Z" />
<path class="cls-2" d="M430.53.9h34.29V16.32h-19.3v26.8h13.88V59.5H445.52v28h19.3V103H430.53Z" />
<path class="cls-2" d="M489,49.78l-1.25-4.72h-.83V103H473.15V.9h13.33l14.58,53.18,1.25,4.72h.83V.9h13.75V103H503.56Z" />
<path class="cls-2" d="M523.83,103,539.24.9h18.33L573,103H558.4l-2.78-20.83H541.18L538.41,103Zm25.41-68.86-.42-2.64H548l-.42,2.64-4.3,32.21h10.27Z" />
<path class="cls-2" d="M598.39,103H586.72L573,.9h13.88l6,53,.28,3.33h1.11l.42-3.33L601,.9h10.83l6.39,53,.42,3.33h1.11l.28-3.33,6-53H639.9L626.15,103H614.49l-6.94-48.32-.83-6h-.56l-.83,6Z" />
<path class="cls-2" d="M643,103,658.37.9h18.33l15.41,102H677.53l-2.78-20.83H660.31L657.53,103Zm25.41-68.86-.42-2.64h-.83l-.42,2.64-4.3,32.21h10.27Z" />
<path class="cls-2" d="M699,.9h15V89.07H733.9V103H699Z" />
<path class="cls-2" d="M734.73,16.32V.9H778V16.32H763.88V103h-15V16.32Z" />
<g id="_Group_" data-name="<Group>">
<path class="cls-3" d="M888.28,74.9c1.81-.68,101.27-40,103.19-40.31,2.36-.35,4.11.69,5.44-1.3a4.6,4.6,0,0,0-1.16-5.93c-2.47-1.68-3.9,1.64-6.15,2.56-3.85,1.57-10,2.85-15.35,4.33L964.17,37c-14.64,4.05-58.26,12.39-81.73,18.7-4.28,1.15,1.8,21.46,5.84,19.15m0,0Q862.55,84,836.51,92.24c-6.64,2.1-13.44,4.17-20.4,4s-14.24-2.92-18.12-8.7a29.82,29.82,0,0,1-3.61-8.86,156.67,156.67,0,0,1-5.62-41.91c0-3.48,3.45-5.87,6.61-7.33a60.24,60.24,0,0,1,29-5.43c2.19.14,4.52.46,6.18,1.89a10.91,10.91,0,0,1,2.6,4.16,245.08,245.08,0,0,1,10.08,28.34c.59,2.05,1.32,4.33,3.2,5.35s3.88.47,5.8,0c10.09-2.6,20.24-5.31,30.22-8C886.91,54.58,891.3,73.73,888.28,74.9Z" />
</g>
</svg> </a>
<!-- <span class="logo__tagline">Stay classy.</span> -->
</div>
<nav class="header-menu">
<ul class="header-menu__list">
<li class="header-menu__list-item"><a href="./about">About Me</a></li>
<li class="header-menu__list-item"><a href="./articles">Articles</a></li>
<li class="header-menu__list-item"><a href="./projects">Projects</a></li>
<li class="header-menu__list-item"><a data-fancybox data-src="#hidden-content" href="javascript:;"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="36" height="36" viewBox="0 0 36 36" xml:space="preserve">
<g id="search_1_">
<path d="M35.525 31.228l-8.88-8.882a14.254 14.254 0 002.298-7.752c0-7.909-6.438-14.343-14.346-14.343C6.686.251.254 6.685.254 14.594c0 7.911 6.433 14.344 14.343 14.344 2.856 0 5.513-.849 7.752-2.294l8.88 8.88a.761.761 0 001.076 0l3.22-3.221a.756.756 0 000-1.075zM4.81 14.593c0-5.396 4.391-9.788 9.788-9.788 5.398 0 9.787 4.392 9.787 9.788 0 5.398-4.389 9.789-9.787 9.789-5.398 0-9.788-4.391-9.788-9.789z" id="search" />
</g>
</svg></a></li>
</ul>
</nav>
</div>
</header>
<!-- End .header -->
<div role="main" class="content">
<div class="hero--no-bleed"></div>
<header class="article-header">
<h1 class="single-article__headline">My Writing Process</h1>
<aside class="single-article__byline byline" id="single-article__byline">
<div class="byline__content">
<h2 class="byline__headline headline">My Writing Process</h2>
<span class="byline__timestamp">July 10, 2011</span>
<div class="byline__summary">
<p>I documented my writing and creative process for “cross-training” at work.</p>
</div>
<div class="byline-tags">
<span class="byline-tags__label">Tags:</span> 2011-2018, design
</div>
</div>
</aside>
</header>
<article class="main-content single-article__body">
<!-- <div class="player" data-plyr-provider="vimeo" data-plyr-embed-id="26239168"></div> -->
<div class="plyr__video-embed player">
<iframe src="https://player.vimeo.com/video/26239168" allowfullscreen allowtransparency allow="autoplay"></iframe>
</div>
<p>The tools I use in the video to write and design are Scrivener, Byword, and Photoshop.</p>
<p>Like when I write, Radiohead (Like Spinning Plates) plays in the background. I recorded and edited everything using ScreenFlow.</p>
</article>
<!--end .article-->
<hr class="graphic-separator">
<div class="article-footer">
<div class="prev-next-articles">
<a href="#" class="prev-next-articles__link previous">← Magical previous article</a>
<a href="#" class="prev-next-articles__link next">Magical next article →</a>
</div>
</div> <!-- <hr class="graphic-separator"> -->
<div class="content-footer">
<div class="content-footer__block">
<h3>Subscribe via Email</h3>
<p>Subscribe to get notified of new posts by email.</p>
</div>
<div class="content-footer__block">
<form action="#" method="post" class="inline-form newsletter-form" data-abide novalidate>
<fieldset>
<!-- <h3>Subscribe via Email</h3>
<p>Subscribe to get notified of new posts by email.</p> -->
<div class="input-group">
<input class="input-group-field" placeholder="Your email address" required pattern="email">
<div class="input-group-button">
<input type="submit" class="button" value="Subscribe">
</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
<!--End role=main-->
<footer>©2020 Jeremy Greenawalt | <a href="#">RSS</a> | <a href="#">JSON</a></footer>
<div style="display: none;" id="hidden-content" class="search__modal-content">
<div class="search__wrapper">
<input sprig s-trigger="keyup" s-target="#results" type="search" name="searchQuery" placeholder="Search" id="search-field" class="input-group-field search-field search__input" value="">
<div id="results" style="display: none;">
<!-- <h2>Search Results</h2> -->
<ul class="article-list">
<li class="article-list__item">
<div class="article-block">
<div class="article-block__thumbnail">
<img src="//placem.at/things?w=600&h=600&txt=0" alt="Post Thumbnail" />
</div>
<div class="article-block__text">
<h2 class="article-block__headline">How I Deliver Front-End Development With Pattern Lab</h2>
<time class="article-block__date" datetime="2013-01-01T06:20+00:00">January 1, 2013</time>
<p>The Allegheny River is a principal tributary of the Ohio River; it is located in the Eastern United States. The Allegheny River joins with the Monongahela River to form the Ohio River at the Point of Point State Park in Downtown Pittsburgh, Pennsylvania.</p>
<p><a href="" class="button hollow large">Read Now</a></p>
</div>
</div>
</li>
<li class="article-list__item">
<div class="article-block">
<div class="article-block__thumbnail">
<img src="//placem.at/things?w=500&h=500&txt=0" alt="Ivy" />
</div>
<div class="article-block__text">
<h2 class="article-block__headline">How to detect and avoid poison ivy</h2>
<time class="article-block__date" datetime="2013-01-01T06:20+00:00">January 1, 2013</time>
<p>Toxicodendron radicans, commonly known as poison ivy is a poisonous North American plant that is well known for its production of urushiol</p>
<p><a href="" class="button hollow large">Read Now</a></p>
</div>
</div>
</li>
<li class="article-list__item">
<div class="article-block">
<div class="article-block__thumbnail">
<img src="//placem.at/things?w=700&h=700&txt=0" alt="Yosemite" />
</div>
<div class="article-block__text">
<h2 class="article-block__headline">Top 10 hiking mountains</h2>
<time class="article-block__date" datetime="2013-01-01T06:20+00:00">January 1, 2013</time>
<p>Yosemite National Park is a United States National Park spanning eastern portions of Tuolumne, Mariposa and Madera counties in the central eastern portion of the U.S. state of California.</p>
<p><a href="" class="button hollow large">Read Now</a></p>
</div>
</div>
</li>
<li class="article-list__item">
<div class="article-block">
<div class="article-block__thumbnail">
<img src="//placem.at/things?w=800&h=800&txt=0" alt="Fire" />
</div>
<div class="article-block__text">
<h2 class="article-block__headline">How to build a campfire</h2>
<time class="article-block__date" datetime="2013-01-01T06:20+00:00">January 1, 2013</time>
<p>A campfire is a fire lit at a campsite, to serve the following functions: light, warmth, a beacon, an insect and/or apex predator deterrent, to cook, and for a psychological sense of security. </p>
<p><a href="" class="button hollow large">Read Now</a></p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="page" id="page">
{% include "@header" %}
<div role="main" class="content">
<div class="hero--no-bleed"></div>
<header class="article-header">
<h1 class="single-article__headline">{{ headline.short }}</h1>
{% include "@byline" %}
</header>
<article class="main-content single-article__body">
{% include "@vimeo-video" %}
<p>The tools I use in the video to write and design are Scrivener, Byword, and Photoshop.</p>
<p>Like when I write, Radiohead (Like Spinning Plates) plays in the background. I recorded and edited everything using ScreenFlow.</p>
</article><!--end .article-->
{% include "@article-footer" %}
{% include "@content-footer" %}
</div><!--End role=main-->
{% include "@footer" %}
</div>
{
"title": "Nullizzle shizznit velizzle, hizzle, suscipit own yo', gravida vizzle, arcu.",
"img": {
"avatar": {
"src": "/components/raw/footer-about-me/jeremy.jpg",
"alt": "Jeremy"
},
"square": {
"src": "//placem.at/things?w=600&h=600&txt=0",
"alt": "Square"
},
"rectangle": {
"src": "../../images/fpo_4x3.png",
"alt": "Rectangle"
},
"wide": {
"src": "//placem.at/places?w=1600&h=900&txt=0",
"alt": "16x9 Image"
},
"book": {
"src": "https://307ldi31idcfga3o02ze8281-wpengine.netdna-ssl.com/wp-content/uploads/2011/08/book.jpg",
"alt": "Essentialism by Greg McKeown"
}
},
"headline": {
"short": "My Writing Process",
"medium": "You think water moves fast? You should see ice."
},
"excerpt": {
"short": "I documented my writing and creative process for “cross-training” at work.",
"medium": "Well, the way they make shows is, they make one show. That show's called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they're going to make more shows.",
"long": "Well, the way they make shows is, they make one show. That show's called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they're going to make more shows. Some pilots get picked and become television programs. Some don't, become nothing. She starred in one of the ones that became nothing."
},
"reading_time": "",
"description": "Yeah, I like animals better than people sometimes... Especially dogs. Dogs are the best. Every time you come home, they act like they haven't seen you in a year. And the good thing about dogs... is they got different dogs for different people. Like pit bulls. The dog of dogs. Pit bull can be the right man's best friend... or the wrong man's worst enemy. You going to give me a dog for a pet, give me a pit bull. Give me... Raoul. Right, Omar? Give me Raoul.",
"url": "#",
"name": {
"first": "Samuel",
"firsti": "S",
"middle": "Leroy",
"middlei": "L",
"last": "Jackson",
"lasti": "J"
},
"year": {
"long": "2011",
"short": "11"
},
"month": {
"long": "July",
"short": "Jul",
"digit": "07"
},
"dayofweek": {
"long": "Sunday",
"short": "Sun"
},
"day": {
"long": "10",
"short": "10",
"ordinal": "th"
},
"hour": {
"long": "06",
"short": "6",
"military": "06",
"ampm": "am"
},
"minute": {
"long": "20",
"short": "20"
},
"seconds": "30",
"primary_navigation": [
{
"text": "About Me",
"url": "./about"
},
{
"text": "Articles",
"url": "./articles"
},
{
"text": "Projects",
"url": "./projects"
}
],
"related_articles": {
"previous": "Magical previous article",
"next": "Magical next article"
},
"latest_posts": [
{
"img": {
"square": {
"src": "//placem.at/things?w=600&h=600&txt=0",
"alt": "Post Thumbnail"
}
},
"headline": {
"short": "How I Deliver Front-End Development With Pattern Lab"
},
"excerpt": {
"medium": "The Allegheny River is a principal tributary of the Ohio River; it is located in the Eastern United States. The Allegheny River joins with the Monongahela River to form the Ohio River at the Point of Point State Park in Downtown Pittsburgh, Pennsylvania."
},
"year": {
"long": "2013",
"short": "13"
},
"month": {
"long": "January",
"short": "Jan",
"digit": "01"
},
"dayofweek": {
"long": "Sunday",
"short": "Sun"
},
"day": {
"long": "01",
"short": "1",
"ordinal": "st"
},
"hour": {
"long": "06",
"short": "6",
"military": "06",
"ampm": "am"
},
"minute": {
"long": "20",
"short": "20"
}
},
{
"img": {
"square": {
"src": "//placem.at/things?w=500&h=500&txt=0",
"alt": "Ivy"
}
},
"headline": {
"short": "How to detect and avoid poison ivy"
},
"excerpt": {
"medium": "Toxicodendron radicans, commonly known as poison ivy is a poisonous North American plant that is well known for its production of urushiol"
},
"year": {
"long": "2013",
"short": "13"
},
"month": {
"long": "January",
"short": "Jan",
"digit": "01"
},
"dayofweek": {
"long": "Sunday",
"short": "Sun"
},
"day": {
"long": "01",
"short": "1",
"ordinal": "st"
},
"hour": {
"long": "06",
"short": "6",
"military": "06",
"ampm": "am"
},
"minute": {
"long": "20",
"short": "20"
}
},
{
"img": {
"square": {
"src": "//placem.at/things?w=700&h=700&txt=0",
"alt": "Yosemite"
}
},
"headline": {
"short": "Top 10 hiking mountains"
},
"excerpt": {
"medium": "Yosemite National Park is a United States National Park spanning eastern portions of Tuolumne, Mariposa and Madera counties in the central eastern portion of the U.S. state of California."
},
"year": {
"long": "2013",
"short": "13"
},
"month": {
"long": "January",
"short": "Jan",
"digit": "01"
},
"dayofweek": {
"long": "Sunday",
"short": "Sun"
},
"day": {
"long": "01",
"short": "1",
"ordinal": "st"
},
"hour": {
"long": "06",
"short": "6",
"military": "06",
"ampm": "am"
},
"minute": {
"long": "20",
"short": "20"
}
},
{
"img": {
"square": {
"src": "//placem.at/things?w=800&h=800&txt=0",
"alt": "Fire"
}
},
"headline": {
"short": "How to build a campfire"
},
"excerpt": {
"medium": "A campfire is a fire lit at a campsite, to serve the following functions: light, warmth, a beacon, an insect and/or apex predator deterrent, to cook, and for a psychological sense of security. "
},
"year": {
"long": "2013",
"short": "13"
},
"month": {
"long": "January",
"short": "Jan",
"digit": "01"
},
"dayofweek": {
"long": "Sunday",
"short": "Sun"
},
"day": {
"long": "01",
"short": "1",
"ordinal": "st"
},
"hour": {
"long": "06",
"short": "6",
"military": "06",
"ampm": "am"
},
"minute": {
"long": "20",
"short": "20"
}
}
]
}
There are no notes for this item.