From 8201d0a954c5781aeeffb70aaccbb0e8f57a95cc Mon Sep 17 00:00:00 2001 From: Ava Gaiety W Date: Sat, 23 Mar 2024 23:11:02 -0500 Subject: [PATCH] homepage done maybe --- .eleventy.js | 16 +++++++++------- _includes/base-footer.html | 22 +++++++++++----------- _includes/base-header.html | 2 +- _includes/pinned.njk | 26 +++++++++++++------------- community/a11yautomationtesting.md | 2 +- repos/ember-select-light.md | 2 +- styles.css | 17 +++++++++++++++++ work/oncue.md | 2 +- 8 files changed, 54 insertions(+), 35 deletions(-) diff --git a/.eleventy.js b/.eleventy.js index 00d8094..b392692 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -12,15 +12,11 @@ const markdownClassMapping = { h5: ['text-lg', 'mt-2', 'text-text'], h6: ['font-bold', 'mt-2', 'text-text'], blockquote: ['border-l-2', 'border-lavender', 'px-4', 'pt-4', 'pb-px', 'my-8', 'bg-base'], - a: [ - 'text-blue', 'underline', - 'visited:text-lavender', - 'hover:no-underline', 'hover:text-sky', 'hover:outline', 'hover:outline-width-1', 'hover:outline-sky', - 'active:no-underline', 'active:text-sky', 'active:outline', 'active:outline-width-1', 'active:outline-sky', - 'focus:no-underline', 'focus:text-sky', 'focus:outline', 'focus:outline-width-1', 'focus:outline-sky' - ], + a: ['link'], s: ['text-red'], p: ['mb-4', 'text-text', 'leading-7'], + strong: ['font-normal', 'text-yellow'], + em: ['italic', 'text-green'], img: ['max-w-full', 'rounded-lg', 'max-h-600px'], ul: ['list-disc', 'ml-4'], }; @@ -46,5 +42,11 @@ module.exports = function(eleventyConfig) { collection => collection.getAllSorted().filter(item => item.data.pinned), ); + eleventyConfig.addFilter('markdown', (value) => { + const md = markdownIt({ linkify: true, html: true }); + md.use(markdownItClass, markdownClassMapping); + return md.render(value); + }); + eleventyConfig.setLibrary('njk', nunjucksEnvironment); }; diff --git a/_includes/base-footer.html b/_includes/base-footer.html index fa56aa1..1553f5e 100644 --- a/_includes/base-footer.html +++ b/_includes/base-footer.html @@ -1,27 +1,27 @@
-
+
{%- for navItem in links -%} -
-

- +
+

+ {{navItem.title}}

-

+

{{navItem.description}}

{%- endfor -%}

- -
+ + diff --git a/_includes/base-header.html b/_includes/base-header.html index 99d22f5..658a534 100644 --- a/_includes/base-header.html +++ b/_includes/base-header.html @@ -34,7 +34,7 @@ {%- for navItem in navigation -%} {{navItem.title}} diff --git a/_includes/pinned.njk b/_includes/pinned.njk index ebcba74..29ff8d0 100644 --- a/_includes/pinned.njk +++ b/_includes/pinned.njk @@ -1,7 +1,7 @@ {% include "base-header.html" %} -
-
+
+

{{ title }} @@ -11,28 +11,28 @@

-
+
{%- for content in collections.pinned | reverse -%}
- -

+ +

{{ content.data.title }}

-
-
- +
+
+ +
+
+ {{ content.data.description | markdown | safe }}
-

- {{ content.data.description }} -

diff --git a/community/a11yautomationtesting.md b/community/a11yautomationtesting.md index 2ce8bdb..624980e 100644 --- a/community/a11yautomationtesting.md +++ b/community/a11yautomationtesting.md @@ -1,7 +1,7 @@ --- tags: community title: "Talk: Achieving A11y Automation Testing" -description: "A success story and a look at how anyone can automate A11y regardless of framework." +description: "A success story and a look at how anyone can automate **A11y** regardless of framework." date: 2021-02-29 image: /img/content/testjssummit2021.jpg pinned: true diff --git a/repos/ember-select-light.md b/repos/ember-select-light.md index 048f859..ba0809a 100644 --- a/repos/ember-select-light.md +++ b/repos/ember-select-light.md @@ -2,7 +2,7 @@ tags: repos templateEngineOverride: md title: ember-select-light -description: The simplest Ember ` there is. date: 2020-11-05 image: /img/content/ember-select-light-tailwind.png pinned: true diff --git a/styles.css b/styles.css index b69ce23..3d04257 100644 --- a/styles.css +++ b/styles.css @@ -1,3 +1,20 @@ @tailwind base; @tailwind components; @tailwind utilities; + +@layer components { + .link { + @apply text-blue underline; + } + .link:visited { + @apply text-lavender; + } + .link:hover, + .link:active, + .link:focus { + @apply no-underline text-sky outline-2 outline-sky; + } + .outline-link { + @apply outline-offset-4 outline-2 outline-sky; + } +} diff --git a/work/oncue.md b/work/oncue.md index 02abb96..04d0b53 100644 --- a/work/oncue.md +++ b/work/oncue.md @@ -1,7 +1,7 @@ --- tags: work title: UI Engineer at Oncue -description: (Apr 2021 - Apr 2022) React, component systems, accessibility and more! +description: _(Apr 2021 - Apr 2022)_ React, component systems, accessibility and more! date: 2021-04-19 image: /img/content/oncue-thumb.png pinned: true