From 81ca093db6b9f6e5f520db9dd58afcd523228ef3 Mon Sep 17 00:00:00 2001
From: partly-igor <igor.korenfeld@noaa.gov>
Date: Thu, 7 Nov 2024 11:56:16 -0500
Subject: [PATCH 1/4] Add in AFD link when there is no weather story

---
 .../templates/layout/page--point.html.twig    | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/web/themes/new_weather_theme/templates/layout/page--point.html.twig b/web/themes/new_weather_theme/templates/layout/page--point.html.twig
index effec63ff..5b66d8d08 100644
--- a/web/themes/new_weather_theme/templates/layout/page--point.html.twig
+++ b/web/themes/new_weather_theme/templates/layout/page--point.html.twig
@@ -80,7 +80,27 @@
               </div>
             </div>
           </div>
+          {% if  drupal_block("weathergov_weather_story_image", { wfo: point.grid.wfo }).content | length > 0  %}
           {{ drupal_block("weathergov_weather_story_image", { wfo: point.grid.wfo }) }}
+          {% else %}
+          <div class="grid-container margin-top-4">
+            <div class="grid-row bg-accent-cool-lightest border-1px border-base-light desktop:padding-x-4 padding-x-2">
+              <div class="display-flex flex-align-center padding-y-105">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+                  <rect width="24" height="24" fill="transparent"/>
+                  <path d="M6 5H18V6H6V5Z" fill="#0085CA"/>
+                  <path d="M6 10H18V11H6V10Z" fill="#0085CA"/>
+                  <path d="M18 15H6V16H18V15Z" fill="#0085CA"/>
+                  <path d="M6 12H16V13H6V12Z" fill="#0085CA"/>
+                  <path d="M16 17H6V18H16V17Z" fill="#0085CA"/>
+                  <path d="M6 7H16V8H6V7Z" fill="#0085CA"/>
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4 2H20V22H4V2ZM5 3H19V21H5V3Z" fill="#0085CA"/>
+                </svg>
+                <a class="usa-link margin-left-1" href="/afd/{{ point.grid.wfo | normalize_wfo }}">Area Forecast Discussion</a>
+              </div>
+            </div>
+          </div>
+          {% endif %}
           <div class="grid-container tablet:padding-x-2 desktop:padding-x-4 padding-x-0">
             <div class="grid-row desktop__wx-grid-gap-lg">
               <div class="desktop:grid-col-6 wx-radar-wrapper">

From e43102dfcb28407d0c8eb7aecade1b3136358163 Mon Sep 17 00:00:00 2001
From: partly-igor <igor.korenfeld@noaa.gov>
Date: Thu, 7 Nov 2024 12:29:24 -0500
Subject: [PATCH 2/4] Adjust standalone afd padding to match other elements

---
 .../new_weather_theme/templates/layout/page--point.html.twig    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/themes/new_weather_theme/templates/layout/page--point.html.twig b/web/themes/new_weather_theme/templates/layout/page--point.html.twig
index 5b66d8d08..31b636f9a 100644
--- a/web/themes/new_weather_theme/templates/layout/page--point.html.twig
+++ b/web/themes/new_weather_theme/templates/layout/page--point.html.twig
@@ -83,7 +83,7 @@
           {% if  drupal_block("weathergov_weather_story_image", { wfo: point.grid.wfo }).content | length > 0  %}
           {{ drupal_block("weathergov_weather_story_image", { wfo: point.grid.wfo }) }}
           {% else %}
-          <div class="grid-container margin-top-4">
+          <div class="grid-container margin-top-4 padding-x-0 tablet:padding-x-2 desktop:padding-x-4">
             <div class="grid-row bg-accent-cool-lightest border-1px border-base-light desktop:padding-x-4 padding-x-2">
               <div class="display-flex flex-align-center padding-y-105">
                 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">

From ea913c8b4de02efc608c90ae32cfb6c7a82b7b51 Mon Sep 17 00:00:00 2001
From: partly-igor <150970973+partly-igor@users.noreply.github.com>
Date: Thu, 7 Nov 2024 13:03:24 -0500
Subject: [PATCH 3/4] Update
 web/themes/new_weather_theme/templates/layout/page--point.html.twig

Co-authored-by: Eric Gade <105373963+eric-gade@users.noreply.github.com>
---
 .../new_weather_theme/templates/layout/page--point.html.twig | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/themes/new_weather_theme/templates/layout/page--point.html.twig b/web/themes/new_weather_theme/templates/layout/page--point.html.twig
index 31b636f9a..d950abfb6 100644
--- a/web/themes/new_weather_theme/templates/layout/page--point.html.twig
+++ b/web/themes/new_weather_theme/templates/layout/page--point.html.twig
@@ -80,8 +80,9 @@
               </div>
             </div>
           </div>
-          {% if  drupal_block("weathergov_weather_story_image", { wfo: point.grid.wfo }).content | length > 0  %}
-          {{ drupal_block("weathergov_weather_story_image", { wfo: point.grid.wfo }) }}
+          {% set weather_story =  drupal_block("weathergov_weather_story_image", { wfo: point.grid.wfo }) %}
+          {% if  weather_story.content | length > 0  %}
+          {{ weather_story }}
           {% else %}
           <div class="grid-container margin-top-4 padding-x-0 tablet:padding-x-2 desktop:padding-x-4">
             <div class="grid-row bg-accent-cool-lightest border-1px border-base-light desktop:padding-x-4 padding-x-2">

From dde099bdd839e7d744476049a9b76a4984a80ecf Mon Sep 17 00:00:00 2001
From: partly-igor <igor.korenfeld@noaa.gov>
Date: Thu, 7 Nov 2024 13:08:10 -0500
Subject: [PATCH 4/4] Remove unnecessary padding on desktop

---
 .../new_weather_theme/templates/layout/page--point.html.twig    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/themes/new_weather_theme/templates/layout/page--point.html.twig b/web/themes/new_weather_theme/templates/layout/page--point.html.twig
index d950abfb6..c5be25777 100644
--- a/web/themes/new_weather_theme/templates/layout/page--point.html.twig
+++ b/web/themes/new_weather_theme/templates/layout/page--point.html.twig
@@ -85,7 +85,7 @@
           {{ weather_story }}
           {% else %}
           <div class="grid-container margin-top-4 padding-x-0 tablet:padding-x-2 desktop:padding-x-4">
-            <div class="grid-row bg-accent-cool-lightest border-1px border-base-light desktop:padding-x-4 padding-x-2">
+            <div class="grid-row bg-accent-cool-lightest border-1px border-base-light padding-x-2">
               <div class="display-flex flex-align-center padding-y-105">
                 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                   <rect width="24" height="24" fill="transparent"/>