wagtail-tw-blocks 0.3.0__py3-none-any.whl → 1.0.0__py3-none-any.whl

wagtail_blocks/templates/wagtail_blocks/blocks/code.html

@@ -1,66 +0,0 @@
-{% load i18n %}
-
-<div class="my-4 not-prose">
-  <div
-    class="card card-sm lg:card-md 2xl:card-lg border border-base-300 bg-base-200"
-  >
-    {% if self.show_header %}
-    <div class="flex items-center justify-between gap-4 p-2">
-      {% if self.show_window_btns %}
-      <div class="flex items-center gap-2">
-        <div class="size-5 rounded-full bg-green-500"></div>
-        <div class="size-5 rounded-full bg-yellow-500"></div>
-        <div class="size-5 rounded-full bg-red-500"></div>
-      </div>
-      {% endif %}
-
-      <div
-        class="tooltip tooltip-bottom tooltip-primary"
-        data-tip="{% trans 'File name' %}"
-      >
-        <span
-          class="badge font-mono font-semibold badge-soft badge-sm badge-primary lg:badge-md"
-        >
-          <span class="sr-only">{% trans 'File name: ' %}</span>
-          <span>{{ self.file_name }}</span>
-        </span>
-      </div>
-
-      <div class="flex items-center justify-between gap-4">
-        {% if self.show_language %}
-        <div
-          class="tooltip tooltip-left rtl:tooltip-right"
-          data-tip="{% trans 'Programming language' %}"
-        >
-          <span class="btn btn-xs btn-copy btn-ghost lg:btn-sm">
-            <i data-lucide="terminal" class="size-4 lg:size-5"></i>
-            <span class="sr-only">{% trans 'Programming language' %}:</span>
-            {{ self.language|title }}
-          </span>
-        </div>
-        {% endif %}
-
-        <!---->
-        {% if self.show_copy_btn %}
-        <div
-          class="tooltip tooltip-left rtl:tooltip-right"
-          data-tip="{% trans 'Copy' %}"
-        >
-          <button
-            class="btn btn-xs btn-copy btn-ghost btn-square lg:btn-sm"
-            data-clipboard-text="{{ self.code }}"
-          >
-            <span class="sr-only">{% trans 'Copy' %}</span>
-            <i data-lucide="copy" class="size-4 lg:size-5"></i>
-          </button>
-        </div>
-        {% endif %}
-      </div>
-    </div>
-    {% endif %}
-
-    <pre
-      class="overflow-x-auto max-w-full rounded-box overflow-clip"
-    ><code class="bg-transparent language-{{ self.language }}">{{ self.code }}</code></pre>
-  </div>
-</div>

wagtail_blocks/templates/wagtail_blocks/blocks/code_mockup.html

@@ -1,20 +0,0 @@
-{% load i18n %}
-
-<div class="my-4 not-prose">
-  <div class="mockup-code w-full relative">
-    <div class="absolute top-4 right-4">
-      <div
-        class="tooltip tooltip-left rtl:tooltip-right"
-        data-tip="{% trans 'Programming language' %}"
-      >
-        <span class="btn btn-xs btn-copy btn-ghost lg:btn-sm">
-          <i data-lucide="terminal" class="size-4 lg:size-5"></i>
-          <span class="sr-only">{% trans 'Programming language' %}:</span>
-          {{ self.language|title }}
-        </span>
-      </div>
-    </div>
-
-    <pre><code class="language-{{ self.language }}">{{ self.code }}</code></pre>
-  </div>
-</div>

wagtail_blocks/templates/wagtail_blocks/blocks/fab.html

@@ -1,43 +0,0 @@
-{% load wagtailcore_tags %}
-
-<div class="fab items-center {% if self.is_flower %} fab-flower {% endif %}">
-  <div
-    tabindex="0"
-    class="tooltip tooltip-left tooltip-{{ self.toggle.color }} rtl:tooltip-right"
-    data-tip="{{ self.toggle.label }}"
-  >
-    <div
-      role="button"
-      class="btn btn-circle btn-sm btn-{{ self.toggle.color }} sm:btn-md lg:btn-lg xl:btn-xl"
-    >
-      <span class="sr-only">{{ self.toggle.label }}</span>
-      <i data-lucide="{{ self.toggle.icon }}" class="size-4 lg:size-6"></i>
-    </div>
-  </div>
-
-  {% if self.main %}
-  <a
-    href="{% if self.main.page %}{% pageurl self.main.page %}{% elif self.main.url %}{{ self.main.url }}{% else %}#{% endif %}"
-    class="fab-main-action btn btn-circle btn-sm btn-{{ self.main.color }} sm:btn-md lg:btn-lg xl:btn-xl"
-  >
-    <span class="sr-only">{{ self.main.label }}</span>
-    <i data-lucide="{{ self.main.icon }}" class="size-4 lg:size-6"></i>
-  </a>
-  {% endif %}
-
-  <!---->
-  {% for item in self.items %}
-  <div
-    class="tooltip tooltip-left tooltip-{{ item.color }} rtl:tooltip-right"
-    data-tip="{{ item.label }}"
-  >
-    <a
-      href="{% if item.page %}{% pageurl item.page %}{% elif item.url %}{{ item.url }}{% else %}#{% endif %}"
-      class="btn btn-circle btn-xs btn-{{ item.color }} sm:btn-sm xl:btn-lg 2xl:btn-xl"
-    >
-      <span class="sr-only">{{ item.label }}</span>
-      <i data-lucide="{{ item.icon }}" class="size-4 lg:size-6"></i>
-    </a>
-  </div>
-  {% endfor %}
-</div>

wagtail_blocks/templates/wagtail_blocks/blocks/hover_gallery.html

@@ -1,18 +0,0 @@
-{% load wagtailimages_tags %}
-
-<div class="not-prose my-4">
-  <ol class="hover-gallery">
-    {% for item in self.items %}
-    <li>
-      <figure>
-        {% image item.image fill-1920x1080 %}
-
-        <!---->
-        {% if item.caption %}
-        <figcaption>{{ item.caption }}</figcaption>
-        {% endif %}
-      </figure>
-    </li>
-    {% endfor %}
-  </ol>
-</div>

wagtail_blocks/templates/wagtail_blocks/blocks/image.html

@@ -1,19 +0,0 @@
-{% load wagtailimages_tags %}
-
-<figure>
-  {% image self.image fill-1920x1080 loading="lazy" %}
-
-  <!---->
-  {% if self.caption %}
-  <figcaption class="text-xs md:text-sm xl:text-base">
-    {{ self.caption }}
-
-    <!---->
-    {% if self.attribution %}
-    <!---->
-    - {{ self.attribution }}
-    <!---->
-    {% endif %}
-  </figcaption>
-  {% endif %}
-</figure>

wagtail_blocks/templates/wagtail_blocks/blocks/list.html

@@ -1,56 +0,0 @@
-{% load i18n wagtailcore_tags wagtailimages_tags %}
-
-<div class="not-prose my-4">
-  <ol class="list bg-base-100 rounded-box shadow-sm">
-    <li
-      role="heading"
-      aria-level="1"
-      class="p-4 pb-2 text-xs opacity-60 tracking-wide"
-    >
-      {{ self.title }}
-    </li>
-    {% for item in self.items %}
-    <li class="list-row relative">
-      {% if item.page %}
-      <a href="{% pageurl item.page %}" class="absolute inset-0">
-        <span class="sr-only">{% trans 'View' %}</span>
-      </a>
-      {% elif item.url %}
-      <a href="{{ item.url }}" class="absolute inset-0">
-        <span class="sr-only">{% trans 'View' %}</span>
-      </a>
-      {% endif %}
-
-      <!---->
-      {% if item.image %}
-      <figure class="size-12 overflow-clip rounded-field">
-        {% image item.image fill-1080x1080 %}
-      </figure>
-      {% endif %}
-
-      <div>
-        <h2>{{ item.title }}</h2>
-
-        {% if item.description %}
-        <p class="text-xs opacity-60">{{ item.description }}</p>
-        {% endif %}
-      </div>
-
-      {% for action in item.actions %}
-      <div
-        class="tooltip tooltip-left tooltip-{{ action.color }} rtl:tooltip-right"
-        data-tip="{{ action.title }}"
-      >
-        <a
-          href="{% if action.page %}{% pageurl action.page %}{% elif action.url %}{{ action.url }}{% else %}#{% endif %}"
-          class="btn btn-xs btn-square btn-{{ action.color }} md:btn-sm lg:btn-md"
-        >
-          <span class="sr-only">{{ action.title }}</span>
-          <i data-lucide="{{ action.icon }}" class="size-4 lg:size-6"></i>
-        </a>
-      </div>
-      {% endfor %}
-    </li>
-    {% endfor %}
-  </ol>
-</div>

wagtail_blocks/templates/wagtail_blocks/blocks/phone.html

@@ -1,11 +0,0 @@
-{% load wagtailimages_tags %}
-
-<div class="flex items-center justify-center my-4 not-prose">
-  <div class="mx-auto mockup-phone border-primary">
-    {% if self.show_camera %}
-    <div class="mockup-phone-camera"></div>
-    {% endif %}
-
-    <div class="mockup-phone-display">{% image self.wallpaper scale-100 %}</div>
-  </div>
-</div>

wagtail_blocks/templates/wagtail_blocks/blocks/steps.html

@@ -1,12 +0,0 @@
-<div class="my-4 not-prose overflow-x-auto">
-  <ol class="steps {% if self.is_vertical %} steps-vertical {% endif %}">
-    {% for item in self.items %}
-    <li class="step {% if item.color %}step-{{ item.color }}{% endif %}">
-      <span class="step-icon">
-        <i data-lucide="{{ item.icon }}" class="size-4 lg:size-6"></i>
-      </span>
-      {{ item.name }}
-    </li>
-    {% endfor %}
-  </ol>
-</div>

wagtail_blocks/templates/wagtail_blocks/blocks/tabs.html

@@ -1,24 +0,0 @@
-<div class="my-4 not-prose">
-  <div
-    class="tabs {% if self.is_reversed %} tabs-bottom {% endif %} tabs-xs tabs-{{ self.style }} sm:tabs-sm lg:tabs-md xl:tabs-lg 2xl:tabs-xl"
-  >
-    {% for item in self.items %}
-    <input
-      class="tab"
-      type="radio"
-      aria-label="{{ item.title }}"
-      name="{{ self.name|slugify }}"
-      {% if item.is_selected %}checked{% endif %}
-    />
-    <div
-      class="tab-content bg-base-100 border-base-300 p-4 {% if self.style != 'lift' %} rounded-field {% endif %}"
-    >
-      <div
-        class="prose mx-auto prose-sm xl:prose-lg 2xl:prose-xl prose-img:w-full prose-img:rounded-field"
-      >
-        {{ item.content }}
-      </div>
-    </div>
-    {% endfor %}
-  </div>
-</div>

wagtail_blocks/templates/wagtail_blocks/blocks/timeline.html

@@ -1,30 +0,0 @@
-{% load wagtailcore_tags %}
-
-<div class="my-4 not-prose">
-  <ol
-    class="timeline {% if self.snap_to_icon %} timeline-snap-icon {% endif %}{% if self.is_compact %} timeline-compact {% endif %}{% if self.is_vertical %} timeline-vertical {% endif %}"
-  >
-    {% for item in self.items %}
-    <li>
-      {% if not forloop.first %}
-      <hr class="bg-primary" />
-      {% endif %}
-
-      <time datetime="{{ item.date|date }}" class="timeline-start text-xs">
-        {{ item.date|date }}
-      </time>
-      <div class="timeline-middle">
-        <i
-          data-lucide="{{ item.icon }}"
-          class="size-4 text-primary lg:size-6"
-        ></i>
-      </div>
-      <p class="timeline-end timeline-box">{{ item.content }}</p>
-
-      {% if not forloop.last %}
-      <hr class="bg-primary" />
-      {% endif %}
-    </li>
-    {% endfor %}
-  </ol>
-</div>

wagtail_blocks/templates/wagtail_blocks/blocks/toast.html

@@ -1,9 +0,0 @@
-{% load wagtailcore_tags %}
-
-<div class="not-prose my-4">
-  <ol class="toast toast-end">
-    {% for item in self.items %}
-    <li>{% include_block item %}</li>
-    {% endfor %}
-  </ol>
-</div>

wagtail_blocks/templates/wagtail_blocks/blocks/window.html

@@ -1,9 +0,0 @@
-{% load wagtailimages_tags %}
-
-<div class="my-4 not-prose">
-  <div class="mockup-window bg-base-100 border border-base-300">
-    <div class="grid place-content-center">
-      {% image self.wallpaper fill-1920x1080 %}
-    </div>
-  </div>
-</div>

wagtail_blocks/templates/wagtail_blocks/styles.html

@@ -1,92 +0,0 @@
-<!-- Accordion styles -->
-<div class="collapse collapse-arrow"></div>
-<div class="collapse collapse-plus"></div>
-
-<!-- Alert styles -->
-<div class="alert alert-info"></div>
-<div class="alert alert-success"></div>
-<div class="alert alert-warning"></div>
-<div class="alert alert-info"></div>
-<!-- Soft -->
-<div class="alert alert-soft alert-info"></div>
-<div class="alert alert-soft alert-success"></div>
-<div class="alert alert-soft alert-warning"></div>
-<div class="alert alert-soft alert-info"></div>
-<!-- Outline -->
-<div class="alert alert-outline alert-info"></div>
-<div class="alert alert-outline alert-success"></div>
-<div class="alert alert-outline alert-warning"></div>
-<div class="alert alert-outline alert-info"></div>
-<!-- Dash -->
-<div class="alert alert-dash alert-info"></div>
-<div class="alert alert-dash alert-success"></div>
-<div class="alert alert-dash alert-warning"></div>
-<div class="alert alert-dash alert-info"></div>
-
-<!-- Buttons -->
-<button class="btn btn-primary"></button>
-<button class="btn btn-secondary"></button>
-<button class="btn btn-accent"></button>
-<button class="btn btn-info"></button>
-<button class="btn btn-success"></button>
-<button class="btn btn-warning"></button>
-<button class="btn btn-error"></button>
-<!-- Soft -->
-<button class="btn btn-soft btn-primary"></button>
-<button class="btn btn-soft btn-secondary"></button>
-<button class="btn btn-soft btn-accent"></button>
-<button class="btn btn-soft btn-info"></button>
-<button class="btn btn-soft btn-success"></button>
-<button class="btn btn-soft btn-warning"></button>
-<button class="btn btn-soft btn-error"></button>
-<!-- Outline -->
-<button class="btn btn-outline btn-primary"></button>
-<button class="btn btn-outline btn-secondary"></button>
-<button class="btn btn-outline btn-accent"></button>
-<button class="btn btn-outline btn-info"></button>
-<button class="btn btn-outline btn-success"></button>
-<button class="btn btn-outline btn-warning"></button>
-<button class="btn btn-outline btn-error"></button>
-<!-- Dash -->
-<button class="btn btn-dash btn-primary"></button>
-<button class="btn btn-dash btn-secondary"></button>
-<button class="btn btn-dash btn-accent"></button>
-<button class="btn btn-dash btn-info"></button>
-<button class="btn btn-dash btn-success"></button>
-<button class="btn btn-dash btn-warning"></button>
-<button class="btn btn-dash btn-error"></button>
-<!-- Ghost -->
-<button class="btn btn-ghost btn-primary"></button>
-<button class="btn btn-ghost btn-secondary"></button>
-<button class="btn btn-ghost btn-accent"></button>
-<button class="btn btn-ghost btn-info"></button>
-<button class="btn btn-ghost btn-success"></button>
-<button class="btn btn-ghost btn-warning"></button>
-<button class="btn btn-ghost btn-error"></button>
-<!-- Link -->
-<button class="btn btn-link btn-primary"></button>
-<button class="btn btn-link btn-secondary"></button>
-<button class="btn btn-link btn-accent"></button>
-<button class="btn btn-link btn-info"></button>
-<button class="btn btn-link btn-success"></button>
-<button class="btn btn-link btn-warning"></button>
-<button class="btn btn-link btn-error"></button>
-<!-- Shapes -->
-<button class="btn btn-wide"></button>
-<button class="btn btn-circle"></button>
-<button class="btn btn-square"></button>
-<button class="btn btn-block"></button>
-
-<!-- Tabs -->
-<div class="tabs tabs-border"></div>
-<div class="tabs tabs-box"></div>
-<div class="tabs tabs-lift"></div>
-
-<!-- Tooltips -->
-<button class="tooltip tooltip-primary"></button>
-<button class="tooltip tooltip-secondary"></button>
-<button class="tooltip tooltip-accent"></button>
-<button class="tooltip tooltip-info"></button>
-<button class="tooltip tooltip-success"></button>
-<button class="tooltip tooltip-warning"></button>
-<button class="tooltip tooltip-error"></button>

wagtail_tw_blocks-0.3.0.dist-info/METADATA

@@ -1,239 +0,0 @@
-Metadata-Version: 2.4
-Name: wagtail-tw-blocks
-Version: 0.3.0
-Summary: A collection of reusable, production-ready content blocks for Wagtail CMS, styled with Tailwind CSS and daisyUI.
-License: MIT
-License-File: LICENSE
-Author: Yousef Abu Shanab
-Author-email: josephyousef249@gmail.com
-Requires-Python: >=3.10
-Classifier: License :: OSI Approved :: MIT License
-Classifier: Programming Language :: Python :: 3
-Classifier: Programming Language :: Python :: 3.10
-Classifier: Programming Language :: Python :: 3.11
-Classifier: Programming Language :: Python :: 3.12
-Classifier: Programming Language :: Python :: 3.13
-Classifier: Programming Language :: Python :: 3.14
-Requires-Dist: django (>=5.2.1)
-Requires-Dist: wagtail (>=7.0)
-Project-URL: Documentation, https://github.com/youzarsiph/wagtail-tw-blocks
-Project-URL: Homepage, https://github.com/youzarsiph/wagtail-tw-blocks
-Project-URL: Repository, https://github.com/youzarsiph/wagtail-tw-blocks
-Description-Content-Type: text/markdown
-
-# wagtail-tw-blocks
-
-[![CI](https://github.com/youzarsiph/wagtail-tw-blocks/actions/workflows/ci.yml/badge.svg)](https://github.com/youzarsiph/wagtail-tw-blocks/actions/workflows/ci.yml)
-[![CD](https://github.com/youzarsiph/wagtail-tw-blocks/actions/workflows/cd.yml/badge.svg)](https://github.com/youzarsiph/wagtail-tw-blocks/actions/workflows/cd.yml)
-[![Code Style: Black](https://github.com/youzarsiph/wagtail-tw-blocks/actions/workflows/black.yml/badge.svg)](https://github.com/youzarsiph/wagtail-tw-blocks/actions/workflows/black.yml)
-[![Code Linting: Ruff](https://github.com/youzarsiph/wagtail-tw-blocks/actions/workflows/ruff.yml/badge.svg)](https://github.com/youzarsiph/wagtail-tw-blocks/actions/workflows/ruff.yml)
-[![PyPI - Version](https://img.shields.io/pypi/v/wagtail-tw-blocks?logo=pypi&logoColor=white)](https://pypi.org/project/wagtail-tw-blocks/)
-[![PyPI - Python Version](https://img.shields.io/pypi/pyversions/wagtail-tw-blocks?logo=python&logoColor=white)](https://pypi.org/project/wagtail-tw-blocks/)
-[![PyPI - Downloads](https://img.shields.io/pypi/dm/wagtail-tw-blocks?logo=pypi&logoColor=white)](https://pypi.org/project/wagtail-tw-blocks/)
-[![PyPI - License](https://img.shields.io/pypi/l/wagtail-tw-blocks?logo=pypi&logoColor=white)](https://pypi.org/project/wagtail-tw-blocks/)
-
-## Overview
-
-**wagtail-tw-blocks** is a collection of reusable, production-ready content blocks for Wagtail CMS, styled with Tailwind CSS and daisyUI. It provides a set of common UI components—ready to drop into your `StreamField`—so you can build rich, modern page layouts without reinventing the wheel.
-
----
-
-## Key features
-
-- **Modern design:** Tailwind CSS + daisyUI styling for clean, responsive layouts.
-- **Multiple themes:** All daisyUI themes included, with easy customization.
-- **CI/CD:** GitHub Actions pipelines for automated testing and deployment.
-
----
-
-## Demo
-
-[![Demo](https://img.youtube.com/vi/0b0dZByyPok/maxresdefault.jpg)](https://youtu.be/0b0dZByyPok)
-
----
-
-## Available blocks
-
-- **Accordion (Collapse):** Expandable/collapsible sections for FAQs or structured content.
-- **Alert:** Highlight important messages or status updates.
-- **Carousel:** Image or content slider with responsive design.
-- **Code:** Syntax-highlighted code snippets for technical content (Requires `highlight.js` and `clipboard.js` to be included in your page).
-- **Diff:** Side-by-side or inline difference highlighting for image comparisons.
-- **FAB:** Floating Action Button with multiple action items.
-- **Hover Gallery:** Image gallery with hover effects.
-- **List:** Ordered lists with custom styling.
-- **Steps:** Step-by-step process indicators.
-- **Tabs:** Tabbed content sections.
-- **Timeline:** Chronological event listings.
-- **Toast:** Temporary notification messages.
-- **Image:** Responsive images with optional captions.
-- **Browser Mockup:** Browser window frame for screenshots or web content.
-- **Phone Mockup:** Mobile phone frame for app screenshots or mobile content.
-- **Window Mockup:** Desktop window frame for application screenshots or desktop content.
-
----
-
-## Installation
-
-```bash
-pip install wagtail-tw-blocks
-```
-
----
-
-## Configuration
-
-Add `wagtail_blocks` to your `INSTALLED_APPS` **after** configuring your Wagtail settings:
-
-```python
-# project/settings.py
-
-INSTALLED_APPS = [
-    "wagtail_blocks",
-    # ...
-]
-```
-
-### Available settings
-
-You can customize the behavior of `wagtail-tw-blocks` by adding the following settings to your Django settings file:
-
-```python
-# project/settings.py
-
-# Extend or override the default programming languages for the CodeBlock
-WB_CODE_BLOCK_PROGRAMMING_LANGUAGES = [
-    ('python', 'Python'),
-    ('javascript', 'JavaScript'),
-    ('html', 'HTML'),
-    ('css', 'CSS'),
-    ('java', 'Java'),
-    ('csharp', 'C#'),
-    ('cpp', 'C++'),
-    ('ruby', 'Ruby'),
-    ('go', 'Go'),
-    ('php', 'PHP'),
-    # ...
-]
-
-# Show or hide the header the CodeBlock
-WB_CODE_BLOCK_SHOW_HEADER = True  # Default is True
-
-# Show or hide the programming language label in the CodeBlock
-WB_CODE_BLOCK_SHOW_PROGRAMMING_LANGUAGE = True  # Default is True
-
-# Show or hide the copy button in the CodeBlock
-WB_CODE_BLOCK_SHOW_COPY_BUTTON = True  # Default is True
-
-# Show or hide window control buttons in the CodeBlock
-WB_CODE_BLOCK_SHOW_WINDOW_CONTROLS = True  # Default is True
-```
-
----
-
-## Usage example
-
-```python
-# blog/models.py
-
-from wagtail_blocks import blocks
-from wagtail.admin.panels import FieldPanel
-from wagtail.fields import StreamField
-from wagtail.models import Page
-from django.utils.translation import gettext_lazy as _
-
-
-class Article(Page):
-    content = StreamField(
-        [
-            ("accordion", blocks.AccordionBlock()),
-            ("alert", blocks.AlertBlock()),
-            ("carousel", blocks.CarouselBlock()),
-            ("code", blocks.CodeBlock()),
-            ("diff", blocks.DiffBlock()),
-            # ...
-        ],
-        help_text=_("Article content"),
-    )
-
-    content_panels = Page.content_panels + [
-        FieldPanel("content"),
-        # ...
-    ]
-```
-
-```html
-<!-- blog/base.html -->
-<!doctype html>
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Wagtail Blocks Usage Example</title>
-
-    <!-- Code highlighting for CodeBlock -->
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/github-dark.min.css"
-    />
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script>
-    <script>hljs.highlightAll();</script>
-
-    <!-- Include stylesheet -->
-    {% load static %}
-    <link href="{% static 'wagtail_blocks/css/styles.css' %}" rel="stylesheet" type="text/css" />
-  </head>
-
-  <body>
-    <main>
-      <h1>{{ article.title }}</h1>
-      
-      <div>{{ article.content }}</div>
-    </main>
-
-    <!-- Lucide icons: https://lucide.dev/icons/ -->
-    <script src="https://unpkg.com/lucide@latest"></script>
-    <script>lucide.createIcons();</script>
-
-    <!-- For copy buttons in CodeBlock -->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.11/clipboard.min.js"></script>
-    <script>const btns = new ClipboardJS(".btn-copy");</script>
-  </body>
-</html>
-```
-
----
-
-## Extending
-
-You can easily extend or customize the provided blocks by sub-classing them. For example, to create a custom alert block with additional styles:
-
-```python
-from wagtail_blocks import blocks
-
-class CustomAlertBlock(blocks.AlertBlock):
-
-    class Meta:
-        template = "path/to/your/custom_alert_template.html"
-        icon = "warning"
-        label = "Custom Alert"
-```
-
----
-
-## Contributing
-
-We welcome community contributions. See the [CONTRIBUTING](CONTRIBUTING.md) guide for setup instructions, coding standards, and workflow. Opening an issue before major changes helps align on scope and direction.
-
----
-
-## Support
-
-For questions, bug reports, or feature requests, open an issue or join the conversation in [GitHub Discussions](https://github.com/youzarsiph/wagtail-tw-blocks/discussions).
-
----
-
-## License
-
-Licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
-