-
Notifications
You must be signed in to change notification settings - Fork 2
/
showcase-grenze.html
100 lines (100 loc) · 5.73 KB
/
showcase-grenze.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Grenze and Share Tech Mono | Typesettings.css</title>
<link rel="stylesheet" href="src/styles/typesettings.css">
<style>
@import url('https://fonts.googleapis.com/css?family=Grenze:800|Share+Tech+Mono&display=swap');
:root {
--ts-color-heading: darkgoldenrod;
--ts-color-body: magenta;
--ts-color-link: darkmagenta;
--ts-color-background: lightyellow;
--ts-font-family-serif: 'Grenze', serif;
--ts-font-family-sans: 'Share Tech Mono', sans-serif;
--ts-font-family-sans-alt: 'Share Tech Mono', sans-serif;
--ts-font-weight-regular: 400;
--ts-font-weight-bold: 800;
}
</style>
<meta name="description" content="Example article with custom fonts (Grenze and Share Tech Mono) and colors.">
</head>
<body>
<a href="#content">
Skip to content
</a>
<div data-typesettings="sans-serif dark">
<nav>
<ul>
<li>
<h1 role="presentation">
<a href="index.html">Typesettings.css</a> » <a href="showcase.html">Showcase</a>
</h1>
</li>
<li>
<ul>
<li>
<a href="https://mikemai.net/typesettings/css/typesettings-2.0-min.css" aria-label="Download the Typesettings.css file">Download</a>
</li>
</ul>
</li>
</ul>
</nav>
<main id="content">
<article>
<header>
<h1>
The Strangers That Came to Town
</h1>
<h2>
Ambrose Flack
</h2>
<p>
The first of April came dark and stormy, with silver whips of lightning cracking open the lowering clouds that seemed to skim the treetops. My brother Tom and I, recovering from chest colds, tired of reading and listening to the radio, turned to the big living-room window of our house on Syringa Street.
</p>
</header>
<aside>
<p>
<strong>Ambrose J. Flack</strong> (March 16, 1902—April 1, 1980) was an American novelist and short story author best known for writing the short story <q>The Strangers That Came To Town</q>.
</p>
</aside>
<p>
<q>Here they come, Mother,</q> cried Tom when a big truck drove up in the teeming rain and stopped in front of the empty cottage across the street. Mother hurried in from the kitchen and we three looked out. That truck, we knew, contained the Duvitch family and all their earthly possessions. Mr. Duvitch and the biggest boy carefully helped Mrs. Duvitch from the seat and walked her into the house, supporting her all the way. Another big boy, carrying a well-bundled baby, followed. A stream of young Duvitches, accompanied by a big brown houndlike dog, poured out of the back of the truck and stood in a huddle in the rain.
</p>
<p>
The barnyard sounds we heard escaped from two crates of hens the Duvitches had fetched along and from a burlap bag in which a small flock of ducks had been stowed. While the livestock made noises according to its kind, the Duvitches were quiet--almost solemn. They showed no elation at finding themselves in a new neighborhood and a very pretty neighborhood at that.
</p>
<p>
All afternoon Mother, Tom and myself had been watching out for them, with rather mixed emotions. For the Duvitches were immigrants and the first of their nationality to settle in our small smug town. Coming to our obscure part of the state a year before, they had moved into a rotting old farmhouse two miles north of town, long abandoned. After the slashing hurricane of mid-March, the moss-rotten dwelling looked like the house in the fairy tale that remained standing only because it did not know which way to fall and the Duvitches were forced to give it up.
</p>
<blockquote>
<p>
<q>I wonder if Mrs. Duvitch is ill,</q> murmured Mother, looking through the rain at the dreary street scene.
</p>
<p>
<q>She must be, I wonder if it’ll be all right for Andy and me to help 'em move in their stuff.</q> said Tom.
</p>
</blockquote>
<p>
This request, as Mother well knew, was not inspired by genuine feeling for the Duvitches but by curiosity and she shook her head. It was a strict family rule that any illness which kept us out of school would automatically keep us indoors.
</p>
<p>
But the Duvitches got along very well without help from us. As it turned out, they were old hands at moving. For years before coming to America they had been on the move, to escape starvation, separation, possible assassination. Every child capable of two-legged locomotion pitched in and helped carry the things from the truck. In no time at all, it seemed, the truck was empty and the Duvitches were shut up tight in their new home.
</p>
<p>
…
</p>
<p>
<a href="http://www.classicshorts.com/stories/StrangersTown.html" target="_blank">Continue reading »</a>
</p>
<section>
<h3>Customization</h3>
<pre><code>@import url('https://fonts.googleapis.com/css?family=Grenze:800|Share+Tech+Mono&display=swap');<br><br>--ts-color-heading: darkgoldenrod;<br>--ts-color-body: magenta;<br>--ts-color-link: darkmagenta;<br>--ts-color-background: lightyellow;<br>--ts-font-family-serif: 'Grenze', serif;<br>--ts-font-family-sans: 'Share Tech Mono', sans-serif;<br>--ts-font-family-sans-alt: 'Share Tech Mono', sans-serif;<br>--ts-font-weight-regular: 400;<br>--ts-font-weight-bold: 800;</code></pre>
</section>
</article>
</main>
</div>
</body>
</html>