Initial commit

This commit is contained in:
Lewis Dale 2024-01-05 11:53:44 +00:00
commit 493d1932f8
18 changed files with 2755 additions and 0 deletions

26
.eleventy.js Normal file
View File

@ -0,0 +1,26 @@
module.exports = function(eleventyConfig) {
// Configure passthrough copies, file ops
eleventyConfig.addPlugin(require('./config/files'));
// Setup plugins
eleventyConfig.addPlugin(require('./config/plugins'));
// Custom filters and shortcodes
eleventyConfig.addPlugin(require('./config/filters'));
// Custom collections
eleventyConfig.addPlugin(require('./config/collections'));
eleventyConfig.setServerPassthroughCopyBehavior("passthrough");
return {
passthroughFileCopy: true,
dataTemplateEngine: false,
markdownTemplateEngine: "njk",
htmlTemplateEngine: "njk",
dir: {
input: "src",
includes: "_includes",
data: "_data",
output: "_site"
}
};
};

3
.gitignore vendored Normal file
View File

@ -0,0 +1,3 @@
/node_modules/
/_site/
_notes.json

View File

@ -0,0 +1,3 @@
module.exports = function(eleventyConfig) {
console.log(eleventyConfig);
}

3
config/files/index.js Normal file
View File

@ -0,0 +1,3 @@
module.exports = function(eleventyConfig) {
eleventyConfig.addPassthroughCopy("src/styles");
}

10
config/filters/dates.js Normal file
View File

@ -0,0 +1,10 @@
module.exports = function (eleventyConfig) {
eleventyConfig.addFilter('dateDisplay', date => new Date(date).toLocaleDateString('en-GB', {
"dateStyle": "short"
}));
eleventyConfig.addFilter('dateTimeDisplay', date => new Date(date).toLocaleString('en-GB', {
'dateStyle': 'short',
'timeStyle': 'short',
}));
}

3
config/filters/index.js Normal file
View File

@ -0,0 +1,3 @@
module.exports = function(eleventyConfig) {
eleventyConfig.addPlugin(require('./dates'));
}

4
config/plugins/index.js Normal file
View File

@ -0,0 +1,4 @@
module.exports = function(eleventyConfig) {
eleventyConfig.addPlugin(require('./markdown'));
eleventyConfig.addPlugin(require('@11ty/eleventy-plugin-rss'));
}

View File

@ -0,0 +1,24 @@
const markdownIt = require('markdown-it');
const markdownItLinkAttributes = require('markdown-it-link-attributes');
const markdownLib = markdownIt({
html: true,
breaks: true,
linkify: true,
typographer: true
}).use(markdownItLinkAttributes, [
{
// match external links
matcher(href) {
return href.match(/^https?:\/\//);
},
attrs: {
target: '_blank',
rel: 'noreferrer noopener'
}
}
]);
module.exports = function (eleventyConfig) {
eleventyConfig.setLibrary('md', markdownLib);
}

2493
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

17
package.json Normal file
View File

@ -0,0 +1,17 @@
{
"name": "firefish-archiver",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"@11ty/eleventy": "^2.0.1",
"@11ty/eleventy-plugin-rss": "^1.2.0",
"markdown-it": "^14.0.0",
"markdown-it-link-attributes": "^4.0.1"
}
}

7
src/_data/metadata.json Normal file
View File

@ -0,0 +1,7 @@
{
"author": {
"name": "Lewis Dale",
"username": "lewis",
"host": "social.lewisdale.dev"
}
}

21
src/_data/notes.js Normal file
View File

@ -0,0 +1,21 @@
const fs = require('node:fs');
const formatMentions = text => {
const matcher = /@(\w+)@([a-zA-Z\-_0-9\.]+)/gm;
return text.replace(matcher, (match, username, domain) => {
return `[${match}](https://${domain}/@${username})`;
});
}
module.exports = function() {
const notes = JSON.parse(fs.readFileSync('./src/_data/_notes.json', 'utf-8'))
.filter(note => note.text !== null)
.map(note => ({
...note,
text: formatMentions(note.text),
createdAt: new Date(note.createdAt)
}));
return notes;
}

18
src/_includes/base.njk Normal file
View File

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="/styles/reset.css" />
<link rel="stylesheet" href="/styles/main.css" />
</head>
<body>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/@{{ metadata.author.username }}">Profile</a></li>
</ul>
</nav>
{{ content | safe }}
</body>
</html>

15
src/_includes/note.njk Normal file
View File

@ -0,0 +1,15 @@
---
layout: "base.njk"
---
<main data-for="note">
<article class="h-entry">
<div class="p-author h-card">
<span class="p-name">{{ metadata.author.name }}</span>
<span class="u-url"><a href="https://{{ metadata.author.host }}/@{{ metadata.author.username }}">@{{ metadata.author.username }}</a></span>
<time class="dt-published" datetime="{{ note.createdAt | dateToRfc3339 }}">{{ note.createdAt | dateTimeDisplay }}</time>
</div>
{{ content | safe }}
</article>
</main>

0
src/index.html Normal file
View File

11
src/note.md Normal file
View File

@ -0,0 +1,11 @@
---
layout: "note.njk"
pagination:
data: notes
size: 1
alias: note
eleventyComputed:
permalink: "/notes/{{ note.id }}"
---
{{ note.text }}

23
src/styles/main.css Normal file
View File

@ -0,0 +1,23 @@
body {
display: flex;
flex-direction: column;
margin: 0;
}
main {
height: 100%;
}
main[data-for="note"] {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: space-around;
}
article {
max-width: 40rem;
padding: 1rem;
border-radius: 5px;
box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}

74
src/styles/reset.css Normal file
View File

@ -0,0 +1,74 @@
/* https://piccalil.li/blog/a-more-modern-css-reset/ */
/* Box sizing rules */
*,
*::before,
*::after {
box-sizing: border-box;
}
/* Prevent font size inflation */
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
margin-block-end: 0;
}
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
list-style: none;
}
/* Set core body defaults */
body {
min-height: 100vh;
line-height: 1.5;
}
/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
line-height: 1.1;
}
/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
text-wrap: balance;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
text-decoration-skip-ink: auto;
color: currentColor;
}
/* Make images easier to work with */
img,
picture {
max-width: 100%;
display: block;
}
/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
font: inherit;
}
/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
min-height: 10em;
}
/* Anything that has been anchored to should have extra scroll margin */
:target {
scroll-margin-block: 5ex;
}