jp-related-posts-query-loop@0.2.0

=== Jetpack Related Posts Query Loop ===
Contributors: wpspecialprojects
Tags: query, related posts, jetpack
Tested up to: 6.8.3
Stable tag: 0.1.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Requires at least: 6.6
Requires PHP: 7.4

Display Jetpack's related posts in a query block that can be customized in the editor like any other query block.

== Description ==

The Jetpack Related Posts Query Loop plugin adds a query block variation named Related Posts Query that displays the related posts from Jetpack in a query block that can be customized like a regular query block in the editor. This allows for more customization options than the default Jetpack Related Posts block.

== Installation ==

1. Upload the jp-related-posts-query-loop folder to your /wp-content/plugins/ directory
2. Activate the plugin Jetpack Related Posts Query Loop through the 'Plugins' menu in WordPress

How It Works:

1. Edit any post and add the Related Posts Query block variation.
   1.1. The block can be added by either typing /related in a paragraph and picking the Related Posts Query block
   1.2. Or by clicking the Block Inserter button (Plus button in the top toolbar) in the editor and selecting Related Posts Query from the list of blocks in the Theme section.
2. Customize the query block like any regular query block.

Notes:

• This block variation uses Jetpack's Related Posts feature. If Jetpack is not activated or it returns no results, the block will display random posts from the site.
• In the editor, the block will display the latest posts.

== Changelog ==

= 0.2.0 =

• Fixed incorrect post ID check and incorrect post_type attribute

= 0.1.0 =

• Initial release

What's Changed

• Fixed incorrect post ID check and incorrect port_type attribute by @robrobsn in #117

Full Changelog: https://github.com/a8cteam51/special-projects-blocks-monorepo/compare/jp-related-posts-query-loop@0.1.0...jp-related-posts-query-loop@0.2.0

jp-related-posts-query-loop@0.1.0

=== Jetpack Related Posts Query Loop ===
Contributors: wpspecialprojects
Tags: query, related posts, jetpack
Tested up to: 6.8.3
Stable tag: 0.1.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Requires at least: 6.6
Requires PHP: 7.4

Display Jetpack's related posts in a query block that can be customized in the editor like any other query block.

== Description ==

The Jetpack Related Posts Query Loop plugin adds a query block variation named Related Posts Query that displays the related posts from Jetpack in a query block that can be customized like a regular query block in the editor. This allows for more customization options than the default Jetpack Related Posts block.

== Installation ==

1. Upload the jp-related-posts-query-loop folder to your /wp-content/plugins/ directory
2. Activate the plugin Jetpack Related Posts Query Loop through the 'Plugins' menu in WordPress

How It Works:

1. Edit any post and add the Related Posts Query block variation.
   1.1. The block can be added by either typing /related in a paragraph and picking the Related Posts Query block
   1.2. Or by clicking the Block Inserter button (Plus button in the top toolbar) in the editor and selecting Related Posts Query from the list of blocks in the Theme section.
2. Customize the query block like any regular query block.

Notes:

• This block variation uses Jetpack's Related Posts feature. If Jetpack is not activated or it returns no results, the block will display random posts from the site.
• In the editor, the block will display the latest posts.

== Changelog ==

= 0.1.0 =

• Initial release

What's Changed

• Updated npm build command to prevent errors when running the make-release action by @robrobsn in #114

Full Changelog: https://github.com/a8cteam51/special-projects-blocks-monorepo/compare/exclude-duplicates-from-query-loops@0.1.0...jp-related-posts-query-loop@0.1.0

exclude-duplicates-from-query-loops@0.1.0

=== Exclude Duplicate Posts from Query Loops ===
Contributors: wpspecialprojects
Tags: query, exclude duplicates
Tested up to: 6.8.3
Stable tag: 0.1.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Requires at least: 6.6
Requires PHP: 7.4

Exclude posts from query loops that have already been displayed on the current page (in previous query loops).

== Description ==

The Exclude Duplicate Posts from Query Loops plugin adds a query block setting to exclude posts from query loops that have already been displayed on the current page in previous query loops. This allows for creating pages with multiple unrelated custom queries and avoiding posts being displayed multiple times on the same page.

== Installation ==

1. Upload the exclude-duplicates-from-query-loops folder to your /wp-content/plugins/ directory
2. Activate the plugin Exclude Duplicate Posts from Query Loops through the 'Plugins' menu in WordPress

How It Works:

1. Edit any post that has multiple query loops.
2. Select the second or later Query Loop block and activate the Exclude Duplicate Posts option in the sidebar.
3. These Query Loop blocks will now exclude posts that have already been displayed on the current page in query loops that appear before this Query Loop.

Notes:

• Depending on the query loop settings and the available posts, it is possible that a query loop will display no posts because all posts have already been displayed before.

== Changelog ==

= 0.1.0 =

• Initial release

What's Changed

• Added Jetpack related post query block variation by @robrobsn in #112
• Added feature to exclude posts from query loops that have already been displayed on the page. by @robrobsn in #113

Full Changelog: https://github.com/a8cteam51/special-projects-blocks-monorepo/compare/cover-bg-crossfade@0.1.0...exclude-duplicates-from-query-loops@0.1.0

cover-bg-crossfade@0.1.0

=== Cover Background Crossfade ===
Contributors: wpspecialprojects
Tags: block, video, featured-image, media, post-thumbnail
Tested up to: 6.8.3
Stable tag: 0.1.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Requires at least: 6.6
Requires PHP: 7.4

Crossfade background images or videos of multiple cover blocks on a single page based on their scroll position.

== Description ==

The Cover Background Crossfade plugin extends WordPress functionality to allow crossfading the background images or videos of multiple cover blocks on a single page based on their scroll position. The background images cover the full screen.

== Installation ==

1. Upload the cover-bg-crossfade folder to your /wp-content/plugins/ directory
2. Activate the plugin through the 'Plugins' menu in WordPress

How It Works:

1. Edit any post or page and add cover blocks.
2. Select background images or videos and pick the Crossfade Background block style for each cover block.
3. The backgrounds will cover the full screen and will crossfade into view when the cover block is in view.

Notes:

• Currently, the cover backgrounds are always visible. Consider adding background colors to the header and footer parts to improve readability. If you want to add content after the cover blocks, consider grouping them and add a background color to the group. Optionally, you can set it to full width to cover the backgrounds.

• The cover backgrounds are displayed behind the content and will not be visible if the post content block or the surrounding containers have a background color assigned to them.

== Changelog ==

= 0.1.0 =

• Initial release

What's Changed

• Added cover block style to crossfade cover background videos or images by @robrobsn in #110

New Contributors

• @robrobsn made their first contribution in #110

Full Changelog: https://github.com/a8cteam51/special-projects-blocks-monorepo/compare/modal@0.1.2...cover-bg-crossfade@0.1.0

modal@0.1.2

=== Modal ===
Contributors: The WordPress Contributors
Tags: block
Tested up to: 6.6
Stable tag: 0.1.2
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

A Modal block using the Interactivity API

== Description ==

This modal block adds the ability to create a modal to any post / page or navigation.

Features:

• A modal section under Patterns > Modal where the site user can create as many modals as they like and add any custom block into the modal.
• To create a new modal, go to Patterns > Add New Pattern > Add new Template Part then choose the Modal category.
• Every modal window has a label and description setting that is updated via the options API so they are consistent accross all instances of the modal.
• The modal should close when: The escape key is pressed, the close button is pressed or when clicking outside the modal
• Once the modal is open the focasable element should gain focus. Otherwise the close button should gain focus.
• When the modal is closed, the originally clicked button should gain focus.
• The modal button can be placed inside another modal to trigger the new modal. The focus will return to the button that was originally clicked to open a modal when the second modal is closed.

== Installation ==

This section describes how to install the plugin and get it working.

e.g.

1. Upload the plugin files to the /wp-content/plugins/modal directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the 'Plugins' screen in WordPress

== Frequently Asked Questions ==

= A question that someone might have =

An answer to that question.

== Screenshots ==

1. This screen shot description corresponds to screenshot-1.(png|jpg|jpeg|gif). Note that the screenshot is taken from
   the /assets directory or the directory that contains the stable readme.txt (tags or trunk). Screenshots in the /assets
   directory take precedence. For example, /assets/screenshot-1.png would win over /tags/4.3/screenshot-1.png
   (or jpg, jpeg, gif).
2. This is the second screen shot

== Changelog ==

= 0.1.2 =

• Fix: Prevent modal from being displayed on password protected posts.

= 0.1.0 =

• Release

What's Changed

• Modal: Fix modal showing for password protected posts by @fmfernandes in #107

New Contributors

• @fmfernandes made their first contribution in #107

Full Changelog: https://github.com/a8cteam51/special-projects-blocks-monorepo/compare/featured-video@0.1.3...modal@0.1.2

featured-video@0.1.3

=== Featured Video ===
Contributors: wpspecialprojects
Tags: block, video, featured-image, media, post-thumbnail
Tested up to: 6.8.2
Stable tag: 0.1.2
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Requires at least: 6.6
Requires PHP: 7.4

Replace featured images with featured videos in your WordPress posts. This plugin allows you to set a video as the featured media for posts, which will automatically replace the featured image in post displays.

== Description ==

The Featured Video plugin extends WordPress functionality to allow you to use videos as featured media instead of just images. When you set a featured video for a post, it will automatically replace the featured image in post displays, providing a more dynamic and engaging visual experience.

Key Features:

• Easy Setup: Simply upload a video and set it as your featured video
• Automatic Replacement: Featured videos automatically replace featured images in post displays
• Responsive Design: Videos are responsive and maintain proper aspect ratios
• Autoplay Support: Videos can autoplay with muted audio for better user experience
• Cross-Browser Compatibility: Works across all modern browsers
• Accessibility: Includes fallback text for browsers that don't support video

How It Works:

The plugin hooks into WordPress's featured image system and automatically replaces the featured image with your selected video when displaying posts. The video maintains the same styling and responsive behavior as featured images.

== Installation ==

1. Upload the featured-video folder to your /wp-content/plugins/ directory
2. Activate the plugin through the 'Plugins' menu in WordPress
3. Edit any post and you'll see the option to set a featured video
4. Upload or select a video file to use as your featured video
5. The video will automatically replace the featured image in post displays

== Frequently Asked Questions ==

= How do I set a featured video? =

Edit any post and look for the "Featured Video" option in the post settings panel. You can upload a new video or select an existing one from your media library.

= What video formats are supported? =

The plugin supports all video formats that WordPress supports, including MP4, WebM, and OGV files.

= Will the video autoplay? =

Yes, the featured video will autoplay with muted audio and loop continuously for a dynamic effect.

= Can I still use featured images? =

Yes! If no featured video is set, the plugin will fall back to the regular featured image.

= Is the video responsive? =

Yes, the video is fully responsive and will adapt to different screen sizes while maintaining its aspect ratio.

= What happens if a browser doesn't support video? =

The plugin includes fallback text that will display if the browser doesn't support the video tag.

= This plugin doesn't do something it says it should in this readme.txt file?

If something described here is not working as expected, please open an issue in the repository and we will investigate.

== Developers ==

The plugin uses WordPress's post meta system to store the featured video ID. The video replacement happens through the render_block_core/post-featured-image filter.

Key Functions:

• wpcomsp_featured_video_register_post_meta() - Registers the custom post meta
• wpcomsp_featured_video_render_post_featured_image() - Handles the video replacement logic

CSS Classes:

• Videos use the class wp-post-video in addition to the standard wp-post-image class
• The intrinsic-ignore class is added for proper responsive behavior

== Changelog ==

= 0.1.2 =

• Add readme.txt file

= 0.1.1 =

• Update URI

= 0.1.0 =

• Initial release

Full Changelog: https://github.com/a8cteam51/special-projects-blocks-monorepo/compare/stretchy-type@0.1.3...featured-video@0.1.3

stretchy-type@0.1.3

=== Stretchy Type ===
Contributors: Studio 51
Tags: block
Tested up to: 6.1
Stable tag: 0.1.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

A block that expands to fill the width of its container.

== Description ==

This is the long description. No limit, and you can use Markdown (as well as in the following sections).

For backwards compatibility, if this section is missing, the full length of the short description will be used, and
Markdown parsed.

== Installation ==

This section describes how to install the plugin and get it working.

e.g.

1. Upload the plugin files to the /wp-content/plugins/stretchy-type directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the 'Plugins' screen in WordPress

== Frequently Asked Questions ==

= A question that someone might have =

An answer to that question.

= What about foo bar? =

Answer to foo bar dilemma.

== Screenshots ==

1. This screen shot description corresponds to screenshot-1.(png|jpg|jpeg|gif). Note that the screenshot is taken from
   the /assets directory or the directory that contains the stable readme.txt (tags or trunk). Screenshots in the /assets
   directory take precedence. For example, /assets/screenshot-1.png would win over /tags/4.3/screenshot-1.png
   (or jpg, jpeg, gif).
2. This is the second screen shot

== Changelog ==

= 0.1.0 =

• Release

== Arbitrary section ==

You may provide arbitrary sections, in the same format as the ones above. This may be of use for extremely complicated
plugins where more information needs to be conveyed that doesn't fit into the categories of "description" or
"installation." Arbitrary sections will be shown below the built-in sections outlined above.

scroll-progress-bar@0.1.1

=== Scroll Progress Bar ===
Contributors: The WordPress Contributors
Tags: block
Tested up to: 6.7
Stable tag: 0.1.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Progress bar that reflects the user's scroll position within the document.

== Description ==

Enables a block, 'Scroll Progress Bar', which adds a native HTML <progress> element. A custom scroll listener updates the progress bar as the user scrolls through the page.

== Styling ==

Add a custom HTML class to the block, then write custom CSS within your theme to style the progress bar. For example, you may wish to apply colors from your theme.

This CSS Tricks article provides a good overview of the <progress> element and how to style it.

flowing-column@0.1.0

=== Flowing Column ===
Contributors: tommusrhodus
Tags: block, columns, layout, responsive
Tested up to: 6.7
Stable tag: 0.1.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

A flexible block that creates flowing column layouts similar to newspaper columns, with responsive behavior and customizable styling options.

== Description ==

The Flowing Column block allows you to create multi-column layouts that automatically flow content from one column to the next, similar to traditional newspaper layouts. This block is perfect for creating readable, organized content sections with customizable column settings.

Key Features:

• Configurable number of columns (1-6)
• Customizable column minimum width with multiple unit options (px, em, rem)
• Adjustable column gaps with flexible units
• Optional column rules (dividers) with customizable style, width, and color
• Responsive behavior with minimum column settings
• Support for WordPress block editor spacing, colors, typography, and border controls

Use Cases:

• Article layouts
• Newsletter content
• Feature lists
• Product descriptions
• Any content that benefits from multi-column presentation

== Installation ==

1. Upload the plugin files to the /wp-content/plugins/flowing-column directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the 'Plugins' screen in WordPress
3. The Flowing Column block will be available in the block editor under the "Design" category

== Usage ==

Adding the Block:

1. In the WordPress block editor, click the "+" button to add a new block
2. Search for "Flowing Column" or find it in the Design category
3. Select the block to add it to your content

Configuring Columns:

• Number of Columns: Set how many columns to display (1-6)
• Minimum Number of Columns: Define the minimum columns on small screens
• Column Minimum Width: Set the minimum width each column should have
• Column Gap: Adjust the space between columns
• Column Rule: Add optional dividers between columns with customizable style, width, and color

Responsive Behavior:
The block automatically adapts to different screen sizes while respecting your minimum column settings. On mobile devices, it will stack to the minimum number of columns you've specified.

== Block Attributes ==

The Flowing Column block includes the following configurable attributes:

Column Layout:

• columnCount - Number of columns (1-6, default: 2)
• minColumns - Minimum number of columns on small screens (1+, default: 1)

Column Dimensions:

• columnMinWidth - Minimum width of each column (100-800, default: 200)
• columnMinWidthUnit - Unit for minimum width (px, em, rem, default: px)

Column Spacing:

• columnGap - Gap between columns (0-5, default: 2)
• columnGapUnit - Unit for column gap (px, em, rem, default: em)

Column Rules (Dividers):

• columnRuleStyle - Style of column dividers (none, solid, dashed, dotted, double, groove, ridge, inset, outset, default: none)
• columnRuleWidth - Width of column dividers (0-10, default: 1)
• columnRuleWidthUnit - Unit for rule width (px, em, rem, default: px)
• columnRuleColor - Color of column dividers (hex color, default: #000000)

== Frequently Asked Questions ==

= How many columns can I create? =

You can create between 1 and 6 columns. The block will automatically adjust the layout based on your content and screen size.

= Can I control how the columns behave on mobile? =

Yes! Use the "Minimum Number of Columns" setting to control how many columns are displayed on small screens. This ensures your content remains readable on all devices.

= What units can I use for measurements? =

The block supports pixels (px), ems (em), and rems (rem) for column widths, gaps, and rule widths. This gives you flexibility to create responsive layouts that scale with your site's typography.

= How do I add dividers between columns? =

Use the "Column Rule" settings in the block inspector. You can choose from various styles (solid, dashed, dotted, etc.), set the width, and pick a color that matches your design.

== Screenshots ==

1. Flowing Column block in the WordPress editor with column settings panel open
2. Example of a three-column layout with custom styling and dividers

== Changelog ==

= 0.1.0 =

• Initial release with basic column functionality
• Support for 1-6 columns
• Customizable column widths, gaps, and rules
• Responsive behavior with minimum column settings
• Multiple unit options (px, em, rem) for flexible layouts
• Integration with WordPress block editor spacing, colors, typography, and border controls

== Development ==

This block is built using modern WordPress block editor standards and includes:

• React-based editor interface
• CSS custom properties for dynamic styling
• Responsive design with mobile-first approach
• Accessibility considerations for screen readers
• Integration with WordPress theme.json and global styles

What's Changed

• Fixed: Error when removing the video by @TremiDkhar in #90
• Add Flowing Column block plugin by @tommusrhodus in #92

Full Changelog: https://github.com/a8cteam51/special-projects-blocks-monorepo/compare/scroll-progress-bar@0.1.0...flowing-column@0.1.0

scroll-progress-bar@0.1.0

=== Scroll Progress Bar ===
Contributors: The WordPress Contributors
Tags: block
Tested up to: 6.7
Stable tag: 0.1.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Progress bar that reflects the user's scroll position within the document.

== Description ==

Enables a block, 'Scroll Progress Bar', which adds a native HTML <progress> element. A custom scroll listener updates the progress bar as the user scrolls through the page.

== Styling ==

Add a custom HTML class to the block, then write custom CSS within your theme to style the progress bar. For example, you may wish to apply colors from your theme.

This CSS Tricks article provides a good overview of the <progress> element and how to style it.