added prose support
This commit is contained in:
parent
24244d31a1
commit
1bba2d03a9
@ -7,9 +7,11 @@
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>nihil's abode</title>
|
||||
<meta name="description" content="nihil's humble abode on the interweb">
|
||||
<link rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link defer rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
||||
<script src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<script defer src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<!-- opt-in analytics provided by offen, no data is shared with any third party -->
|
||||
<script async src="https://offen.valhrafnaz.gay/script.js" data-account-id="6bb7bf01-cc5a-4f7a-9142-d6010c0411d5"></script>
|
||||
</head>
|
||||
<body class="">
|
||||
<script src="/scripts/oneko.js"></script>
|
||||
|
||||
@ -7,9 +7,11 @@
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>nihil's abode</title>
|
||||
<meta name="description" content="nihil's humble abode on the interweb">
|
||||
<link rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link defer rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
||||
<script src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<script defer src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<!-- opt-in analytics provided by offen, no data is shared with any third party -->
|
||||
<script async src="https://offen.valhrafnaz.gay/script.js" data-account-id="6bb7bf01-cc5a-4f7a-9142-d6010c0411d5"></script>
|
||||
</head>
|
||||
<body class="">
|
||||
<script src="/scripts/oneko.js"></script>
|
||||
|
||||
@ -7,9 +7,11 @@
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>nihil's abode</title>
|
||||
<meta name="description" content="nihil's humble abode on the interweb">
|
||||
<link rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link defer rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
||||
<script src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<script defer src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<!-- opt-in analytics provided by offen, no data is shared with any third party -->
|
||||
<script async src="https://offen.valhrafnaz.gay/script.js" data-account-id="6bb7bf01-cc5a-4f7a-9142-d6010c0411d5"></script>
|
||||
</head>
|
||||
<body class="">
|
||||
<script src="/scripts/oneko.js"></script>
|
||||
|
||||
@ -1115,6 +1115,10 @@ video {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.table {
|
||||
display: table;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
@ -7,9 +7,11 @@
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>nihil's abode</title>
|
||||
<meta name="description" content="nihil's humble abode on the interweb">
|
||||
<link rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link defer rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
||||
<script src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<script defer src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<!-- opt-in analytics provided by offen, no data is shared with any third party -->
|
||||
<script async src="https://offen.valhrafnaz.gay/script.js" data-account-id="6bb7bf01-cc5a-4f7a-9142-d6010c0411d5"></script>
|
||||
</head>
|
||||
<body class="">
|
||||
<script src="/scripts/oneko.js"></script>
|
||||
78
_site/content/test-writing/index.html
Normal file
78
_site/content/test-writing/index.html
Normal file
@ -0,0 +1,78 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="bg-gradient-to-t from-black to-purple-900 bg-fixed" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>nihil's abode</title>
|
||||
<meta name="description" content="nihil's humble abode on the interweb">
|
||||
<link defer rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
||||
<script defer src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<!-- opt-in analytics provided by offen, no data is shared with any third party -->
|
||||
<script async src="https://offen.valhrafnaz.gay/script.js" data-account-id="6bb7bf01-cc5a-4f7a-9142-d6010c0411d5"></script>
|
||||
</head>
|
||||
<body class="">
|
||||
<script src="/scripts/oneko.js"></script>
|
||||
<div class="flex flex-col min-h-screen items-center">
|
||||
<header class="xl:h-4/10 flex justify-center items-center flex-col w-4/5 lg:2/3">
|
||||
<h1 class="my-6 animate-text-shadow-pop">nihil's wretched abode :3</h1>
|
||||
<nav class="flex flex-auto flex-col justify-center justify-items-center font-heading lg:text-3xl text-xl md:text-2xl w-4/5 flex-wrap h-2/10">
|
||||
<div class="flex flex-row flex-wrap justify-items-center justify-center">
|
||||
<a class="nav-link" href="/">home</a>
|
||||
<a class="nav-link" href="/about/">about</a>
|
||||
<a class="nav-link" href="/posts/">posts</a>
|
||||
<a class="nav-link" href="/resources/">resources</a>
|
||||
<a class="nav-link" href="/status/">status</a>
|
||||
</div>
|
||||
<hr class="hr-main">
|
||||
</nav>
|
||||
</header>
|
||||
<main class="flex flex-col text-2xl font-body text-center mb-auto h-4/10 w-4/5 items-center justify-center tracking-wide">
|
||||
<h2 class="mb-4 animate-text-shadow-pop">Test Writing</h2>
|
||||
<div class="flex flex-col justify-around items-center font-bold w-4/5 xl:w-2/3 text-pink-200">
|
||||
|
||||
<div class="text-base text-purple-300 mb-5 inline-flex flex-col">
|
||||
<span>Tue Nov 05 2024</span>
|
||||
<span class="text-sm text-amber-200"><span id="time"></span> minutes read</span>
|
||||
</div>
|
||||
|
||||
<article id="article" class="prose lg:prose-xl text-off-white text-justify">
|
||||
<p>One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me?" he thought. It wasn't a dream. His room, a proper human room although a little too small, lay peacefully between its four familiar walls. A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame. It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather. Drops of rain could be heard hitting the pane, which made him feel quite sad. "How about if I sleep a little bit longer and forget all this nonsense", he thought, but that was something he was unable to do because he was used to sleeping on his right, and in his present state couldn't get into that position. However hard he threw himself onto his right, he always rolled back to where he was. He must have tried it a hundred times, shut his eyes so that he wouldn't have to look at the floundering legs, and only stopped when he began to feel a mild, dull pain there that he had never felt before. "Oh, God", he thought, "what a strenuous career it is that I've chosen! Travelling day in and day out. Doing business like this takes much more effort than doing your own business at home, and on top of that there's the curse of travelling, worries about making train connections, bad and irregular food, contact with different people all the time so that you can never get to know anyone or become friendly with them. It can all go to Hell!" He felt a slight itch up on his belly; pushed himself slowly up on his back towards the headboard so that he could lift his head better; found where the itch was, and saw that it was covered with lots of little white spots which he didn't know what to make of; and when he tried to feel the place with one of his legs he drew it quickly back because as soon as he touched it he was overcome by a cold shudder. He slid back into his former position. "Getting up early all the time", he thought, "it makes you stupid. You've got to get enough sleep. Other travelling salesmen live a life of luxury. For instance, whenever I go back to the guest house during the morning to copy out the contract, these gentlemen are always still sitting there eating their breakfasts. I ought to just try that with my boss; I'd get kicked out on the spot. But who knows, maybe that would be the best thing for me. If I didn't have my parents to think about I'd have given in my notice a long time ago, I'd have gone up to the boss and told him just what I think, tell him everything I would, let him know just what I feel. He'd fall right off his desk! And it's a funny sort of business to be sitting up there at your desk, talking down at your subordinates from up there, especially when you have to go right up close because the boss is hard of hearing. Well, there's still some hope; once I've got the money together to pay off my parents' debt to him - another five or six years I suppose - that's definitely what I'll do. That's when I'll make the big change. First of</p>
|
||||
|
||||
</article>
|
||||
<script defer>
|
||||
function readingTime() {
|
||||
const text = document.getElementById("article").innerText;
|
||||
const wpm = 225;
|
||||
const words = text.trim().split(/\s+/).length;
|
||||
const time = Math.ceil(words / wpm);
|
||||
document.getElementById("time").innerText = time;
|
||||
}
|
||||
readingTime();
|
||||
</script>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="text-3xl text-pink-100 font-heading flex flex-col items-center justify-center h-2/10 mb-10 w-4/5 lg:w-2/3">
|
||||
<hr class="hr-main">
|
||||
<div class="text-center w-full">
|
||||
Part of the REDACTED webring!
|
||||
<br>
|
||||
<br>
|
||||
<div class="flex items-center justify-center">
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">← Bother the Doll</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://valhrafnaz.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max mx-20 hover:animate-bounce">nihil :3</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">Bother the Doll →</div>
|
||||
</a>
|
||||
<div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -7,9 +7,11 @@
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>nihil's abode</title>
|
||||
<meta name="description" content="nihil's humble abode on the interweb">
|
||||
<link rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link defer rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
||||
<script src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<script defer src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<!-- opt-in analytics provided by offen, no data is shared with any third party -->
|
||||
<script async src="https://offen.valhrafnaz.gay/script.js" data-account-id="6bb7bf01-cc5a-4f7a-9142-d6010c0411d5"></script>
|
||||
</head>
|
||||
<body class="">
|
||||
<script src="/scripts/oneko.js"></script>
|
||||
|
||||
@ -7,9 +7,11 @@
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>nihil's abode</title>
|
||||
<meta name="description" content="nihil's humble abode on the interweb">
|
||||
<link rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link defer rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
||||
<script src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<script defer src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<!-- opt-in analytics provided by offen, no data is shared with any third party -->
|
||||
<script async src="https://offen.valhrafnaz.gay/script.js" data-account-id="6bb7bf01-cc5a-4f7a-9142-d6010c0411d5"></script>
|
||||
</head>
|
||||
<body class="">
|
||||
<script src="/scripts/oneko.js"></script>
|
||||
@ -35,7 +37,7 @@
|
||||
<div id="post-container" class="w-2/3 flex flex-col items-center">
|
||||
|
||||
<div class="post transition-all duration-300 hover:scale-110">
|
||||
<a class="text-off-white hover:text-pink-500" href="/posts/post-1/">
|
||||
<a class="text-off-white hover:text-pink-500" href="/content/first-post-hehe-3/">
|
||||
<h2 class="text-2xl text-pink-300">first post hehe :3</h2>
|
||||
<div class="text-justify text-base leading-snug"> this first post doesn't really contain much of substance, but in the future you can expect any sort of prose… </div>
|
||||
<p class="text-sm text-purple-300"> Sun Nov 03 2024 </p>
|
||||
|
||||
@ -7,9 +7,11 @@
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>nihil's abode</title>
|
||||
<meta name="description" content="nihil's humble abode on the interweb">
|
||||
<link rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link defer rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
||||
<script src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<script defer src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<!-- opt-in analytics provided by offen, no data is shared with any third party -->
|
||||
<script async src="https://offen.valhrafnaz.gay/script.js" data-account-id="6bb7bf01-cc5a-4f7a-9142-d6010c0411d5"></script>
|
||||
</head>
|
||||
<body class="">
|
||||
<script src="/scripts/oneko.js"></script>
|
||||
|
||||
@ -7,9 +7,11 @@
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>nihil's abode</title>
|
||||
<meta name="description" content="nihil's humble abode on the interweb">
|
||||
<link rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link defer rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
||||
<script src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<script defer src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<!-- opt-in analytics provided by offen, no data is shared with any third party -->
|
||||
<script async src="https://offen.valhrafnaz.gay/script.js" data-account-id="6bb7bf01-cc5a-4f7a-9142-d6010c0411d5"></script>
|
||||
</head>
|
||||
<body class="">
|
||||
<script src="/scripts/oneko.js"></script>
|
||||
|
||||
78
_site/writing/index.html
Normal file
78
_site/writing/index.html
Normal file
@ -0,0 +1,78 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="bg-gradient-to-t from-black to-purple-900 bg-fixed" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>nihil's abode</title>
|
||||
<meta name="description" content="nihil's humble abode on the interweb">
|
||||
<link defer rel="stylesheet" href="/assets/css/tailwind.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
||||
<script defer src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<!-- opt-in analytics provided by offen, no data is shared with any third party -->
|
||||
<script async src="https://offen.valhrafnaz.gay/script.js" data-account-id="6bb7bf01-cc5a-4f7a-9142-d6010c0411d5"></script>
|
||||
</head>
|
||||
<body class="">
|
||||
<script src="/scripts/oneko.js"></script>
|
||||
<div class="flex flex-col min-h-screen items-center">
|
||||
<header class="xl:h-4/10 flex justify-center items-center flex-col w-4/5 lg:2/3">
|
||||
<h1 class="my-6 animate-text-shadow-pop">nihil's wretched abode :3</h1>
|
||||
<nav class="flex flex-auto flex-col justify-center justify-items-center font-heading lg:text-3xl text-xl md:text-2xl w-4/5 flex-wrap h-2/10">
|
||||
<div class="flex flex-row flex-wrap justify-items-center justify-center">
|
||||
<a class="nav-link" href="/">home</a>
|
||||
<a class="nav-link" href="/about/">about</a>
|
||||
<a class="nav-link" href="/posts/">posts</a>
|
||||
<a class="nav-link" href="/resources/">resources</a>
|
||||
<a class="nav-link" href="/status/">status</a>
|
||||
</div>
|
||||
<hr class="hr-main">
|
||||
</nav>
|
||||
</header>
|
||||
<main class="flex flex-col text-2xl font-body text-center mb-auto h-4/10 w-4/5 items-center justify-center tracking-wide">
|
||||
<h2 class="mb-4 animate-text-shadow-pop">Prose :3</h2>
|
||||
<div class="flex flex-col justify-around items-center font-bold w-4/5 xl:w-2/3 text-pink-200">
|
||||
<div class="flex flex-col items-center">
|
||||
<div id="post-container" class="w-2/3 flex flex-col items-center">
|
||||
|
||||
<div class="post transition-all duration-300 hover:scale-110">
|
||||
<a class="text-off-white hover:text-pink-500" href="/content/test-writing/">
|
||||
<h2 class="text-2xl text-pink-300">Test Writing</h2>
|
||||
<div class="text-justify text-base leading-snug"> One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin.… </div>
|
||||
<p class="text-sm text-purple-300"> Tue Nov 05 2024 </p>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="inline-flex flex-row items-center mt-4">
|
||||
|
||||
|
||||
<span class="mx-3" id="curr">1</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="text-3xl text-pink-100 font-heading flex flex-col items-center justify-center h-2/10 mb-10 w-4/5 lg:w-2/3">
|
||||
<hr class="hr-main">
|
||||
<div class="text-center w-full">
|
||||
Part of the REDACTED webring!
|
||||
<br>
|
||||
<br>
|
||||
<div class="flex items-center justify-center">
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">← Bother the Doll</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://valhrafnaz.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max mx-20 hover:animate-bounce">nihil :3</div>
|
||||
</a>
|
||||
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
||||
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">Bother the Doll →</div>
|
||||
</a>
|
||||
<div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -7,9 +7,11 @@
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>nihil's abode</title>
|
||||
<meta name="description" content="nihil's humble abode on the interweb">
|
||||
<link rel="stylesheet" href="{{ '/assets/css/tailwind.css' | url }}">
|
||||
<link defer rel="stylesheet" href="{{ '/assets/css/tailwind.css' | url }}">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
||||
<script src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<script defer src="/scripts/jquery-3.7.1.min.js"></script>
|
||||
<!-- opt-in analytics provided by offen, no data is shared with any third party -->
|
||||
<script async src="https://offen.valhrafnaz.gay/script.js" data-account-id="6bb7bf01-cc5a-4f7a-9142-d6010c0411d5"></script>
|
||||
</head>
|
||||
<body class="">
|
||||
<script src="/scripts/oneko.js"></script>
|
||||
|
||||
29
src/_includes/layouts/content.njk
Normal file
29
src/_includes/layouts/content.njk
Normal file
@ -0,0 +1,29 @@
|
||||
---
|
||||
layout: layouts/base.njk
|
||||
override:tags: []
|
||||
|
||||
---
|
||||
<div class="flex flex-col items-center">
|
||||
{{ content | safe }}
|
||||
<div class="inline-flex flex-row items-center mt-4">
|
||||
{% if pagination.pageNumber >= 2 %}
|
||||
<a id="first" class="mx-3" href="{{ pagination.href.first }}">1</a>
|
||||
{% if pagination.pageNumber > 2 %}
|
||||
<span>…</span>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if pagination.pageNumber >= 1 %}
|
||||
<a id="prev" class="mx-3" href="{{ pagination.href.previous }}">{{ pagination.pageNumber }}</a>
|
||||
{% endif %}
|
||||
<span class="mx-3" id="curr">{{ pagination.pageNumber + 1 }}</span>
|
||||
{% if pagination.page.next %}
|
||||
<a id="next" class="mx-3" href="{{ pagination.href.next }}">{{ pagination.pageNumber + 2 }}</a>
|
||||
{% if pagination.pageNumber + 2 < pagination.pages.length %}
|
||||
{% if pagination.pageNumber + 3 < pagination.pages.length %}
|
||||
<span>…</span>
|
||||
{% endif %}
|
||||
<a id="last" class="mx-3" href="{{ pagination.href.last }}">{{ pagination.pages.length }}</a>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
@ -1,5 +1,6 @@
|
||||
---
|
||||
layout: /layouts/base.njk
|
||||
permalink: "content/{{ title | slugify }}/index.html"
|
||||
---
|
||||
|
||||
<div class="text-base text-purple-300 mb-5 inline-flex flex-col">
|
||||
|
||||
23
src/writing/index.html
Normal file
23
src/writing/index.html
Normal file
@ -0,0 +1,23 @@
|
||||
---
|
||||
title: "Prose :3"
|
||||
layout: layouts/content.njk
|
||||
override:tags: []
|
||||
pagination:
|
||||
data: collections.writing
|
||||
size: 6
|
||||
alias: texts
|
||||
---
|
||||
<div id="post-container" class="w-2/3 flex flex-col items-center">
|
||||
{% for writing in texts %}
|
||||
<div class="post transition-all duration-300 hover:scale-110">
|
||||
<a class="text-off-white hover:text-pink-500" href="{{ writing.url }}">
|
||||
<h2 class="text-2xl text-pink-300">{{ writing.data.title }}</h2>
|
||||
<div class="text-justify text-base leading-snug"> {{ writing.templateContent | striptags(true) | truncatewords(20) | safe }} </div>
|
||||
<p class="text-sm text-purple-300"> {{ writing.date | string | truncate(15, true, "")}} </p>
|
||||
</a>
|
||||
</div>
|
||||
{% if not loop.last %}
|
||||
<hr class="mt-4 mb-3 w-8 h-0.5 bg-gray-100 opacity-40 rounded">
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
5
src/writing/writing-1.md
Normal file
5
src/writing/writing-1.md
Normal file
@ -0,0 +1,5 @@
|
||||
---
|
||||
title: Test Writing
|
||||
date: Last modified
|
||||
---
|
||||
One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me?" he thought. It wasn't a dream. His room, a proper human room although a little too small, lay peacefully between its four familiar walls. A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame. It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather. Drops of rain could be heard hitting the pane, which made him feel quite sad. "How about if I sleep a little bit longer and forget all this nonsense", he thought, but that was something he was unable to do because he was used to sleeping on his right, and in his present state couldn't get into that position. However hard he threw himself onto his right, he always rolled back to where he was. He must have tried it a hundred times, shut his eyes so that he wouldn't have to look at the floundering legs, and only stopped when he began to feel a mild, dull pain there that he had never felt before. "Oh, God", he thought, "what a strenuous career it is that I've chosen! Travelling day in and day out. Doing business like this takes much more effort than doing your own business at home, and on top of that there's the curse of travelling, worries about making train connections, bad and irregular food, contact with different people all the time so that you can never get to know anyone or become friendly with them. It can all go to Hell!" He felt a slight itch up on his belly; pushed himself slowly up on his back towards the headboard so that he could lift his head better; found where the itch was, and saw that it was covered with lots of little white spots which he didn't know what to make of; and when he tried to feel the place with one of his legs he drew it quickly back because as soon as he touched it he was overcome by a cold shudder. He slid back into his former position. "Getting up early all the time", he thought, "it makes you stupid. You've got to get enough sleep. Other travelling salesmen live a life of luxury. For instance, whenever I go back to the guest house during the morning to copy out the contract, these gentlemen are always still sitting there eating their breakfasts. I ought to just try that with my boss; I'd get kicked out on the spot. But who knows, maybe that would be the best thing for me. If I didn't have my parents to think about I'd have given in my notice a long time ago, I'd have gone up to the boss and told him just what I think, tell him everything I would, let him know just what I feel. He'd fall right off his desk! And it's a funny sort of business to be sitting up there at your desk, talking down at your subordinates from up there, especially when you have to go right up close because the boss is hard of hearing. Well, there's still some hope; once I've got the money together to pay off my parents' debt to him - another five or six years I suppose - that's definitely what I'll do. That's when I'll make the big change. First of
|
||||
4
src/writing/writing.json
Normal file
4
src/writing/writing.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"layout": "layouts/posts.njk",
|
||||
"tags": "writing"
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user