This commit is contained in:
parent
c7be739a53
commit
2ccf90d566
2 changed files with 654 additions and 1 deletions
644
blog/src/ketchup_mayo_barbecue_sauce.html
Normal file
644
blog/src/ketchup_mayo_barbecue_sauce.html
Normal file
|
|
@ -0,0 +1,644 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="generator" content="crowbook">
|
||||||
|
<meta name="viewport" content="width=device-width">
|
||||||
|
<meta name="author" content="Ell Peck">
|
||||||
|
|
||||||
|
<title>Ketchup, Mayo and Barbecue Sauce</title>
|
||||||
|
<style type = "text/css">
|
||||||
|
body {
|
||||||
|
font-family: "Linux Libertine", "Georgia", serif;
|
||||||
|
text-align: justify;
|
||||||
|
font-size: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
text-indent: 1.25em;
|
||||||
|
margin:0;
|
||||||
|
hyphens: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
margin: 1em;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
code {
|
||||||
|
font-size: 80%;
|
||||||
|
font-family: "Linux Libertine Mono", monospace;
|
||||||
|
background-color: #F0F0F0;
|
||||||
|
}
|
||||||
|
pre {
|
||||||
|
font-family: "Linux Libertine Mono", monospace;
|
||||||
|
margin: 1em;
|
||||||
|
padding-top: 0;
|
||||||
|
background-color: #F0F0F0;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
/* Try to disable hyphenation in titles */
|
||||||
|
h1, h2, h3, h4, h5, h5 {
|
||||||
|
adobe-hyphenate: none;
|
||||||
|
-ms-hyphens: none; /* Trident (Windows) */
|
||||||
|
-moz-hyphens: none; /* Gecko (Firefox) */
|
||||||
|
-webkit-hyphens: none; /* Webkit */
|
||||||
|
-epub-hyphens: none; /* EPUB 3 */
|
||||||
|
hyphens: none; /* Futur standard */
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
text-align: left;
|
||||||
|
font-family: Linux Biolinum, sans-serif;
|
||||||
|
font-variant: small-caps;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Title of a part */
|
||||||
|
h1.part {
|
||||||
|
font-size: 250%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* The `Part X` section of a part */
|
||||||
|
h2.part {
|
||||||
|
font-size: 175%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* The "Chapter X" section of a chapter */
|
||||||
|
span.chapter-header {
|
||||||
|
font-size: 75%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Title of the book */
|
||||||
|
h1.title {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 300%;
|
||||||
|
}
|
||||||
|
/* Author */
|
||||||
|
h2.author {
|
||||||
|
text-align: right;
|
||||||
|
font-size: 200%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Subtitle */
|
||||||
|
h2.subtitle {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 200%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* When toc is displayed inlined */
|
||||||
|
#toc ol, #toc ul {
|
||||||
|
padding: 0;
|
||||||
|
margin-left: 1em;
|
||||||
|
}
|
||||||
|
#toc li {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0; padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toc li:before {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cover img {
|
||||||
|
width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image {
|
||||||
|
margin: auto;
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image img {
|
||||||
|
width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rule {
|
||||||
|
text-align: center !important;
|
||||||
|
margin-top: 1em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
font-weight: bold;
|
||||||
|
page-break-inside: avoid;
|
||||||
|
break-inside: avoid;
|
||||||
|
page-break-after: avoid;
|
||||||
|
break-after: avoid;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* The number of the note in an expanded footnote (e.g. [3]) */
|
||||||
|
.note-number {
|
||||||
|
font-weight: bold;
|
||||||
|
margin-right: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
td.note-number {
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* When footnotes (try to) be diplayed as margin notes */
|
||||||
|
.sidenote {
|
||||||
|
display: block;
|
||||||
|
float: right;
|
||||||
|
width: 30%;
|
||||||
|
border: 1px solid black;
|
||||||
|
margin: 1em;
|
||||||
|
padding: .5em;
|
||||||
|
margin-right: -1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidenote .note-number {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* The div class displaying notes at the end of a chapter */
|
||||||
|
div.notes {
|
||||||
|
text-align: justify;
|
||||||
|
border-top: thin dashed black;
|
||||||
|
margin-top: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.notes {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-style: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.notes tr td {
|
||||||
|
margin-left: 1em;
|
||||||
|
margin-right: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.notes tr td p {
|
||||||
|
text-indent: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Every markdown table is included in a <div class = "table"> */
|
||||||
|
.table {
|
||||||
|
margin: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table table {
|
||||||
|
width: 80%;
|
||||||
|
margin: 0 auto;
|
||||||
|
border-style: solid;
|
||||||
|
border-width: thin;
|
||||||
|
border-color: black;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table table th, .table table td {
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 1px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table table th {
|
||||||
|
font-weight: bold;
|
||||||
|
font-variant: small-caps;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
span.initial {
|
||||||
|
float: left;
|
||||||
|
font-size: 285%;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-right: 0.05em;
|
||||||
|
line-height: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
p.first-para {
|
||||||
|
text-indent: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Use this for escape narrow space so it is non-breaking */
|
||||||
|
.nnbsp {
|
||||||
|
/* white-space: nowrap;*/
|
||||||
|
word-spacing: -0.13em;
|
||||||
|
/* Following necessary for Kobo EPUB3 reader??? */
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Default HTML CSS file includes default EPUB CSS file */
|
||||||
|
|
||||||
|
/* Colors for the navigation menu (toc) */
|
||||||
|
nav {
|
||||||
|
background: #CBBFCC;
|
||||||
|
color: black;
|
||||||
|
border-right-color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav a:link {
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav a:visited {
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Colors for top and footer */
|
||||||
|
#top {
|
||||||
|
background-color: #444343;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
background-color: #444343;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer a, #top a {
|
||||||
|
color: #fc71ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer a:hover, #top a:hover {
|
||||||
|
color: #b743fe;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Additional elements, only use for proofreading */
|
||||||
|
/* Grammar error */
|
||||||
|
.grammar-error {
|
||||||
|
color: red;
|
||||||
|
text-decoration-line: underline;
|
||||||
|
text-decoration-style: double;
|
||||||
|
/* background: #d966ff;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
p.first-para:first-letter {
|
||||||
|
font-size: 300%;
|
||||||
|
float: left;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-right: 0.05em;
|
||||||
|
line-height: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* The nav element corresponding to the navigation menu */
|
||||||
|
nav {
|
||||||
|
z-index: 2;
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
width: 20%;
|
||||||
|
overflow-y: auto;
|
||||||
|
font-size: 80%;
|
||||||
|
margin-left: 0;
|
||||||
|
border-right-width: 2px;
|
||||||
|
border-right-style: dashed;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav code {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav a:link {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav a:visited {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav h2 {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav li {
|
||||||
|
list-style-type: none;
|
||||||
|
text-indent: -1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav li:before {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav ul {
|
||||||
|
padding-right: 1em;
|
||||||
|
padding-left: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* The menu containing the button to display the navigation bar */
|
||||||
|
#menu {
|
||||||
|
position: fixed;
|
||||||
|
z-index: 2;
|
||||||
|
top: 0em;
|
||||||
|
left: 1em;
|
||||||
|
transition: left 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
#menu img {
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
#menu img:hover {
|
||||||
|
opacity: 1.0;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#menu-button {
|
||||||
|
height: 1.5em;
|
||||||
|
padding: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#book-button {
|
||||||
|
height: 1.5em;
|
||||||
|
padding: 0.5em;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hide navigation bar */
|
||||||
|
#nav {
|
||||||
|
left: -21%;
|
||||||
|
transition: left 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* The main content of the book */
|
||||||
|
#content {
|
||||||
|
overflow-y: auto;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
transition: margin-left 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Used for multifiles HTML */
|
||||||
|
.prev_chapter {
|
||||||
|
text-align: left;
|
||||||
|
text-indent: 0;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
font-size: 120%;
|
||||||
|
font-variant: small-caps;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.next_chapter {
|
||||||
|
text-align: right;
|
||||||
|
margin-top: 1em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
font-size: 120%;
|
||||||
|
font-variant: small-caps;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Improving readability for the HTML format only */
|
||||||
|
p, blockquote, li, .image {
|
||||||
|
margin-right: auto;
|
||||||
|
max-width: 33em;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#content {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page {
|
||||||
|
display: inline-block;
|
||||||
|
text-align: justify;
|
||||||
|
max-width: 33em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav-container {
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav-title {
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toolbar {
|
||||||
|
top: 0;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toolbar img {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
margin-top: 2em;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#top {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#top p {
|
||||||
|
font-family: "Linux Biolinum";
|
||||||
|
font-weight: bold;
|
||||||
|
font-variant: small-caps;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer, #top {
|
||||||
|
padding-top: .25em;
|
||||||
|
padding-bottom: .25em;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
text-align: center;
|
||||||
|
transition: margin-left 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer a, #top a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer p, #top p {
|
||||||
|
text-indent: 0;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
margin-top: 0.5em;
|
||||||
|
max-width: 33em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<style type = "text/css" media = "print">
|
||||||
|
#page {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chapter {
|
||||||
|
page-break-before: always;
|
||||||
|
}
|
||||||
|
|
||||||
|
#menu {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
function on(name) {
|
||||||
|
var elements = document.getElementsByClassName(name);
|
||||||
|
for (var i = 0; i < elements.length; i++) {
|
||||||
|
var elem = elements[i];
|
||||||
|
elem.style.backgroundColor = "pink";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function off(name) {
|
||||||
|
var elements = document.getElementsByClassName(name);
|
||||||
|
for (var i = 0; i < elements.length; i++) {
|
||||||
|
var elem = elements[i];
|
||||||
|
elem.style.backgroundColor = "white";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var display_menu = false;
|
||||||
|
function toggle() {
|
||||||
|
if (display_menu == true) {
|
||||||
|
display_menu = false;
|
||||||
|
document.getElementById("nav").style.left = "-21%";
|
||||||
|
document.getElementById("content").style.marginLeft = "0%";
|
||||||
|
document.getElementById("menu").style.left = "1em";
|
||||||
|
/* if(document.getElementById("top")) {
|
||||||
|
document.getElementById("top").style.left = "0";
|
||||||
|
}
|
||||||
|
if(document.getElementById("footer")) {
|
||||||
|
document.getElementById("footer").style.marginLeft = "0%";
|
||||||
|
}*/
|
||||||
|
} else {
|
||||||
|
display_menu = true;
|
||||||
|
document.getElementById("nav").style.left = "0";
|
||||||
|
document.getElementById("content").style.marginLeft = "20%";
|
||||||
|
document.getElementById("menu").style.left = "20%";
|
||||||
|
/* if(document.getElementById("top")) {
|
||||||
|
document.getElementById("top").style.left = "20%";
|
||||||
|
}
|
||||||
|
if(document.getElementById("footer")) {
|
||||||
|
document.getElementById("footer").style.marginLeft = "20%";
|
||||||
|
}*/
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<script type = 'application/ld+json'>
|
||||||
|
{
|
||||||
|
"@context": "http://schema.org/",
|
||||||
|
"@type": "Book",
|
||||||
|
"author": "Ell Peck",
|
||||||
|
"name": "Ketchup, Mayo and Barbecue Sauce",
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
"inLanguage": "en"
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div id = "content">
|
||||||
|
|
||||||
|
<div id = "page">
|
||||||
|
<header>
|
||||||
|
|
||||||
|
<div id = "menu">
|
||||||
|
</div>
|
||||||
|
<h2 class="author">Ell Peck</h2>
|
||||||
|
<h1 id = "link-0" class="title" >Ketchup, Mayo and Barbecue Sauce</h1>
|
||||||
|
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div id = "chapter-0" class = "chapter">
|
||||||
|
<p id = "para-1">Sally strolled along the shopping street with her favorite, rainbow-colored bag swung over her left shoulder. Looking around the shops, she wondered if she’d gotten everything from her list. Unsure, but willing to be <em>absolutely certain</em>, she pulled her phone out of her shiny bag and opened her notes. There was one item left on it, unticked: <em>short skirt, blue, summer</em>. She held the bag open with one hand and started rummaging through it with the other. Sally had already bought a skirt, but it wasn’t blue, and it wasn’t fit for summer either. It was longer, and the colors made her think of the fall. Of dancing around in the rain, of jumping straight into a pile of leaves. Of <em>Joey</em>.</p>
|
||||||
|
<p id = "para-2">Oh, God.</p>
|
||||||
|
<p id = "para-3">She took the skirt out of its protective casing and checked the price tag, which was still firmly attached to the waistband. Forty-seven dollars, it said. That was a lot of money to pay for a skirt, wasn’t it? She jerked around on the busy street in an instant, almost bumping into a stranger, while trying to locate the store where she’d gotten this stupid thing.</p>
|
||||||
|
<p id = "para-4">Ah, there it was. Without thinking much, she stuffed the skirt back into her bag and headed straight for the entrance of the small boutique.</p>
|
||||||
|
<p id = "para-5">As she started scanning the other skirts on the racks close to the entrance, she concluded that this store was clearly ill-fitting for her goal of completing the last item on her to-do list. There were no skirts in fun, summery colors. Slightly outraged, and about ready to head to the counter to return the expensive fall skirt, she noticed a familiar face in line for the register.</p>
|
||||||
|
<p id = "para-6">Was it really–? No, it couldn’t have been. As the long-haired guy turned around, she quickly ducked behind one of the racks as to not make it seem like she’d just been staring at him. Naturally. What could be a better way to make it seem like you’re <em>totally</em> minding your own business than hiding under some random clothes rack like a nine-year-old?</p>
|
||||||
|
<p id = "para-7">Oh, well. It was too late now to seem normal.</p>
|
||||||
|
<p id = "para-8">As she raised her head carefully above the rack, just enough to be able to spy– look at David, she realized how much he’d changed since the last time she saw him. He was wearing a flashy jacket, not the weird high school varsity kind, but a punky sort of dark, possibly faux-leather looking thing. His shoulders were–wow, his shoulders were broad, and they looked strong as hell. How much had he been lifting? Did he carry boulders for fun? For only a quick second, definitely absolutely not for longer, she imagined him scooping her up and carrying her like a princess. She imagined herself, staring up into his dark brown eyes, wondering what it would be like to look into them before she fell asleep.</p>
|
||||||
|
<p id = "para-9">Joey would’ve never done anything like that with her. It wasn’t that he hadn’t been strong enough to carry her or anything, it’s that he just wasn’t the <em>romantic</em> type. The type of person to kiss her out of nowhere, the type to turn around while walking next to her and pull her into a tight, warm embrace. But David, <em>oh, David</em>, maybe he could be that, for her.</p>
|
||||||
|
<p id = "para-10">After a few more minutes of dreaming, and possibly a tiny bit of <em>drooling</em>, she caught herself doing exactly the thing that she promised herself she’d never do again: <em>Pining</em> for someone, someone who probably didn’t even remember she existed. Someone she hadn’t even <em>talked to</em> yet. Jesus Christ.</p>
|
||||||
|
<p id = "para-11">She needed to get her act together, she thought to herself. And what better way to do that than to return that ugly fall skirt she’d bought and get a perfect, blue summer one just like her to-do list demanded of her. She sat up, turned away from David, who looked like he was almost finished checking out by now, and pulled the stupid skirt back out of her bag. But looking at it, she realized again how beautiful the pattern on it was. How the thin lines connected to form what looked like a network of pathways, or maybe a tree with thousands of small branches.</p>
|
||||||
|
<p id = "para-12">She stuffed the skirt right back into her bag and deliberated. She could always just get the blue summer skirt <em>on top</em> of the fall one, and keep both. But surely, she’d never <em>wear</em> both of them, because she already had so many other skirts, and dresses, and jeans. Why did she have <em>so many clothes</em>? She didn’t even need to buy any more today. This whole thing was so unnecessary, she realized.</p>
|
||||||
|
<p id = "para-13">Determined to keep the skirt (because of the beautiful lines, et cetera), but not buy another skirt (because of the full closet), she headed straight for the exit with big, confident strides. So confident, in fact, that she ran right into the backside of none other than David, who had stopped in the doorway of the store, probably to check his phone or something.</p>
|
||||||
|
<p id = "para-14">Oh, fucking hell.</p>
|
||||||
|
<p id = "para-15">David leapt forward immediately and scrambled to keep his phone in his hand. He turned around and shot Sally a weird look.</p>
|
||||||
|
<p id = "para-16">“I’m so sorry,” she mumbled, sounding overly apologetic. “I didn’t look where I was going.”</p>
|
||||||
|
<p id = "para-17">“It’s no problem,” he said and the corner of his mouth tilted upwards a little. “Wait, don’t I know you from somewhere?”</p>
|
||||||
|
<p id = "para-18">Sally paused. A person who <em>hadn’t</em> just stalked her old high school classmate from behind a fucking skirt rack would probably be confused for a second before, like her, immediately saying “Yea, hi, I’m Sally, back from school.”</p>
|
||||||
|
<p id = "para-19">He arched an eyebrow. “Sally...,” he began. “Sally, like, debate team Sally?”</p>
|
||||||
|
<p id = "para-20">“Is that what you thought of me as?”, she said almost instinctively. “I didn’t even do it for that long.”</p>
|
||||||
|
<p id = "para-21">“Well,” David began awkwardly and stuffed his phone into his pocket. “The other Sally made it hard to think of you as just ‘Sally’”, he explained.</p>
|
||||||
|
<p id = "para-22">Ah, that made a lot of sense, actually. Sally (the other one) was one of the popular girls, and <em>this</em> Sally was never that popular at school, or anywhere, really. She hung around the debate team for a while, but quit fairly quickly and moved on to a different club. And right now, still standing in the doorway of the store, awkwardly looking at David, she pulled a face and tried to remember what she <em>did</em> after she quit the debate team.</p>
|
||||||
|
<p id = "para-23">“Anyway,” David said with a blank expression. “I was about to grab lunch...”</p>
|
||||||
|
<p id = "para-24">He paused, and Sally just kind of stared. She was still thinking about that damn club.</p>
|
||||||
|
<p id = "para-25">“You want to come?” David finally said.</p>
|
||||||
|
<p id = "para-26">“Uh, what?” Sally began awkwardly. It took a second for her brain to process what David had just said. “Oh, yea, sure, that sounds great!”, and it really <em>did</em> sound great to her, too.</p>
|
||||||
|
<p class = "rule">***</p>
|
||||||
|
<p id = "para-27">Sally couldn’t quite believe it, but David had actually given her his <em>phone number</em> after their lunch date thing. They’d walked to a nearby fast food place and both ordered a burger and fries, and, while waiting for the food to arrive, they’d talked about what both of them had started doing after finishing school.</p>
|
||||||
|
<p id = "para-28">Sally was sitting in her bed now and looking down at her phone, the bright screen displaying David’s contact information. He’d entered his first name only, along with his phone number. For a moment, Sally wondered if he might have given her some sort of fake number, but that wouldn’t make much sense, because <em>he</em> was the one who’d invited her to lunch, after all.</p>
|
||||||
|
<p id = "para-29">She hovered over the green call button with her thumb, considering her options. Maybe she should just text him? What would she say, though? A call just seemed easier. Plus, it was cheaper, right? With her contract and all. Finally, she tapped the button with a shaky finger.</p>
|
||||||
|
<p id = "para-30">“Hello?” a familiar voice said on the other end of the line.</p>
|
||||||
|
<p id = "para-31">“Hey, it’s me, Sally, from lunch,” she said awkwardly. “Do you want to go out again, maybe?”</p>
|
||||||
|
<p id = "para-32">Wow, that was <em>bold</em> of her, wasn’t it? What had gotten into her all of a sudden? She never used to be like this with Joey, or anyone else, for that matter. She shook her head and followed up with a <em>super</em> smooth “Only if you want, though. Of course.” Fucking hell.</p>
|
||||||
|
<p id = "para-33">“I’d love to! I’m so glad you asked,” he said. “I was worried you weren’t going to call.”</p>
|
||||||
|
<p id = "para-34">He was... <em>worried</em>? That was a surprise to Sally. And a nice thing to say, too, in a weird sort of way.</p>
|
||||||
|
<p id = "para-35">They decided to meet up for lunch again the next day, and David picked out another fast food place in town that sold Asian takeout. Sally wasn’t sure if she was going to like it, but she knew she liked <em>David</em>, and that was the main thing that mattered to her.</p>
|
||||||
|
<p id = "para-36">Later that night, she lay awake, staring at the ceiling, thinking about David. About how nice he’d been on the phone. About lunch. <em>Had</em> he been really nice, or had she just forgotten what talking to a nice person was like? The thought was a little depressing to her, so she dismissed it as quickly as it came. No, he <em>had</em> been very nice to her, she concluded. He was a great lunch buddy.</p>
|
||||||
|
<p class = "rule">***</p>
|
||||||
|
<p id = "para-37">David checked himself in the mirror and pulled a face. He wet his hand in the sink and tried to smooth over a rogue curl in his otherwise silky smooth, brown hair. As he let go, the stupid thing bounced back up, and he quickly admitted defeat. <em>Fine</em>, he thought to himself with a kind of confidence that he didn’t normally seem to possess. <em>This day will go great either way.</em></p>
|
||||||
|
<p id = "para-38">Sally had suggested a place that he’d never been to this time around, a place that–from the images online–looked to be a small restaurant with a large outdoor seating area. For a moment, he thought to himself if maybe she picked this place because it looked romantic.</p>
|
||||||
|
<p id = "para-39">He shrugged off the thought as a notification made his phone vibrate in his pocket. For a second, he wondered if this was Sally canceling their date– lunch meeting– <em>friendly hangout session</em>.</p>
|
||||||
|
<p id = "para-40">It was, indeed, Sally. Evidently, she hadn’t messaged him to cancel, though.</p>
|
||||||
|
<p id = "para-41">The little banner notification at the top of his screen captured the start of her message: <em>been deliberating. do you mind if we go to the thai place i talked abo...</em> David chuckled to himself as he tapped the notification. She’d already presented him with about seventeen choices last night, asking him which one <em>he</em> would choose. What was up with that girl?</p>
|
||||||
|
<p id = "para-42"><em>Whatever you want</em>, he texted back. Damn it, did that sound too disinterested? <em>You’re choosing today</em>, he added. He liked the idea of doing what Sally wanted. Of seeing her happy. Of <em>making</em> her happy. Why was he so into her all of a sudden?</p>
|
||||||
|
<p id = "para-43"><em>damn it</em>, she texted back. <em>reading online now that the thai place is closed, nvm</em>.</p>
|
||||||
|
<p id = "para-44">Fair enough.</p>
|
||||||
|
<p class = "rule">***</p>
|
||||||
|
<p id = "para-45">David looked around the big seating area to spot Sally, sitting at a far table for two, awkwardly waving at him. He waved back briefly and made his way over to her. Sitting down at the table, he asked sarcastically, “Is this the place you want to eat, or should we check out some others instead?”</p>
|
||||||
|
<p id = "para-46">She pulled a tiny frown and rolled her eyes. “Shut up.”</p>
|
||||||
|
<p id = "para-47">They continued bantering as they ordered food and until after their drinks arrived. This seemed to be their rapport now: Making fun of each other over drinks and varying cuisine. It was good. No, actually. It was <em>great</em>.</p>
|
||||||
|
<p id = "para-48">While eating his burger (and fries with mayonnaise, of course), he looked up to meet Sally’s eyes for a quick moment, who smiled back before returning her focus to her own burger, also with fries and mayo. And ketchup. <em>And</em> barbecue sauce. Jesus Christ.</p>
|
||||||
|
<p id = "para-49">He continued looking at Sally for another few seconds, studying her features, taking in her eyes, which were nestled neatly between the rims of her glasses and below her long, blonde bangs. It was warm today, and Sally was wearing a flowy, bright top and a short, blue skirt that looked like she’d just bought it the same day.</p>
|
||||||
|
<p id = "para-50">Sally looked back up at him. “You know,” she began. “I’ve really been enjoying our dates.”</p>
|
||||||
|
<p id = "para-51"><em>Our dates</em>. Did she mean their lunch meetups? Or did she really mean <em>dates</em>? He gave her the benefit of the doubt, because for him, too, it was difficult to come up with names for this... arrangement.</p>
|
||||||
|
<p id = "para-52">“Me too,” he shot back before stuffing a couple of fries into his mouth. After he swallowed, he raised an eyebrow and asked: “Dates?”</p>
|
||||||
|
<p id = "para-53">She looked back up at him and smiled. “I mean, if you like. We’re eating, we’re talking, we’re... having fun.” She paused. “Isn’t that what a date is?”</p>
|
||||||
|
<p id = "para-54">David let what that sink in for a moment. He looked at her and smiled. Of course, he admitted to himself, he’d been <em>hoping</em> that these were proper dates. And sitting across from Sally, right here, right now, <em>knowing</em> that she also thought of them as <em>dates</em>... it made him feel a sort of happiness that he hadn’t felt in a long time. He quietly smiled to himself and looked down at his plate again, stuffing another handful of fries into his mouth.</p>
|
||||||
|
<p class = "rule">***</p>
|
||||||
|
<p id = "para-55">As she arrived home and unlocked the front door, Sally realized that she’d been thinking about David, and David alone, for the last few days. Whenever she watched TV and saw a cute scene, she thought of David. When chatting with her friends about their relationships, she thought of David. And, yes, she admitted to herself, she’d also thought of David while touching herself. Once or twice.</p>
|
||||||
|
<p id = "para-56">But that wasn’t bad, she concluded. In fact, she accepted all of it as what it was: A sign that she really liked David. She smiled to herself as she went up to her room, throwing her jacket onto a chair in the corner.</p>
|
||||||
|
<p id = "para-57">She let herself drop backwards onto the bed like a brick and pulled out her phone, holding it over her head. She opened her message thread with David and typed the words <em>Today was fun.</em> Then, she followed up with another message: <em>I really like you, David.</em></p>
|
||||||
|
<p id = "para-58">This was, for the first time since Sally could remember, something she was absolutely certain about. She didn’t have to think twice before sending those messages. She didn’t even <em>want</em> to think twice about them, because it was so unusually clear to her. She liked David, and there would be nothing she could tell herself, no question she could ask herself, to change that.</p>
|
||||||
|
<p id = "para-59">Before he even read the message, Sally moved into her contact list with a few quick swipes, scrolling down to the entries that started with the letter J. <em>J</em>, as in <em>Joey</em>, of course. She tapped his name and immediately felt a weird sense of unease, a dread that she’d always felt when she had to think about him. She scrolled down past the phone numbers and his address until, right there, in the center of her screen, was a big red button with a trash can icon and the word <em>Delete</em> next to it.</p>
|
||||||
|
<p id = "para-60">She thought of the lunches with David again, the way he stuffed fries into his mouth. The way he snickered when she asked the waiter for three different condiments. The way his smooth hair dissolved into more and more curls the longer he was outside in the dry summer heat. The way things seemed so <em>easy</em> with him. All of a sudden, the dread that Joey’s name brought up in her vanished, just like that.</p>
|
||||||
|
<p id = "para-61">And then she pressed the button.</p>
|
||||||
|
<p id = "para-62">As she watched Joey’s name slide off-screen in the contact list, all the other J names shuffling up and down neatly to fill the gap, a banner notification came down from the top of her screen. It was David.</p>
|
||||||
|
<p id = "para-63"><em>I like you too, Sally. Really like you.</em></p>
|
||||||
|
<p id = "para-64">Another notification came down. <em>Lunch again tomorrow?</em></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -175,7 +175,7 @@
|
||||||
"name": "Jed's Things to Avoid in Life",
|
"name": "Jed's Things to Avoid in Life",
|
||||||
"summary": "Jed's rules are clear: No relationships. They interfere too much with his life, and he's not made for them anyway. But then, he sees his old crush from school in his hometown. Will he break his own rules for Davy?",
|
"summary": "Jed's rules are clear: No relationships. They interfere too much with his life, and he's not made for them anyway. But then, he sees his old crush from school in his hometown. Will he break his own rules for Davy?",
|
||||||
"id": "jed_things_to_avoid_in_life",
|
"id": "jed_things_to_avoid_in_life",
|
||||||
"cat": ["Short Stories", "Featured"],
|
"cat": ["Short Stories"],
|
||||||
"date": "4/23/2021",
|
"date": "4/23/2021",
|
||||||
"book": true,
|
"book": true,
|
||||||
"prompt": "https://blog.reedsy.com/creative-writing-prompts/contests/90/submissions/63882/",
|
"prompt": "https://blog.reedsy.com/creative-writing-prompts/contests/90/submissions/63882/",
|
||||||
|
|
@ -188,5 +188,14 @@
|
||||||
"cat": ["Programming", "Featured"],
|
"cat": ["Programming", "Featured"],
|
||||||
"date": "5/24/2021",
|
"date": "5/24/2021",
|
||||||
"discuss": "https://ellpeck.itch.io/tiny-life/devlog/256839/one-year-of-tiny-life-and-cursed-comment-time"
|
"discuss": "https://ellpeck.itch.io/tiny-life/devlog/256839/one-year-of-tiny-life-and-cursed-comment-time"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Ketchup, Mayo and Barbecue Sauce",
|
||||||
|
"summary": "Sally can't quite decide what skirt to buy. When she starts going out for lunch with David, an old crush from high school, she can't quite decide what to order. But she's sure about one thing: She likes David. A lot.",
|
||||||
|
"id": "ketchup_mayo_barbecue_sauce",
|
||||||
|
"cat": ["Short Stories", "Featured"],
|
||||||
|
"date": "5/28/2021",
|
||||||
|
"book": true,
|
||||||
|
"prompt": "https://blog.reedsy.com/creative-writing-prompts/contests/95/submissions/69321/"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
Loading…
Reference in a new issue