@fifthbell/brokaw 0.1.50 → 0.1.52

package/src/templates/partials/components/snack.hbs

@@ -1,7 +1,7 @@
 {{#*inline 'snackMetaImageRow'}}
   {{#if category}}
     <div class='w-full flex items-center justify-between {{#if metaTextSize}}{{metaTextSize}}{{else}}text-xs{{/if}} mb-2'>
-      <span class='text-[#b21100] dark:text-[#ff2e1a] uppercase font-bold tracking-wider'>{{category}}</span>
+      <span class='text-[#8f0d00] dark:text-[#ff2e1a] uppercase font-bold tracking-wider'>{{category}}</span>
       {{#if readTime}}
         <span class='article-time text-slate-500 dark:text-slate-400'>{{readTime}}</span>
       {{/if}}
@@ -9,7 +9,7 @@
   {{else if (lookup categories 0)}}
     {{#with (lookup categories 0)}}
       <div class='w-full flex items-center justify-between {{#if ../metaTextSize}}{{../metaTextSize}}{{else}}text-xs{{/if}} mb-2'>
-        <span class='text-[#b21100] dark:text-[#ff2e1a] uppercase font-bold tracking-wider'>{{name}}</span>
+        <span class='text-[#8f0d00] dark:text-[#ff2e1a] uppercase font-bold tracking-wider'>{{name}}</span>
         {{#if ../readTime}}
           <span class='article-time text-slate-500 dark:text-slate-400'>{{../readTime}}</span>
         {{/if}}
@@ -25,7 +25,7 @@
 {{#*inline 'snackMetaInline'}}
   {{#if category}}
     <div class='flex items-center {{#if metaTextSize}}{{metaTextSize}}{{else}}text-xs{{/if}} mb-2'>
-      <span class='text-[#b21100] dark:text-[#ff2e1a] uppercase font-bold tracking-wider'>{{category}}</span>
+      <span class='text-[#8f0d00] dark:text-[#ff2e1a] uppercase font-bold tracking-wider'>{{category}}</span>
       {{#if readTime}}
           <span class='mx-2 text-slate-400 dark:text-slate-500'>•</span>
           <span class='article-time text-slate-500 dark:text-slate-400'>{{readTime}}</span>
@@ -34,7 +34,7 @@
   {{else if (lookup categories 0)}}
     {{#with (lookup categories 0)}}
       <div class='flex items-center {{#if ../metaTextSize}}{{../metaTextSize}}{{else}}text-xs{{/if}} mb-2'>
-        <span class='text-[#b21100] dark:text-[#ff2e1a] uppercase font-bold tracking-wider'>{{name}}</span>
+        <span class='text-[#8f0d00] dark:text-[#ff2e1a] uppercase font-bold tracking-wider'>{{name}}</span>
         {{#if ../readTime}}
           <span class='mx-2 text-slate-400 dark:text-slate-500'>•</span>
           <span class='article-time text-slate-500 dark:text-slate-400'>{{../readTime}}</span>
@@ -68,7 +68,7 @@
       {{/if}}
 
       <h3 class='{{#if titleFontWeight}}{{titleFontWeight}}{{else}}font-bold{{/if}} {{#if titleTextSize}}{{titleTextSize}}{{else}}text-lg{{/if}} leading-snug text-slate-900 dark:text-slate-100 {{#if titleClasses}}{{titleClasses}}{{else}}font-encode{{/if}}'>
-        <a href='{{url}}' class='hover:text-[#b21100] dark:hover:text-[#ff2e1a] transition-colors'>{{title}}</a>
+        <a href='{{url}}' class='hover:text-[#8f0d00] dark:hover:text-[#ff2e1a] transition-colors'>{{title}}</a>
       </h3>
       {{#unless (eq showExcerpt false)}}
         {{#if excerpt}}

package/src/templates/partials/components/spotlight-hero.hbs

@@ -17,12 +17,12 @@
     <div class='absolute right-0 top-20 flex items-center gap-4'>
       {{#if slides}}
         {{#each slides}}
-          <button class='carousel-dot w-3 h-3 rounded-full {{#if @first}}active{{/if}}' data-slide='{{@index}}'></button>
+          <button class='carousel-dot w-3 h-3 rounded-full {{#if @first}}active{{/if}}' data-slide='{{@index}}' aria-label='Go to slide {{add @index 1}}'></button>
         {{/each}}
       {{else}}
-        <button class='carousel-dot w-3 h-3 rounded-full active' data-slide='0'></button>
+        <button class='carousel-dot w-3 h-3 rounded-full active' data-slide='0' aria-label='Go to slide 1'></button>
       {{/if}}
-      <button class='carousel-next w-10 h-10 flex items-center justify-center'>
+      <button class='carousel-next w-10 h-10 flex items-center justify-center' aria-label='Next slide'>
         <svg width='15' height='27' viewBox='0 0 15 27' fill='none'>
           <path d='M1.5 1.5L13.5 13.5L1.5 25.5' stroke='#FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'></path>
         </svg>

package/src/templates/partials/components/trending.hbs

@@ -3,7 +3,7 @@
     <article class='gap-1 flex items-center flex-none'>
       <div class='flex flex-row items-center'>
         <span class='h-2 w-2 rounded-full bg-[#b21100] mr-2'></span>
-        <span class='text-[#b21100] font-medium mr-1'>En vivo</span>
+        <span class='text-[#8f0d00] font-medium mr-1'>En vivo</span>
       </div>
       <span class='text-[#121212]'>Clásico Universitario</span>
     </article>

package/src/templates/partials/components/ui/accordion.hbs

@@ -8,7 +8,7 @@
             <span class='mt-1.5 text-sm text-slate-500 dark:text-slate-400'>{{subtitle}}</span>
           {{/if}}
         </span>
-        <span class='mt-1 shrink-0 text-slate-400 transition-transform duration-200 group-open:rotate-180 group-open:text-[#b21100] dark:group-open:text-[#ff2e1a]' aria-hidden='true'>
+        <span class='mt-1 shrink-0 text-slate-400 transition-transform duration-200 group-open:rotate-180 group-open:text-[#8f0d00] dark:group-open:text-[#ff2e1a]' aria-hidden='true'>
           <svg viewBox='0 0 20 20' fill='currentColor' class='h-5 w-5'>
             <path fill-rule='evenodd' d='M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.17l3.71-3.94a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06Z' clip-rule='evenodd'></path>
           </svg>

package/src/templates/partials/components/ui/breadcrumb.hbs

@@ -5,7 +5,7 @@
         {{#if @last}}
           <span aria-current='page' class='font-semibold text-slate-900 dark:text-slate-100 px-1.5'>{{label}}</span>
         {{else}}
-          <a href='{{coalesce url href}}' class='px-1.5 text-slate-500 transition-colors hover:text-[#b21100] dark:text-slate-400 dark:hover:text-[#ff2e1a]'>
+          <a href='{{coalesce url href}}' class='px-1.5 text-slate-500 transition-colors hover:text-[#8f0d00] dark:text-slate-400 dark:hover:text-[#ff2e1a]'>
             {{label}}
           </a>
           <span class='text-slate-300 dark:text-slate-600 select-none font-light' aria-hidden='true'>/</span>

package/src/templates/partials/components/ui/icon-button.hbs

@@ -1,7 +1,7 @@
 {{#if href}}
   <a
     href='{{href}}'
-    class='inline-flex items-center justify-center rounded-full w-9 h-9 border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900 text-slate-600 dark:text-slate-300 transition-colors hover:border-[#b21100] hover:text-[#b21100] dark:hover:border-[#ff2e1a] dark:hover:text-[#ff2e1a] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[#b21100] {{#if className}}{{className}}{{/if}}'
+    class='inline-flex items-center justify-center rounded-full w-9 h-9 border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900 text-slate-600 dark:text-slate-300 transition-colors hover:border-[#b21100] hover:text-[#8f0d00] dark:hover:border-[#ff2e1a] dark:hover:text-[#ff2e1a] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[#b21100] {{#if className}}{{className}}{{/if}}'
     {{#if title}}title='{{title}}'{{/if}}
     {{#if ariaLabel}}aria-label='{{ariaLabel}}'{{/if}}
   >
@@ -10,7 +10,7 @@
 {{else}}
   <button
     type='{{coalesce type "button"}}'
-    class='inline-flex items-center justify-center rounded-full w-9 h-9 border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900 text-slate-600 dark:text-slate-300 transition-colors hover:border-[#b21100] hover:text-[#b21100] dark:hover:border-[#ff2e1a] dark:hover:text-[#ff2e1a] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[#b21100] {{#if className}}{{className}}{{/if}}'
+    class='inline-flex items-center justify-center rounded-full w-9 h-9 border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900 text-slate-600 dark:text-slate-300 transition-colors hover:border-[#b21100] hover:text-[#8f0d00] dark:hover:border-[#ff2e1a] dark:hover:text-[#ff2e1a] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[#b21100] {{#if className}}{{className}}{{/if}}'
     {{#if title}}title='{{title}}'{{/if}}
     {{#if ariaLabel}}aria-label='{{ariaLabel}}'{{/if}}
   >

package/src/templates/partials/components/ui/loading-spinner.hbs

@@ -1,6 +1,6 @@
 <div class='inline-flex items-center justify-center gap-2 {{#if className}}{{className}}{{/if}}' role='status' aria-live='polite'>
   {{#if (eq size "sm")}}
-    <svg viewBox='0 0 24 24' class='h-4 w-4 text-[#b21100] dark:text-[#ff2e1a]' fill='none' aria-hidden='true'>
+    <svg viewBox='0 0 24 24' class='h-4 w-4 text-[#8f0d00] dark:text-[#ff2e1a]' fill='none' aria-hidden='true'>
       <circle cx='12' cy='12' r='9' stroke='currentColor' stroke-width='2' opacity='0.15'/>
       <circle cx='12' cy='12' r='9' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-dasharray='16 40' fill='none'>
         <animateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='0.75s' repeatCount='indefinite'/>
@@ -8,14 +8,14 @@
     </svg>
   {{else}}
     {{#if (eq size "lg")}}
-      <svg viewBox='0 0 24 24' class='h-12 w-12 text-[#b21100] dark:text-[#ff2e1a]' fill='none' aria-hidden='true'>
+      <svg viewBox='0 0 24 24' class='h-12 w-12 text-[#8f0d00] dark:text-[#ff2e1a]' fill='none' aria-hidden='true'>
         <circle cx='12' cy='12' r='9' stroke='currentColor' stroke-width='2' opacity='0.15'/>
         <circle cx='12' cy='12' r='9' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-dasharray='20 36' fill='none'>
           <animateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='0.75s' repeatCount='indefinite'/>
         </circle>
       </svg>
     {{else}}
-      <svg viewBox='0 0 24 24' class='h-8 w-8 text-[#b21100] dark:text-[#ff2e1a]' fill='none' aria-hidden='true'>
+      <svg viewBox='0 0 24 24' class='h-8 w-8 text-[#8f0d00] dark:text-[#ff2e1a]' fill='none' aria-hidden='true'>
         <circle cx='12' cy='12' r='9' stroke='currentColor' stroke-width='2' opacity='0.15'/>
         <circle cx='12' cy='12' r='9' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-dasharray='18 38' fill='none'>
           <animateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='0.75s' repeatCount='indefinite'/>

package/src/templates/partials/components/ui/pagination.hbs

@@ -2,7 +2,7 @@
   {{#if prev.url}}
     <a
       href='{{prev.url}}'
-      class='inline-flex items-center gap-1 text-sm font-medium text-slate-500 dark:text-slate-400 transition-colors hover:text-[#b21100] dark:hover:text-[#ff2e1a]'
+      class='inline-flex items-center gap-1 text-sm font-medium text-slate-500 dark:text-slate-400 transition-colors hover:text-[#8f0d00] dark:hover:text-[#ff2e1a]'
       aria-label='Previous page'
     >
       <svg viewBox='0 0 20 20' fill='currentColor' class='h-4 w-4' aria-hidden='true'><path fill-rule='evenodd' d='M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z' clip-rule='evenodd'/></svg>
@@ -22,13 +22,13 @@
           <span class='inline-flex h-9 w-9 items-center justify-center text-sm text-slate-400 dark:text-slate-500'>…</span>
         {{else}}
           {{#if current}}
-            <span aria-current='page' class='inline-flex h-9 w-9 items-center justify-center text-sm font-bold text-[#b21100] dark:text-[#ff2e1a] border-b-2 border-[#b21100] dark:border-[#ff2e1a]'>
+            <span aria-current='page' class='inline-flex h-9 w-9 items-center justify-center text-sm font-bold text-[#8f0d00] dark:text-[#ff2e1a] border-b-2 border-[#b21100] dark:border-[#ff2e1a]'>
               {{label}}
             </span>
           {{else}}
             <a
               href='{{url}}'
-              class='inline-flex h-9 w-9 items-center justify-center text-sm font-medium text-slate-600 dark:text-slate-300 transition-colors hover:text-[#b21100] dark:hover:text-[#ff2e1a]'
+              class='inline-flex h-9 w-9 items-center justify-center text-sm font-medium text-slate-600 dark:text-slate-300 transition-colors hover:text-[#8f0d00] dark:hover:text-[#ff2e1a]'
             >
               {{label}}
             </a>
@@ -41,7 +41,7 @@
   {{#if next.url}}
     <a
       href='{{next.url}}'
-      class='inline-flex items-center gap-1 text-sm font-medium text-slate-500 dark:text-slate-400 transition-colors hover:text-[#b21100] dark:hover:text-[#ff2e1a]'
+      class='inline-flex items-center gap-1 text-sm font-medium text-slate-500 dark:text-slate-400 transition-colors hover:text-[#8f0d00] dark:hover:text-[#ff2e1a]'
       aria-label='Next page'
     >
       {{coalesce next.label "Next"}}

package/src/templates/partials/headers/header-main.hbs

@@ -34,7 +34,7 @@
                   <div id='sections-links' class='space-y-3'>
                     <a
                       href='{{logoLink}}'
-                      class='block text-lg font-bold text-black dark:text-white hover:text-[#b21100] dark:hover:text-[#ff2e1a] transition-colors'
+                      class='block text-lg font-bold text-black dark:text-white hover:text-[#8f0d00] dark:hover:text-[#ff2e1a] transition-colors'
                     >TOP STORIES</a>
                     <div id='category-links-container' class='space-y-3'>
                       <p class='text-sm text-slate-400 dark:text-slate-500'>Loading sections...</p>
@@ -300,13 +300,13 @@
   dark:text-slate-500'>Loading sections...</p>`; } function showCategoryLinksError() { if (!categoryLinksContainer) return; categoryLinksContainer.innerHTML =
   `<p class='text-sm text-red-500'>Failed to load sections</p>`; } function setActiveCategoryLink(categorySlug) { if (!sectionsLinks) return; activeCategorySlug
   = categorySlug || ''; const links = sectionsLinks.querySelectorAll('.category-link'); links.forEach((link) => { const isActive =
-  (link.getAttribute('data-category-slug') || '') === activeCategorySlug; if (isActive) { link.classList.add('text-[#b21100]', 'dark:text-[#ff2e1a]');
-  link.classList.remove('text-black', 'dark:text-white'); link.setAttribute('aria-current', 'page'); } else { link.classList.remove('text-[#b21100]',
+  (link.getAttribute('data-category-slug') || '') === activeCategorySlug; if (isActive) { link.classList.add('text-[#8f0d00]', 'dark:text-[#ff2e1a]');
+  link.classList.remove('text-black', 'dark:text-white'); link.setAttribute('aria-current', 'page'); } else { link.classList.remove('text-[#8f0d00]',
   'dark:text-[#ff2e1a]'); link.classList.add('text-black', 'dark:text-white'); link.setAttribute('aria-current', 'false'); } }); } function
   renderCategories(categories) { if (!categoryLinksContainer) return; if (!Array.isArray(categories) || categories.length === 0) {
   categoryLinksContainer.innerHTML = `<p class='text-sm text-slate-400 dark:text-slate-500'>No sections available</p>`; return; }
   categoryLinksContainer.innerHTML = categories .map( (category) => `<a href="${buildLocalePath(category.slug)}" class="category-link block text-lg font-bold
-  text-black dark:text-white hover:text-[#b21100] dark:hover:text-[#ff2e1a] transition-colors" data-category-slug="${category.slug}"
+  text-black dark:text-white hover:text-[#8f0d00] dark:hover:text-[#ff2e1a] transition-colors" data-category-slug="${category.slug}"
   aria-current="false">${String(category.name || '').toUpperCase()}</a>` ) .join(''); setActiveCategoryLink(activeCategorySlug); } function
   showMiniFeaturedLoading() { if (!miniFeatured) return; miniFeatured.innerHTML = ` <div class='flex flex-col items-center justify-center py-20'> <div
   class='animate-spin rounded-full h-12 w-12 border-b-2 border-slate-300 dark:border-slate-600'></div> <p class='text-slate-400 dark:text-slate-500
@@ -317,12 +317,12 @@
   <div class='relative mb-5'> <img src='${article?.featuredImage?.url || ''}' alt='${article?.featuredImage?.alt || article?.title || ''}' class='w-full h-50
   object-cover rounded' /> </div> <div class='flex items-center text-slate-500 dark:text-slate-400 text-sm mb-3'> <span class='uppercase font-bold
   tracking-wider'>${article?.categories?.[0]?.name || categoryName || 'GENERAL'}</span> <span class='mx-2'>•</span> <span>5 min</span> </div> <h2 class='text-xl
-  font-bold text-slate-900 dark:text-slate-100 leading-tight'> <a href='${getArticleLeafPath(article)}' class='hover:text-[#b21100] dark:hover:text-[#ff2e1a]
+  font-bold text-slate-900 dark:text-slate-100 leading-tight'> <a href='${getArticleLeafPath(article)}' class='hover:text-[#8f0d00] dark:hover:text-[#ff2e1a]
   transition-colors'>${article?.title || ''}</a> </h2> </div> ` ) .join(''); const rows = []; for (let i = 0; i < grid.length; i += 3) { const row =
   grid.slice(i, i + 3); if (!row.length) continue; rows.push(` <div class='grid grid-cols-3 gap-6 ${i > 0 ? 'pt-6 border-t border-slate-200 dark:border-slate-800' : ''}'> ${row .map( (article, idx) => ` <div class='${idx === 0 ? 'pr-4 border-r border-slate-200 dark:border-slate-800' : idx === 1 ?
   'px-4 border-r border-slate-200 dark:border-slate-800' : 'pl-4'}'> <div class='flex items-center text-slate-500 dark:text-slate-400 text-sm mb-3'> <span
   class='uppercase font-bold'>${article?.categories?.[0]?.name || categoryName || 'GENERAL'}</span> </div> <h3 class='font-medium text-base leading-tight
-  text-slate-900 dark:text-slate-100'> <a href='${getArticleLeafPath(article)}' class='hover:text-[#b21100] dark:hover:text-[#ff2e1a]
+  text-slate-900 dark:text-slate-100'> <a href='${getArticleLeafPath(article)}' class='hover:text-[#8f0d00] dark:hover:text-[#ff2e1a]
   transition-colors'>${article?.title || ''}</a> </h3> </div> ` ) .join('')} </div> `); } miniFeatured.innerHTML = ` <h3 class='text-xs font-bold text-slate-400
   dark:text-slate-600 uppercase tracking-wider mb-6 border-b border-slate-200 dark:border-slate-800 pb-2'> ${(categoryName || 'Featured Stories').toUpperCase()}
   </h3> <div class='grid grid-cols-2 gap-8 mb-10'>${topHtml}</div> <div class='space-y-6'>${rows.join('')}</div> `; } function getCategoryName(payload,

package/src/templates/partials/nav/nav-categories.hbs

@@ -1,5 +1,5 @@
 {{#if navigation.categories}}
   {{#each navigation.categories}}
-    <a href='/{{slug}}' class='block text-lg font-bold text-black dark:text-white hover:text-[#b21100] dark:hover:text-[#ff2e1a] transition-colors'>{{uppercase name}}</a>
+    <a href='/{{slug}}' class='block text-lg font-bold text-black dark:text-white hover:text-[#8f0d00] dark:hover:text-[#ff2e1a] transition-colors'>{{uppercase name}}</a>
   {{/each}}
 {{/if}}

package/src/templates/partials/shell/doc-start-404.hbs

@@ -3,12 +3,7 @@
   <head>
     <meta charset='UTF-8' />
     <meta name='viewport' content='width=device-width, initial-scale=1' />
-    <link rel='preconnect' href='https://fonts.googleapis.com' />
-    <link rel='preconnect' href='https://fonts.gstatic.com' crossorigin />
-    <link
-      href='https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap&family=Encode+Sans:wght@100..900&family=Oswald:wght@200..700&display=swap'
-      rel='stylesheet'
-    />
+    <link href='https://cdn.fifthbell.com/content/fonts/fonts.css' rel='stylesheet' />
     <meta name='description' content='{{#if seo.metaDescription}}{{seo.metaDescription}}{{else}}Page not found{{/if}}' />
     <link rel='canonical' href='{{canonicalUrl}}' />
     <title>{{#if seo.metaTitle}}{{seo.metaTitle}}{{else}}404 - Page Not Found | fifthbell{{/if}}</title>

package/src/templates/partials/shell/doc-start-standard.hbs

@@ -3,16 +3,17 @@
   <head>
     <meta charset='UTF-8' />
     <meta name='viewport' content='width=device-width, initial-scale=1' />
-    <link rel='preconnect' href='https://fonts.googleapis.com' />
-    <link rel='preconnect' href='https://fonts.gstatic.com' crossorigin />
-    <link
-      href='https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap&family=Encode+Sans:wght@100..900&family=Oswald:wght@200..700&display=swap'
-      rel='stylesheet'
-    />
-    {{#if featuredImage.url}}
-      <link rel='preload' as='image' href='{{featuredImage.url}}' fetchpriority='high' />
+    <link href='https://cdn.fifthbell.com/content/fonts/fonts.css' rel='stylesheet' />
+    {{#if (eq layout 'homepage')}}
+      {{#if hero.url}}
+        <link rel='preload' as='image' href='{{hero.url}}' fetchpriority='high' />
+      {{/if}}
+    {{else}}
+      {{#if featuredImage.url}}
+        <link rel='preload' as='image' href='{{featuredImage.url}}' fetchpriority='high' />
+      {{/if}}
     {{/if}}
-    <meta name='description' content='{{#if seo.metaDescription}}{{seo.metaDescription}}{{else}}{{excerpt}}{{/if}}' />
+    <meta name='description' content='{{#if seo.metaDescription}}{{seo.metaDescription}}{{else if excerpt}}{{excerpt}}{{else}}{{resolveHeadTitle this}}{{/if}}' />
     <link rel='canonical' href='{{canonicalUrl}}' />
     <meta property='og:title' content='{{resolveHeadTitle this}}' />
     <meta property='og:description' content='{{#if seo.metaDescription}}{{seo.metaDescription}}{{else}}{{excerpt}}{{/if}}' />