From e8b8d688fba20d0a0b3a7d6b8c4de3288bb77f4d Mon Sep 17 00:00:00 2001 From: madrilene Date: Tue, 13 Feb 2024 16:44:01 +0100 Subject: [PATCH 1/5] update link to doc --- src/posts/2023-01-25-opengraph-images.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/posts/2023-01-25-opengraph-images.md b/src/posts/2023-01-25-opengraph-images.md index e7b3a7f..404c06a 100644 --- a/src/posts/2023-01-25-opengraph-images.md +++ b/src/posts/2023-01-25-opengraph-images.md @@ -17,4 +17,4 @@ The fallback and default image for all other pages is the image set as `opengrap {% eleventyImage "./src/" + meta.opengraph_default, meta.opengraph_default_alt, "This is what the general OG image for non-blog posts looks like" %} -A more detailed explanation can be found in the [docs](/get-started/#docs). \ No newline at end of file +A more detailed explanation can be found in the [docs](/get-started/#open-graph-images). From 241c055a47902390b79ab86d126bb70ab19569e9 Mon Sep 17 00:00:00 2001 From: madrilene Date: Tue, 13 Feb 2024 16:44:27 +0100 Subject: [PATCH 2/5] update to Andy's defaults --- tailwind.config.js | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/tailwind.config.js b/tailwind.config.js index edce48f..62fe7d6 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -66,8 +66,20 @@ module.exports = { // Disables Tailwind's reset etc corePlugins: { - preflight: false + preflight: false, + textOpacity: false, + backgroundOpacity: false, + borderOpacity: false }, + + // Prevents Tailwind's core components + blocklist: ['container'], + + // Prevents Tailwind from generating that wall of empty custom properties + experimental: { + optimizeUniversalDefaults: true + }, + plugins: [ // Generates custom property values from tailwind config plugin(function ({addComponents, config}) { From fe90ad22dba2a6faaea0bb3dc3e82c469a9e0d7d Mon Sep 17 00:00:00 2001 From: madrilene Date: Wed, 14 Feb 2024 06:52:43 +0100 Subject: [PATCH 3/5] redundant, this style does nothing --- src/_includes/partials/header.njk | 2 +- src/_includes/partials/menu.njk | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/_includes/partials/header.njk b/src/_includes/partials/header.njk index 1732f6e..0bb7595 100644 --- a/src/_includes/partials/header.njk +++ b/src/_includes/partials/header.njk @@ -1,7 +1,7 @@
-
+
-
- {{ content | safe }} -
+
{{ content | safe }}
@@ -23,7 +21,7 @@ masonry: true {% if blog.intro %} -

{{ blog.intro }}

+

{{ blog.intro }}

{% endif %}
    - {% set itemList = collections.posts %} {% for item in itemList.slice(0, 4) %} - - {% set activateTags = true %} - - {% set headingContext = "h3" %} - - {% include 'components/card.njk' %} {% endfor %} + {% set itemList = collections.posts %} + {% for item in itemList.slice(0, 4) %} + + {% set activateTags = true %} + + {% set headingContext = "h3" %} + + {% include 'components/card.njk' %} + {% endfor %}
diff --git a/src/_layouts/post.njk b/src/_layouts/post.njk index f43ed48..978a59c 100644 --- a/src/_layouts/post.njk +++ b/src/_layouts/post.njk @@ -8,23 +8,29 @@ schema: blog

{{ title }}

{% if image %} - - {% eleventyImage image, alt or title, null, "eager", "feature" %} {% endif %} {% if - credit %} - -

© {{ credit }}

+ + {% eleventyImage image, alt or title, null, "eager", "feature" %} + {% endif %} + {% + if + credit + %} + +

© {{ credit }}

{% endif %}

- {% set definedDate = date %} {% include "components/date.njk" %} {% if tags.length > - 1 %} - - {% for tag in tags %} {% if tag != "posts" %} - - {{ tag }} - - {% endif %} {% endfor %} {% endif %} + {% set definedDate = date %} {% include "components/date.njk" %} + {% + if tags.length > + 1 + %} + + {% for tag in tags %}{% if tag != "posts" %} + {{ tag }} + {% endif %}{% endfor %} + {% endif %}

{{ content | safe }} diff --git a/src/pages/built-with.njk b/src/pages/built-with.njk index 0f46ef8..0529ecf 100644 --- a/src/pages/built-with.njk +++ b/src/pages/built-with.njk @@ -9,9 +9,7 @@ grid: ---

- A list of sites based on / built with Eleventy Excellent.
- - Add yours by submitting a + A list of sites based on / built with Eleventy Excellent. Add yours by submitting a {{ designTokens.colors.description }}

    - {%- for color in designTokens.colors.items %} -
  • -
    + {%- for color in designTokens.colors.items -%} +
  • +
    -

    - var(--color-{{ color.name | slugify }}) -

    -
    • - {%- endfor %} +

    + var(--color-{{ color.name | slugify }}) +

    + + {%- endfor -%}

Custom colors

in variables.css. Some only change for dark theme.

    - {%- for color in customColors %} -
  • -
    -

    - {{ color.property }} -

    -
    • - {%- endfor %} + {%- for color in customColors -%} +
  • +
    +

    + {{ color.property }} +

    +
    • + {%- endfor -%}

Gradients

    - {%- for gradient in customGradients %} -
  • -
    + {%- for gradient in customGradients -%} +
  • +
    -

    - {{ gradient.property }} -
    - -

    -
    • - {%- endfor %} +

    + {{ gradient.property }} +
    + +

    + + {%- endfor -%}
@@ -84,16 +84,16 @@ customGradients:

Fonts

    - {%- for font in designTokens.fonts.items %} -
  • -

    - {{ font.name }} -

    -

    {{ font.description }}

    -

    Font Families: {{ font.value | join(', ')}}

    - var(--font-{{ font.name | slugify }}) -
    • - {%- endfor %} + {%- for font in designTokens.fonts.items -%} +
  • +

    + {{ font.name }} +

    +

    {{ font.description }}

    +

    Font Families: {{ font.value | join(', ') }}

    + var(--font-{{ font.name | slugify }}) +
    • + {%- endfor -%}
@@ -107,22 +107,24 @@ customGradients:

- {%- for size in designTokens.sizes.items %} - - - - - - {%- endfor %} + {%- for size in designTokens.sizes.items -%} + + + + + + {%- endfor -%}
-

{{ size.name }}

- 		- -

{{ size.min }}px to {{ size.max }}px

- var(--size-{{ size.name | slugify }}) - - 		-

{{ size.name }}

-
+

{{ size.name }}

+ 		+ +

{{ size.min }}px to {{ size.max }}px

+ var(--size-{{ size.name | slugify }}) + + 		+

+ {{ size.name }} +

+
@@ -137,27 +139,25 @@ customGradients:

- {%- for space in designTokens.spacing.items %} - - - - - - {%- endfor %} + {%- for space in designTokens.spacing.items -%} + + + + + + {%- endfor -%}
-

{{ space.name }}

- 		- -

{{ space.min }}px to {{ space.max }}px

- var(--space-{{ space.name | slugify }}) - - 		-
-
+

{{ space.name }}

+ 		+ +

{{ space.min }}px to {{ space.max }}px

+ var(--space-{{ space.name | slugify }}) + + 		+
+