Initial commit
This commit is contained in:
commit
493d1932f8
26
.eleventy.js
Normal file
26
.eleventy.js
Normal 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
3
.gitignore
vendored
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
/node_modules/
|
||||||
|
/_site/
|
||||||
|
_notes.json
|
3
config/collections/index.js
Normal file
3
config/collections/index.js
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
module.exports = function(eleventyConfig) {
|
||||||
|
console.log(eleventyConfig);
|
||||||
|
}
|
3
config/files/index.js
Normal file
3
config/files/index.js
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
module.exports = function(eleventyConfig) {
|
||||||
|
eleventyConfig.addPassthroughCopy("src/styles");
|
||||||
|
}
|
10
config/filters/dates.js
Normal file
10
config/filters/dates.js
Normal 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
3
config/filters/index.js
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
module.exports = function(eleventyConfig) {
|
||||||
|
eleventyConfig.addPlugin(require('./dates'));
|
||||||
|
}
|
4
config/plugins/index.js
Normal file
4
config/plugins/index.js
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
module.exports = function(eleventyConfig) {
|
||||||
|
eleventyConfig.addPlugin(require('./markdown'));
|
||||||
|
eleventyConfig.addPlugin(require('@11ty/eleventy-plugin-rss'));
|
||||||
|
}
|
24
config/plugins/markdown.js
Normal file
24
config/plugins/markdown.js
Normal 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
2493
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
17
package.json
Normal file
17
package.json
Normal 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
7
src/_data/metadata.json
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
{
|
||||||
|
"author": {
|
||||||
|
"name": "Lewis Dale",
|
||||||
|
"username": "lewis",
|
||||||
|
"host": "social.lewisdale.dev"
|
||||||
|
}
|
||||||
|
}
|
21
src/_data/notes.js
Normal file
21
src/_data/notes.js
Normal 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
18
src/_includes/base.njk
Normal 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
15
src/_includes/note.njk
Normal 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
0
src/index.html
Normal file
11
src/note.md
Normal file
11
src/note.md
Normal 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
23
src/styles/main.css
Normal 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
74
src/styles/reset.css
Normal 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;
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user