Skip to content

Commit fe1b06f

Browse files
simonvreemansimonvreeman
committed
Update tessa and yvette replies
1 parent bee4ae8 commit fe1b06f

4 files changed

Lines changed: 648 additions & 2 deletions

File tree

‎seneca/letter-.html‎

Lines changed: 323 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,323 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>📗 Letter : - Seneca</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<link rel="preconnect" href="https://gtm.vreeman.com" crossorigin>
8+
<link rel="dns-prefetch" href="https://gtm.vreeman.com">
9+
<style>
10+
:root {
11+
color-scheme: dark light;
12+
--eigengrau: #16161d;
13+
--blue-dark: #06c;
14+
--blue-dark-rgb: 0, 102, 204;
15+
--blue-light: #2997ff;
16+
--blue-light-rgb: 41, 151, 255;
17+
--blue-lighter: #6bf;
18+
--blue-lighter-rgb: 102,187,255;
19+
--gray: rgb(204, 204, 204);
20+
--white: #f5f5f7;
21+
--sans-serif: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
22+
--serif: ui-serif, -apple-system-ui-serif, Palatino, Georgia, Cambria, "Times New Roman", Times, serif;
23+
--monospace: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Roboto Mono", "Liberation Mono", "Courier New", monospace;
24+
--cursive: "Comic Sans", "Comic Sans MS", "Chalkboard", "ChalkboardSE-Regular", cursive, sans-serif;
25+
}
26+
::-moz-selection {
27+
color: var(--eigengrau);
28+
background-color: var(--blue-lighter);
29+
}
30+
::selection {
31+
color: var(--eigengrau);
32+
background-color: var(--blue-lighter);
33+
}
34+
::target-text {
35+
color: var(--eigengrau);
36+
background-color: var(--blue-lighter);
37+
}
38+
:focus {
39+
outline: 3px solid var(--blue-lighter);
40+
outline-offset: 1px;
41+
}
42+
@view-transition {
43+
navigation: auto;
44+
}
45+
html {
46+
overflow-x: hidden;
47+
overflow-y: scroll;
48+
scroll-behavior: smooth;
49+
-webkit-text-size-adjust: 100%;
50+
-moz-text-size-adjust: 100%;
51+
-ms-text-size-adjust: 100%;
52+
text-size-adjust: 100%;
53+
-webkit-overflow-scrolling: touch;
54+
-ms-overflow-style: scrollbar;
55+
-webkit-tap-highlight-color: transparent;
56+
}
57+
body {
58+
margin: 0 auto;
59+
padding: 0;
60+
width: 35em;
61+
max-width: 95%;
62+
color: var(--eigengrau);
63+
font-family: var(--serif);
64+
font-size: 1.125rem;
65+
line-height: 1.618;
66+
font-feature-settings: "onum" 1;
67+
text-rendering: geometricPrecision;
68+
-moz-font-feature-settings: "kern";
69+
-webkit-font-smoothing: antialiased;
70+
-moz-osx-font-smoothing: grayscale;
71+
direction: ltr;
72+
word-break: break-word;
73+
overflow-wrap: break-word;
74+
}
75+
h1, h2, h3, h4, h5 {
76+
font-family: var(--sans-serif);
77+
}
78+
table, td, th {
79+
border-collapse: collapse;
80+
}
81+
table {
82+
border-style: hidden;
83+
font-family: var(--monospace);
84+
width: 100%;
85+
}
86+
td, th {
87+
border: 1px solid var(--eigengrau);
88+
padding: 3px;
89+
}
90+
tbody {
91+
vertical-align: text-bottom;
92+
}
93+
a {
94+
background-color: transparent;
95+
color: var(--blue-dark);
96+
text-decoration-skip: ink;
97+
-ms-touch-action: manipulation;
98+
touch-action: manipulation;
99+
}
100+
a:active, a:focus, a:hover {
101+
color: var(--blue-light);
102+
}
103+
.return, .fixed, abbr[title], h1 a, h2 a, h3 a, h4 a, h5 a {
104+
text-decoration: none;
105+
}
106+
dt, strong {
107+
font-weight: 700;
108+
}
109+
cite, em {
110+
font-style: italic;
111+
}
112+
cite::before {
113+
content: "—";
114+
}
115+
blockquote > p::before {
116+
content: open-quote;
117+
}
118+
blockquote > p::after {
119+
content: close-quote;
120+
}
121+
sub, sup {
122+
font-size: 75%;
123+
line-height: 0;
124+
position: relative;
125+
vertical-align: baseline;
126+
}
127+
sub {
128+
bottom: -.25rem;
129+
}
130+
sup {
131+
top: -.5rem;
132+
}
133+
sub::before, sup::before {
134+
content: "[";
135+
}
136+
sub::after, sup::after {
137+
content: "]";
138+
}
139+
li::marker {
140+
color: var(--blue-dark);
141+
font-weight: 700;
142+
}
143+
ul ul, ul ul ul {
144+
font-size: 1rem;
145+
list-style: inherit;
146+
}
147+
mark {
148+
color: var(--eigengrau);
149+
background-color: rgba( var(--blue-lighter-rgb), 0.2);
150+
padding: .25rem;
151+
white-space: pre-wrap;
152+
}
153+
hr {
154+
display: block;
155+
height: 1px;
156+
border: 0;
157+
border-top: 1px solid var(--eigengrau);
158+
margin: 1em 0;
159+
padding: 0;
160+
}
161+
footer {
162+
font-size: 1rem;
163+
}
164+
.alpha, .roman, table {
165+
font-feature-settings: 'tnum' on;
166+
font-variant-numeric: tabular-nums;
167+
168+
}
169+
.alpha {
170+
list-style-type: lower-alpha;
171+
}
172+
.roman {
173+
list-style-type: lower-roman;
174+
}
175+
.fixed {
176+
position: fixed;
177+
bottom: 0.5rem;
178+
right: 1em;
179+
font-family: var(--monospace);
180+
}
181+
[id] {
182+
scroll-margin-top: 2ex;
183+
}
184+
@media (prefers-reduced-motion: reduce) {
185+
*, ::after, ::before, html {
186+
scroll-behavior: auto !important;
187+
}
188+
*, ::after, ::before {
189+
animation: none !important;
190+
transition: none !important;
191+
}
192+
}
193+
@media (prefers-color-scheme: dark) {
194+
body {
195+
background-color: var(--eigengrau);
196+
}
197+
body, mark {
198+
color: var(--white);
199+
}
200+
a {
201+
color: var(--blue-lighter);
202+
}
203+
a:active, a:focus, a:hover, li::marker {
204+
color: var(--blue-light);
205+
}
206+
mark {
207+
background-color: var(--blue-dark);
208+
}
209+
hr {
210+
border-top: 1px solid var(--white);
211+
}
212+
}
213+
@media print {
214+
body {
215+
font-size: 1rem;
216+
line-height: 1.618;
217+
}
218+
a, body, li::marker {
219+
color: #000;
220+
}
221+
a {
222+
text-decoration: none;
223+
}
224+
.return, .fixed, footer, h1 a, h2 a, h3 a, h4 a, h5 a {
225+
display: none;
226+
}
227+
mark, mark[title], mark[title] > a {
228+
background-color: #fff;
229+
color: #000;
230+
}
231+
main table, nav ul, ul ul, ul ul ul {
232+
font-size: 80%;
233+
}
234+
main h2 {
235+
page-break-before: always;
236+
}
237+
}
238+
</style>
239+
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://gtm.vreeman.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-WKSDWK');</script>
240+
<link rel="canonical" href="https://vreeman.com/seneca/letter-">
241+
<link rel="alternate" href="https://vreeman.com/seneca/letter-" hreflang="x-default">
242+
<link rel="alternate" href="https://vreeman.com/seneca/letter-" hreflang="en">
243+
<meta name="robots" content="index, follow, max-snippet:-1, max-video-preview:-1, max-image-preview:large">
244+
<meta name="description" content="">
245+
<meta name="keywords" content="seneca, stoicism, philosophy">
246+
<link rel="webmention" href="https://webmention.io/vreeman.com/webmention">
247+
<link rel="pingback" href="https://webmention.io/vreeman.com/xmlrpc">
248+
<meta name="twitter:card" content="summary_large_image">
249+
<meta name="twitter:site" content="@vreeman">
250+
<meta name="twitter:creator" content="@vreeman">
251+
<meta name="twitter:title" content="">
252+
<meta name="twitter:description" content="">
253+
<meta name="twitter:image" content="">
254+
<meta property="og:type" content="books.book">
255+
<meta property="books:isbn" content="">
256+
<meta property="books:author" content="">
257+
<meta property="og:site_name" content="Vreeman.com">
258+
<meta property="og:title" content="">
259+
<meta property="og:url" content="">
260+
<meta property="og:description" content="">
261+
<meta property="og:image" content="">
262+
<meta property="og:image:secure_url" content="">
263+
</head>
264+
<body>
265+
<noscript><iframe src="https://gtm.vreeman.com/ns.html?id=GTM-WKSDWK" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
266+
<header id="header">
267+
<h1>Letter : </h1>
268+
<h2>Seneca the Younger</h2>
269+
</header>
270+
<hr>
271+
<main>
272+
<p></p>
273+
274+
<sup><a href="#fn-1" id="fn-1-ref">1</a></sup>
275+
<p>Farewell.</p>
276+
<h2 id="fn"><a href="#fn">&#35;</a> Footnotes <a href="#header" title="Back to top">↑</a></h2>
277+
<ol>
278+
<li id="fn-1"> <a href="#fn-1-ref" class="return">↩</a></li>
279+
280+
</ol>
281+
</main>
282+
<hr>
283+
<footer>
284+
<ul>
285+
<li><a href="https://vreeman.com/meditations/" title="Meditations by Marcus Aurelius. Translation and Introduction by Gregory Hays.">Meditations by Marcus Aurelius</a></li>
286+
<li><a href="https://vreeman.com/discourses/" title="Arrian’s Discourses of Epictetus. Translated and edited by Robert Dobbin.">Discourses of Epictetus</a>
287+
<ul>
288+
<li><a href="https://vreeman.com/discourses/enchiridion" title="Arrian’s Enchiridion of Epictetus. Translated and edited by Robert Dobbin.">Enchiridion of Epictetus</a></li>
289+
<li><a href="https://vreeman.com/discourses/fragments" title="Arrian’s Fragments of Epictetus. Translated and edited by Robert Dobbin.">Fragments of Epictetus</a></li>
290+
</ul>
291+
</li>
292+
<li><a href="https://vreeman.com/seneca/" title="Moral Letters and Essays from Roman Stoic philosopher Seneca the Younger">Letters and Essays by Seneca</a>
293+
<ul>
294+
<li><a href="https://vreeman.com/seneca/letter-">Letter </a></li>
295+
<li><a href="https://vreeman.com/seneca/letter-">Letter </a></li>
296+
</ul>
297+
</li>
298+
<li><a href="https://vreeman.com/stockdale/" title="Essays on Stoicism by James Stockdale">Essays on Stoicism by James Stockdale</a></li>
299+
<li><a href="https://vreeman.com/roosevelt/" title="Citizenship in a Republic - The Man in the Arena. A speech by Theodore Roosevelt">The Man in the Arena by Theodore Roosevelt</a></li>
300+
<li><a href="https://vreeman.com/invictus" title="Invictus, a poem by William Ernest Henley">Invictus by William Ernest Henley</a></li>
301+
<li><a href="https://vreeman.com/if" title="If–, a poem by Joseph Rudyard Kipling">If– by Joseph Rudyard Kipling</a></li>
302+
<li><a href="https://vreeman.com/experiment" title="Experiment, a song by Cole Albert Porter">Experiment by Cole Porter</a></li>
303+
</ul>
304+
<p><small><span class="copy"></span></small></p>
305+
</footer>
306+
<script>
307+
window.onload = function(){
308+
setTimeout(function(){
309+
window.performance = window.performance || window.mozPerformance || window.msPerformance || window.webkitPerformance || {};
310+
var t = performance.timing || {};
311+
if (!t) {
312+
return;
313+
}
314+
var start = t.navigationStart,
315+
end = t.loadEventEnd
316+
loadTime = (end - start) / 1000;
317+
var copy = document.querySelectorAll('.copy');
318+
copy[0].innerHTML += "Page loaded in " + loadTime + " seconds.";
319+
}, 0);
320+
}
321+
</script>
322+
</body>
323+
</html>

0 commit comments

Comments
 (0)