wagtail-tw-blocks 0.2.2__tar.gz → 0.2.3__tar.gz

{wagtail_tw_blocks-0.2.2 → wagtail_tw_blocks-0.2.3}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: wagtail-tw-blocks
-Version: 0.2.2
+Version: 0.2.3
 Summary: A collection of reusable, production-ready content blocks for Wagtail CMS, styled with Tailwind CSS and daisyUI.
 License: MIT
 License-File: LICENSE
@@ -51,6 +51,10 @@ Description-Content-Type: text/markdown
 - **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.
 
 ---
 

{wagtail_tw_blocks-0.2.2 → wagtail_tw_blocks-0.2.3}/README.md

@@ -31,6 +31,10 @@
 - **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.
 
 ---
 

{wagtail_tw_blocks-0.2.2 → wagtail_tw_blocks-0.2.3}/pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "wagtail-tw-blocks"
-version = "0.2.2"
+version = "0.2.3"
 description = "A collection of reusable, production-ready content blocks for Wagtail CMS, styled with Tailwind CSS and daisyUI."
 authors = ["Yousef Abu Shanab <josephyousef249@gmail.com>"]
 license = "MIT"

{wagtail_tw_blocks-0.2.2 → wagtail_tw_blocks-0.2.3}/wagtail_blocks/blocks.py

@@ -4,7 +4,7 @@ from django.conf import settings
 from django.utils.translation import gettext_lazy as _
 from wagtail import blocks
 from wagtail.embeds.blocks import EmbedBlock
-from wagtail.images.blocks import ImageBlock
+from wagtail.images.blocks import ImageBlock as WImageBlock
 
 from wagtail_blocks import (
     ACCORDION_STYLES,
@@ -41,6 +41,31 @@ SHOW_WINDOW_CONTROLS = getattr(
 )
 
 
+class ImageBlock(blocks.StructBlock):
+    """Image block with caption"""
+
+    image = WImageBlock(
+        required=True,
+        help_text=_("Image"),
+    )
+    caption = blocks.CharBlock(
+        max_length=128,
+        required=False,
+        help_text=_("Image caption"),
+    )
+    attribution = blocks.CharBlock(
+        max_length=128,
+        required=False,
+        help_text=_("Image attribution"),
+    )
+
+    class Meta:
+        """Meta data"""
+
+        icon = "image"
+        template = "wagtail_blocks/blocks/image.html"
+
+
 class ButtonBlock(blocks.StructBlock):
     """Action block (link)"""
 

wagtail_tw_blocks-0.2.3/wagtail_blocks/templates/wagtail_blocks/blocks/image.html

@@ -0,0 +1,19 @@
+{% 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>