Changeset 354079

Timestamp:

10/16/2026 06:02:13 PM (11 days ago)

Author:

themedropbox

Message:

New version of Ariade - 1.7.96

Location:

ariade/1.7.96

Files:

• . (copied) (copied from ariade/1.7.88 )
• assets/css/theme.css (modified) (10 diffs)
• functions.php (modified) (2 diffs)
• readme.txt (modified) (3 diffs)
• style.css (modified) (1 diff)

ariade/1.7.96/assets/css/theme.css

@@ -7 +7 @@
    ================================================================ */
 :root{
-  --base:#F7F9FC; --surface:#ECF1F8; --ink:#0E1B36; --body:#2B3B57;
-  --teal:#184FCB; --teal-deep:#0B1A3D; --teal-bright:#7FB0FF;
-  --coral:#2563EB; --coral-dark:#184FCB; --coral-light:#3B6FE0;
-  --muted:#B8C9EA; --line:#DCE4F0; --white:#fff;
-  --violet:#6D28D9; --fuchsia:#BE185D; --pink:#DB2777;
-  --display:"Barlow Semi Condensed",system-ui,sans-serif;
-  --body-font:"Geist",system-ui,-apple-system,sans-serif;
+  --brand-grad:var(--wp--preset--gradient--brand,linear-gradient(120deg,#184FCB,#6D28D9 55%,#BE185D)); --brand-grad-2:var(--wp--preset--gradient--brand,linear-gradient(135deg,#184FCB,#6D28D9));
+  /* Tokens read the theme.json presets first, so a child theme's palette and
+     fonts reach every component. The literal values are the Ariade defaults. */
+  --base:var(--wp--preset--color--base,#F7F9FC); --surface:var(--wp--preset--color--surface,#ECF1F8);
+  --ink:var(--wp--preset--color--ink,#0E1B36); --body:var(--wp--preset--color--body,#2B3B57);
+  --teal:var(--wp--preset--color--teal,#184FCB); --teal-deep:var(--wp--preset--color--teal-deep,#0B1A3D);
+  --teal-bright:var(--wp--preset--color--teal-bright,#7FB0FF);
+  --coral:var(--wp--preset--color--coral,#2563EB); --coral-dark:var(--wp--preset--color--teal,#184FCB); --coral-light:#3B6FE0;
+  --muted:var(--wp--preset--color--muted,#B8C9EA); --line:var(--wp--preset--color--line,#DCE4F0); --white:var(--wp--preset--color--white,#fff);
+  --violet:var(--wp--preset--color--violet,#6D28D9); --fuchsia:var(--wp--preset--color--fuchsia,#BE185D); --pink:var(--wp--preset--color--pink,#DB2777);
+  --display:var(--wp--preset--font-family--display,"Barlow Semi Condensed",system-ui,sans-serif);
+  --body-font:var(--wp--preset--font-family--body,"Geist",system-ui,-apple-system,sans-serif);
   --maxw:1200px; --shadow:0 24px 60px -28px rgba(12,43,41,.5);
   --shadow-sm:0 10px 30px -18px rgba(12,43,41,.45);
@@ -128 +133 @@
 .icon-btn:hover{border-color:var(--teal)}
 /* hamburger -> X */
-.burger{display:none;background:linear-gradient(120deg,#184FCB,#6D28D9 55%,#BE185D);color:#fff;border:0;box-shadow:0 10px 22px -12px rgba(109,40,217,.7)}
+.burger{display:none;background:var(--brand-grad);color:#fff;border:0;box-shadow:0 10px 22px -12px rgba(109,40,217,.7)}
 .burger .bar{display:block;width:22px;height:2.4px;background:currentColor;border-radius:2px;transition:transform .25s var(--ease),opacity .2s ease}
 .burger .bar+ .bar{margin-top:5px}
@@ -158 +163 @@
 .menu-foot{margin-top:1.6rem;display:flex;flex-direction:column;gap:1.1rem}
 .menu-foot .btn{width:100%}
-.menu-cta{display:flex;align-items:center;justify-content:center;width:100%;padding:1.05rem;border-radius:14px;background:linear-gradient(120deg,#184FCB,#6D28D9 55%,#BE185D);color:#fff;font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;box-shadow:0 14px 30px -14px rgba(109,40,217,.7)}
+.menu-cta{display:flex;align-items:center;justify-content:center;width:100%;padding:1.05rem;border-radius:14px;background:var(--brand-grad);color:#fff;font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;box-shadow:0 14px 30px -14px rgba(109,40,217,.7)}
 .menu-cta:hover{filter:brightness(1.06)}
 .menu-contact{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;color:var(--muted);font-size:.95rem}
@@ -178 +183 @@
 @media (max-width:1080px){
   .nav-desktop,.header-actions .only-desktop{display:none}
+  .header-actions{margin-left:auto}
   .burger{display:inline-flex;flex-direction:column;align-items:center;justify-content:center}
 }
@@ -202 +208 @@
    the footer. Sections manage their own spacing. */
 .wp-site-blocks > header,.wp-site-blocks > main,.wp-site-blocks > footer{margin-block-start:0;margin-block-end:0}
-.footer-body{background:#0e1b36;color:#fff;padding:clamp(4.5rem,7vw,6rem) 0 clamp(1.5rem,3vw,2.5rem);position:relative;z-index:1}
+.footer-body{background:var(--ink);color:#fff;padding:clamp(4.5rem,7vw,6rem) 0 clamp(1.5rem,3vw,2.5rem);position:relative;z-index:1}
 .footer-body .wrap{padding-top:0;padding-bottom:0}
 .footer-cta{background:linear-gradient(100deg,#2743d0,#7a2fd6 55%,#c02582);border-radius:18px;max-width:1360px;width:calc(100% - 2rem);margin:clamp(1.5rem,3vw,2.5rem) auto -3rem;position:relative;z-index:2;color:#fff;box-shadow:0 24px 48px -20px rgba(122,47,214,.55);overflow:hidden}
@@ -243 +249 @@
 .socials{display:flex;gap:.6rem;margin-top:1.4rem}
 .socials a{width:44px;height:44px;border:1.5px solid rgba(127,176,255,.28);border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:transform .18s var(--ease),background .18s,border-color .18s}
-.socials a:hover{border-color:transparent;background:linear-gradient(135deg,#184FCB,#6D28D9);transform:translateY(-2px)}
+.socials a:hover{border-color:transparent;background:var(--brand-grad-2);transform:translateY(-2px)}
 .footer-col h2,.footer-col h3{font-family:var(--display);font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#fff;margin:0 0 1.2rem;line-height:1.3}
 .footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
@@ -263 +269 @@
 @media (max-width:560px){.footer-top-neutral{grid-template-columns:1fr}}
 .footer-aa{display:block;font-size:.82rem}
-.footer-aa b{font-family:var(--display);font-weight:800;font-size:.76rem;letter-spacing:.05em;color:#fff;background:linear-gradient(135deg,#184FCB,#6D28D9);padding:.22rem .55rem;border-radius:6px}
+.footer-aa b{font-family:var(--display);font-weight:800;font-size:.76rem;letter-spacing:.05em;color:#fff;background:var(--brand-grad-2);padding:.22rem .55rem;border-radius:6px}
 @media (max-width:980px){
   .footer-top{grid-template-columns:1fr 1fr}
@@ -306 +312 @@
 .menu-nav .msub-pm::before,.menu-nav .msub-pm::after{content:"";position:absolute;left:50%;top:50%;width:15px;height:2.6px;background:#fff;border-radius:2px;transform:translate(-50%,-50%);transition:transform .2s var(--ease),opacity .2s var(--ease)}
 .menu-nav .msub-pm::after{transform:translate(-50%,-50%) rotate(90deg)}
-.menu-nav .msub-toggle[aria-expanded="true"] .msub-pm{background:linear-gradient(120deg,#184FCB,#6D28D9 55%,#BE185D);border-color:transparent}
+.menu-nav .msub-toggle[aria-expanded="true"] .msub-pm{background:var(--brand-grad);border-color:transparent}
 .menu-nav .msub-toggle[aria-expanded="true"] .msub-pm::after{opacity:0}
 .menu-nav .msub{list-style:none;margin:0;padding:0 0 .7rem}
@@ -393 +399 @@
 #main > section, #main > .ribbon { margin-top: 0; margin-bottom: 0; }
 /* ===== Mobile drawer close button (gradient, matches original design) ===== */
-.menu-close{background:linear-gradient(120deg,#184FCB,#6D28D9 55%,#BE185D);border-color:transparent;color:#fff}
+.menu-close{background:var(--brand-grad);border-color:transparent;color:#fff}
 .menu-close:hover{filter:brightness(1.08);border-color:transparent}
 /* =====================================================================
@@ -693 +699 @@
 ins{text-decoration:none;background:#e6f6ef;color:#0e1b36;padding:0 .15em;border-bottom:2px dotted #0e7c6b}
 /* M12: images in content never exceed their container, even with width and height attributes */
-.entry-content img,.wp-block-post-content img,.wp-block-image img{max-width:100%;height:auto}
+:where(.entry-content,.wp-block-post-content,.wp-block-image) img{max-width:100%;height:auto}
 /* M16/M19: field borders meet 3:1 against the page */
 .wp-block-search__input,.ariade-search-hero__input,.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea,.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),.wp-block-post-comments-form textarea{border-color:#6b7382!important}

ariade/1.7.96/functions.php

@@ -1621 +1621 @@
  * landmark-no-duplicate-banner / -contentinfo).
  *
- * Ariade templates wrap the header and footer template parts in <header>
+ * Ariade templates wrap the header and footer template parts in <header><meta charset="utf-8">
  * and <footer>. A child theme whose own parts already contain a <header> or
  * <footer> (or role="banner" / "contentinfo") would then nest one landmark
@@ -1730 +1730 @@
 }
 add_action( 'wp_enqueue_scripts', 'ariade_comment_focus_script' );
+
+
+/**
+ * Developer credit in the document head (1.7.94, wording 1.7.95).
+ *
+ * Prints an author meta tag and a generator meta tag naming the theme and its
+ * developer, so "view source", Wappalyzer and BuiltWith show where the site was
+ * built. Nothing is shown on the page itself. A child theme can change the
+ * text, or remove the tags, with the 'ariade_credit_meta' filter:
+ *
+ *     add_filter( 'ariade_credit_meta', '__return_empty_array' );
+ */
+function ariade_credit_meta() {
+        $meta = apply_filters(
+                'ariade_credit_meta',
+                array(
+                        'author'    => 'Shivaji Mitra, Ananyoo (https://ananyoo.com)',
+                        'generator' => 'Ariade WordPress theme by Ananyoo - https://ananyoo.com',
+                )
+        );
+        if ( empty( $meta ) || ! is_array( $meta ) ) {
+                return;
+        }
+        foreach ( $meta as $name => $content ) {
+                if ( '' === (string) $content ) {
+                        continue;
+                }
+                printf( '<meta name="%1$s" content="%2$s" />' . "\n", esc_attr( $name ), esc_attr( $content ) );
+        }
+}
+add_action( 'wp_head', 'ariade_credit_meta', 1 );
+
+/**
+ * Footer columns: tie each group of links to its heading (1.7.96).
+ *
+ * A footer column (a Group block with the class "footer-col") holds a heading
+ * and a list. Visually the heading names the list, but assistive technology
+ * did not know that. This gives the heading an id and labels the column with
+ * it: role="navigation" when every list item is a link, otherwise role="group"
+ * (for example a column of contact details). WCAG 1.3.1.
+ *
+ * @param string $html  Rendered block HTML.
+ * @param array  $block Block data.
+ * @return string
+ */
+function ariade_label_footer_columns( $html, $block ) {
+        $class = isset( $block['attrs']['className'] ) ? (string) $block['attrs']['className'] : '';
+        if ( ! preg_match( '/(^|\s)footer-col(\s|$)/', $class ) || ! class_exists( 'WP_HTML_Tag_Processor' ) ) {
+                return $html;
+        }
+        static $n = 0;
+        $p = new WP_HTML_Tag_Processor( $html );
+        $id = '';
+        while ( $p->next_tag() ) {
+                if ( preg_match( '/^H[2-6]$/', $p->get_tag() ) ) {
+                        $id = (string) $p->get_attribute( 'id' );
+                        if ( '' === $id ) {
+                                $id = 'ariade-fcol-' . ( ++$n );
+                                $p->set_attribute( 'id', $id );
+                        }
+                        break;
+                }
+        }
+        if ( '' === $id ) {
+                return $html;
+        }
+        $html  = $p->get_updated_html();
+        $items = preg_match_all( '/<li\b[^>]*>(.*?)<\/li>/is', $html, $m );
+        $links = 0;
+        foreach ( $m[1] as $li ) {
+                if ( false !== stripos( $li, '<a ' ) ) {
+                        ++$links;
+                }
+        }
+        $role = ( $items > 0 && $links === $items ) ? 'navigation' : 'group';
+        $q    = new WP_HTML_Tag_Processor( $html );
+        if ( $q->next_tag() && null === $q->get_attribute( 'role' ) ) {
+                $q->set_attribute( 'role', $role );
+                $q->set_attribute( 'aria-labelledby', $id );
+        }
+        return $q->get_updated_html();
+}
+add_filter( 'render_block_core/group', 'ariade_label_footer_columns', 10, 2 );

ariade/1.7.96/readme.txt

@@ -6 +6 @@
 Tested up to: 7.1
 Requires PHP: 7.4
-Stable tag: 1.7.88
+Stable tag: 1.7.96
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -152 +152 @@
 == Changelog ==
 
+= 1.7.96 =
+* Accessibility: footer columns are now tied to their headings. Each column gets role="navigation" (all links) or role="group" (for example contact details) and aria-labelledby pointing to its heading (WCAG 1.3.1).
+
+= 1.7.95 =
+* Generator meta tag now reads "Ariade WordPress theme by Ananyoo".
+
+= 1.7.94 =
+* Developer credit in the document head: an author meta tag (Shivaji Mitra, Ananyoo) and a generator meta tag (Ariade theme by Ananyoo). Nothing is shown on the page. A child theme can change or remove them with the ariade_credit_meta filter.
+
+= 1.7.93 =
+*   The content image reset (max-width 100%, height auto) now uses :where(),
+    so it no longer overrides plugin image sizing. It stretched the
+    background images of the Accessible Carousel overlay slides far past
+    the slide height inside page content.
+
+= 1.7.92 =
+*   Footer background uses the --ink token instead of a fixed #0E1B36, so
+    it follows the theme.json palette like the rest of the theme. Ariade
+    itself looks the same.
+
+= 1.7.91 =
+*   The brand gradient on the menu button, drawer and a few hover states
+    now reads the "brand" gradient preset from theme.json, so a child
+    theme can recolour it. Ariade itself looks the same.
+
+= 1.7.90 =
+*   Header: below 1080px, when the desktop menu is hidden, the search,
+    account and menu buttons now stay on the right edge. Before this they
+    sat next to the logo when the brand was short.
+
+= 1.7.89 =
+*   The colour and font tokens at the top of assets/css/theme.css now read
+    the theme.json presets first (for example --ink uses
+    --wp--preset--color--ink), with the Ariade values kept as fallbacks.
+    A child theme that sets its own palette or fonts in theme.json now
+    changes every component. The default Ariade look is unchanged.
+
 = 1.7.88 =
 *   Added the accessibility-ready tag after a full manual WCAG 2.2 AA audit
@@ -276 +313 @@
 = 1.7.66 =
 *   Landmarks: when a child theme's header or footer part already has its
-    own <header> or <footer>, the template wrapper becomes a <div>, so a
+    own <header><meta charset="utf-8"> or <footer>, the template wrapper becomes a <div>, so a
     page never has two banner or contentinfo landmarks (seen on search).
 *   Author box: now a <section> instead of an <aside>, so it is not a

ariade/1.7.96/style.css

@@ -5 +5 @@
 Author URI: https://ananyoo.com
 Description: Ariade is an accessible Full Site Editing (FSE) WordPress block theme for professional-services and business websites, built and tested to WCAG 2.2 AA. It ships with accessible header navigation, screen-reader-tested block patterns and predesigned inner pages. The free Ariade Header and Menu plugin adds the theme's simple, WCAG-friendly drop-down menu header, and the Ananyoo accessibility plugins add a carousel, forms and login. Built by M/S. Anblik.
-Version: 1.7.88
+Version: 1.7.96
 Requires at least: 6.6
 Tested up to: 7.1