@anyblades/blades 0.28.0-alpha.2

package/.prettierrc.json

@@ -0,0 +1,12 @@
+{
+  "printWidth": 120,
+  "plugins": ["prettier-plugin-jinja-template"],
+  "overrides": [
+    {
+      "files": ["*.njk", "*.html"],
+      "options": {
+        "parser": "jinja-template"
+      }
+    }
+  ]
+}

package/LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2013 Anton Staroverov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,103 @@
+# 🥷 Blades <sup>![](https://img.shields.io/github/v/release/anyblades/blades?label=&color=black&include_prereleases)</sup>
+
+<!--section:summary-->
+
+<hgroup>Framework-agnostic,<wbr> class-light CSS<a href="https://blades.ninja/html/" style="padding: 0"><i>⁺</i></a> blade kit.</hgroup>
+
+<big>Use with Pico, Simple, Tailwind, or any other CSS reset/framework.</big>
+
+<!--section:gh-only-->
+
+[![](https://img.shields.io/badge/Demo_&_Docs-darkslategray?style=for-the-badge)](https://blades.ninja/)
+
+---
+
+## Documentation
+
+<!--section:docs-->
+
+<!-- copy-paste of ToC from https://blades.ninja/css/ -->
+<ul class="unlist columns">
+<li><a href="https://blades.ninja/css/#layout">Layout</a><ul><li><a href="https://blades.ninja/css/breakout/"><i>🥷</i> Breakout elements</a></li>
+<li><a href="https://blades.ninja/css/#auto-columns">Auto-columns</a></li>
+<li><a href="https://blades.ninja/css/#jump-to-top">Jump to top</a></li></ul></li>
+<li><a href="https://blades.ninja/css/#content">Content</a><ul><li><a href="https://blades.ninja/css/link-icon/"><i>🥷</i> Link [fav]icons</a></li>
+<li><a href="https://blades.ninja/css/#heading-anchors">Heading anchors</a></li>
+<li><a href="https://blades.ninja/css/#list-markers">List markers</a></li>
+<li><a href="https://blades.ninja/css/#unlist">Unlist</a></li>
+<li><a href="https://blades.ninja/css/#code">Code</a></li></ul></li>
+<li><a href="https://blades.ninja/css/#table">Table</a><ul><li><a href="https://blades.ninja/css/responsive-table/"><i>🥷</i> Responsive table without wrapper</a></li>
+<li><a href="https://blades.ninja/css/#horizontal-expanders">Horizontal expanders</a></li>
+<li><a href="https://blades.ninja/css/#borderless-table">Borderless table</a></li></ul></li>
+<li><a href="https://blades.ninja/css/#forms">Forms</a><ul><li><a href="https://blades.ninja/css/float-label/"><i>🥷</i> Float label without CSS classes</a></li></ul></li>
+<li><a href="https://blades.ninja/css/#utilities">Utilities</a><ul><li><a href="https://blades.ninja/css/#auto-dark">Auto-dark</a></li>
+<li><a href="https://blades.ninja/css/#faded">Faded</a></li>
+<li><a href="https://blades.ninja/css/#invert">Invert</a></li>
+<li><a href="https://blades.ninja/css/#unreduce-motion">Unreduce motion</a></li></ul></li>
+</ul>
+
+---
+
+## Install
+
+<!--section:docs,install-->
+
+<mark>Via CDN:</mark>
+
+<!--prettier-ignore-->
+```html
+<link rel="stylesheet" href="
+  https://cdn.jsdelivr.net/npm/@anyblades/blades@^0.27.0-beta/assets/blades.min.css
+">
+```
+
+<mark>Via npm:</mark>
+
+```sh
+npm install @anyblades/blades
+```
+
+Then in your `.css`:
+
+```css
+@import "@anyblades/blades";
+```
+
+Living example: https://github.com/anyblades/build-awesome-starter/blob/main/_styles/styles.css
+
+<!--section:docs,install,install-preconf-->
+
+<mark>Preconfigured:</mark>
+
+- 11ty: https://github.com/anyblades/build-awesome-starter
+- Jekyll: https://github.com/anyblades/bladeswitch or [as a theme](https://blades.ninja/jekyll/#install)
+
+<!--section:docs,install-->
+
+##### Default theme <small>(optional)</small>
+
+`blades.css` includes default minimal styling; use `blades.core.css` to opt out.
+
+<!--section:docs-->
+
+---
+
+- Featured by:
+  - https://github.com/uhub/awesome-css
+  - 🕶️ [awesome-css-frameworks](https://github.com/gabrielizalo/Awesome-CSS-Frameworks-and-UI-Libraries/tree/master/Lightweight)
+  - 🕶️ [awesome-eleventy](https://github.com/anydigital/awesome-11ty-build-awesome)
+  - [https://11tybundle.dev/](https://11tybundle.dev/showcase/)
+  - [https://jekyll-themes.com/](https://jekyll-themes.com/anyblades/blades)
+  - [https://sveltiacms.app/](https://sveltiacms.app/en/docs/start#starter-templates)
+  - https://github.com/anyblades/build-awesome-starter
+  - https://github.com/anyblades/bladeswitch starter
+- Showcase:
+  - https://any.digital/ (Pico + Blades)
+  - https://build.blades.ninja/ (Tailwind + Blades)
+  - https://bladeswitch.com/ (Pico + Blades)
+  - https://minform.hostfurl.com/ (Pico + Blades)
+- Credits:
+  - https://picocss.com/ for inspiration
+  - https://11ty.dev/ for build power
+
+<!--{.unlist .columns}-->

package/_config.yml

@@ -0,0 +1,5 @@
+exclude:
+  - "**/*"
+include:
+  - "assets/**/*"
+  - "*.md"

package/_includes/blades/gtm.liquid

@@ -0,0 +1,39 @@
+{% comment %}<!--section:code-->```liquid{% endcomment %}
+{% if site.prod and site.gtm_id %}
+  {% capture _ %}
+    {% unless for_body %}
+
+<!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','{{ site.gtm_id }}');</script>
+<!-- End Google Tag Manager -->
+
+    {% else %}
+
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ site.gtm_id }}"
+height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<!-- End Google Tag Manager (noscript) -->
+
+    {% endunless %}
+  {% endcapture %}
+  {{ _ | strip }}
+{% endif %}
+<!--prettier-ignore-->
+{% comment %}```
+<!--section:docs-->
+Usage in Liquid:
+```liquid
+    ...
+    {% include blades/gtm.liquid %}
+  </head>
+  <body>
+    {% include blades/gtm.liquid for_body=true %}
+    ...
+```
+
+Living example: https://github.com/anyblades/blades/blob/main/_includes/blades/html.liquid
+<!--section-->{% endcomment %}

package/_includes/blades/gtm.njk

@@ -0,0 +1,42 @@
+{# <!--section:code-->```jinja2 #}
+{% if site.prod and site.gtm_id %}
+  {# prettier-ignore-start #}
+    {% if not for_body %}
+
+<!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','{{ site.gtm_id }}');</script>
+<!-- End Google Tag Manager -->
+
+    {% else %}
+
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ site.gtm_id }}"
+height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<!-- End Google Tag Manager (noscript) -->
+
+    {% endif %}
+  {# prettier-ignore-end #}
+{% endif %}
+{#```
+<!--section:docs-->
+Usage in Nunjucks:
+```jinja2
+    ...
+    {% include 'blades/gtm.njk' %}
+  </head>
+  <body>
+    {% set for_body = true %}{% include 'blades/gtm.njk' %}
+    ...
+```
+
+Living example: https://github.com/anyblades/blades/blob/main/_includes/blades/html.njk
+
+Parameters:
+- `site.gtm_id` - Your Google Tag Manager container ID (e.g., `GTM-XXXXXXX`)
+- `site.prod` - Boolean flag to enable GTM only in production
+- `for_body` - Boolean flag (default: `false`). When `false`, renders the script tag for the `<head>`. When `true`, renders the noscript fallback for the `<body>`.
+<!--section--> #}

package/_includes/blades/html.liquid

@@ -0,0 +1,49 @@
+{% comment %}<!--section:code-->```liquid{% endcomment %}
+<!doctype html>
+<html lang="{{ site.lang | default: 'en' }}">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover">
+    <link rel="icon" href="{{ site.favicon | default: '/favicon.ico' }}">
+    <title>
+      {%- if title %}{{ title | strip_html | append: ' | ' }}{% endif -%}
+      {{- site.title -}}
+    </title>
+    <meta name="description" content="{{ summary | strip_html }}">
+
+    {%- for href in site.styles %}
+      <link rel="stylesheet" href="{{ href | relative_url }}">
+    {%- endfor %}
+    <style>
+      {{ site.inline_styles | join: '\n' }}
+    </style>
+
+    {%- for src in site.scripts %}
+      <script src="{{ src }}" defer></script>
+    {%- endfor %}
+    <script type="module">
+      {{ site.inline_scripts | join: '\n' }}
+    </script>
+
+    {{ content_for_header }}
+    {% include blades/gtm.liquid %}
+  </head>
+
+  <body>
+    {% include blades/gtm.liquid for_body=true %}
+
+    {{ body }}
+  </body>
+</html>
+{% comment %}```
+<!--section:docs-->
+Usage in Liquid layout:
+
+```liquid
+{% capture body %}...{% endcapture %}
+
+{% include blades/html.liquid %}
+```
+
+Living example: https://github.com/anyblades/bladeswitch/blob/main/_includes/default.liquid
+<!--section-->{% endcomment %}

package/_includes/blades/html.njk

@@ -0,0 +1,51 @@
+{# <!--section:code-->```jinja2 #}
+<!doctype html>
+<html lang="{{ site.lang | d('en') }}">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover" />
+    <link rel="icon" href="{{ site.favicon | d('/favicon.ico') }}" />
+    <title>
+      {{- title | string | striptags ~ ' | ' if title -}}
+      {{- site.title -}}
+    </title>
+    <meta name="description" content="{{ summary | striptags }}" />
+
+    {%- for href in site.styles %}
+      <link rel="stylesheet" href="{{ href }}" />
+    {%- endfor %}
+    {# prettier-ignore-start #}<style>
+      {{ site.inline_styles | d([]) | join('\n') }}
+    </style>{# prettier-ignore-end #}
+
+    {%- for src in site.scripts %}
+      <script src="{{ src }}" defer></script>
+    {%- endfor %}
+    {# prettier-ignore-start #}<script type="module">
+      {{ site.inline_scripts | d([]) | join('\n') }}
+    </script>{# prettier-ignore-end #}
+
+    {{ content_for_header }}
+    {% include 'blades/gtm.njk' %}
+  </head>
+
+  <body>
+    {% set for_body = true %}{% include 'blades/gtm.njk' %}
+    {% block body %}
+    {% endblock %}
+  </body>
+</html>
+{#```
+- `title | string` avoids error with `| striptags` when you pass a pure number.
+
+<!--section:docs-->
+Usage in Nunjucks layout:
+
+```jinja2
+{% extends 'blades/html.njk' %}
+
+{% block body %}...{% endblock %}
+```
+
+Living example: https://github.com/anyblades/build-awesome-starter/blob/main/_includes/default.njk
+<!--section--> #}

package/_includes/blades/links.liquid

@@ -0,0 +1,27 @@
+{% comment %}<!--section:code-->```liquid{% endcomment %}
+<ul>
+  {%- for link in links %}
+    <li>
+      {% # prettier-ignore %}
+      <a href="{{ link.url }}" {% if link.url == current_url %}aria-current="page"{% endif %}>
+        {{- link.title -}}
+      </a>
+    </li>
+  {%- endfor %}
+</ul>
+{% # prettier-ignore %}
+{% comment %}```
+<!--section:docs-->
+Usage with [Eleventy Navigation plugin](https://www.11ty.dev/docs/plugins/navigation/#bring-your-own-html-render-the-menu-items-manually):
+
+```liquid
+{% assign links = collections.all | eleventyNavigation %}
+{% render blades/links, links: links, current_url: page.url %}
+```
+
+Usage inside Pico's Navar:
+
+```jinja2
+TBD
+```
+<!--section-->{% endcomment %}

package/_includes/blades/sitemap.xml.njk

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  {%- for page in collections.all %}
+    {% if page.data.permalink != false %}
+      <url>
+        <loc>{{ site.base }}{{ page.url }}</loc>
+        <lastmod>{{ page.date | date }}</lastmod>
+      </url>
+    {% endif %}
+  {%- endfor %}
+</urlset>
+{# https://github.com/11ty/eleventy-base-blog/blob/main/content/sitemap.xml.njk #}