lewis/lewisdale.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add fontawesome support to emojis

Browse Source
This commit is contained in:
Lewis Dale 2023-02-10 14:38:00 +00:00
parent 90a1d9d4fe
commit b70c43d765
20 changed files with 1899 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -0,0 +1,3 @@
module.exports = function(eleventyConfig) {
eleventyConfig.addFilter('take', (list, n) => list.slice(0, n));
}

2
config/filters/index.js
View File

@ -1,5 +1,7 @@
const dateFilters = require('./dates');
const arrayFilters = require('./arrays');
module.exports = function(eleventyConfig) {
eleventyConfig.addPlugin(dateFilters);
eleventyConfig.addPlugin(arrayFilters);
}

1858
config/plugins/icons.json Normal file
View File

File diff suppressed because it is too large Load Diff

7
config/plugins/markdown.js
View File

@ -10,6 +10,7 @@ const markdownItFootnote = require('markdown-it-footnote');
const markdownitMark = require('markdown-it-mark');
const markdownitAbbr = require('markdown-it-abbr');
const markdownItEleventyImg = require('markdown-it-eleventy-img');
const icons = require('./icons.json');
const { slugifyString } = require('../utils');
const markdownLib = markdownIt({
html: true,
@ -44,7 +45,7 @@ const markdownLib = markdownIt({
}
}
])
.use(markdownItEmoji)
.use(markdownItEmoji, { defs: icons })
.use(markdownItFootnote)
.use(markdownitMark)
.use(markdownitAbbr)
@ -64,6 +65,10 @@ const markdownLib = markdownIt({
}
});
markdownLib.renderer.rules.emoji = function(token, idx) {
return `<span class="fa-li"><i class="fa-solid fa-${token[idx].markup}"></i></span>`;
};
module.exports = function(eleventyConfig) {
eleventyConfig.setLibrary('md', markdownLib);
};

4
src/_includes/base.njk
View File

@ -2,7 +2,9 @@
<html lang={{data.page.lang}}>
<head>
<title>{{ title }} | {{ metadata.site.name }}</title>
{% if includeFA %}
<link rel="stylesheet" type="text/css" href="/assets/css/fontawesome.css" />
{% endif %}
<link rel="stylesheet" type="text/css" href="/assets/css/styles.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>

1
src/_includes/page.njk
View File

@ -1,5 +1,6 @@
---
layout: base.njk
includeFA: true
---
<main class="wrapper-lg stack-md">

9
src/assets/css/fontawesome.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

BIN
src/assets/fonts/fa-brands-400.ttf Normal file
View File

Binary file not shown.

BIN
src/assets/fonts/fa-brands-400.woff2 Normal file
View File

Binary file not shown.

BIN
src/assets/fonts/fa-regular-400.ttf Normal file
View File

Binary file not shown.

BIN
src/assets/fonts/fa-regular-400.woff2 Normal file
View File

Binary file not shown.

BIN
src/assets/fonts/fa-solid-900.ttf Normal file
View File

Binary file not shown.

BIN
src/assets/fonts/fa-solid-900.woff2 Normal file
View File

Binary file not shown.

BIN
src/assets/fonts/fa-v4compatibility.ttf Normal file
View File

Binary file not shown.

BIN
src/assets/fonts/fa-v4compatibility.woff2 Normal file
View File

Binary file not shown.

4
src/css/exceptions/home.css
View File

@ -11,6 +11,10 @@
font-size: var(--text-size-3xl);
}
h2 {
font-size: var(--text-size-xl);
}
picture {
max-width: clamp(8rem, calc(1.09rem + 10vw), 12rem);
margin-left: auto;

4
src/css/exceptions/lists.css Normal file
View File

@ -0,0 +1,4 @@
.fa-li {
position: initial;
display: inline-block;
}

6
src/css/globals.css
View File

@ -19,18 +19,18 @@ h5 {
}
h1 {
font-size: var(--text-size-2xl);
font-size: var(--text-size-xl);
word-wrap: normal;
text-underline-offset: var(--space-size-2xs);
}
h2 {
font-size: var(--text-size-xl);
font-size: var(--text-size-l);
text-underline-offset: var(--space-size-3xs);
}
h3 {
font-size: var(--text-size-l);
font-size: var(--text-size-m);
text-underline-offset: var(--space-size-3xs);
}

2
src/index.html
View File

@ -24,7 +24,7 @@ layout: base.njk
<h2>Recent Posts</h2>
<ul class="stack-2xs">
{% for post in collections.posts.slice(0, 3) %}
{% for post in collections.posts | reverse | take(3) %}
<li><a href="{{ post.data.url }}">{{ post.data.title }}</a> <time>{{ post.date | dateDisplay }}</time></li>
{% endfor %}
</ul>

10
src/now.md
View File

@ -5,14 +5,14 @@ layout: page.njk
## What I'm reading
:open_book: City of Last Chances by Adrian Tchaikovsky
* :book: City of Last Chances by Adrian Tchaikovsky
## What I'm watching
:tv: For All Mankind
* :tv: For All Mankind
## What I'm enjoying
:bike: Preparing for a 100km charity cycle
:family: Spending time with my family
:computer: Working on my ZX Basic interpreter
* :bicycle: Preparing for a 100km charity cycle
* :people-roof: Spending time with my family
* :computer: Working on my ZX Basic interpreter