Removing extraneous markup

weather-gov · Jan 23, 2024 · 17e0308 · 17e0308
1 parent f6e8e60
commit 17e0308
Showing 1 changed file with 14 additions and 18 deletions.
diff --git a/web/themes/new_weather_theme/templates/block/block--weathergov-hourly-forecast.html.twig b/web/themes/new_weather_theme/templates/block/block--weathergov-hourly-forecast.html.twig
@@ -1,29 +1,25 @@
 <div class="hourly-forecast-block tablet:grid-col-12 desktop:grid-col-6">
   <h2>Hourly forecast</h2>
-  {# Forecast:  hour, icon, condition desc (short), change of precip, temp degree, temp scale #}
   <ol class="grid-row flex-column minh-card usa-list--unstyled">
-
     {% for hour in content.hours %}
       <li class="tablet:grid-col margin-bottom-3">
-        <div class="">
-          <time class="display-block text-uppercase text-bold font-heading-md" datetime="{{hour.timestamp}}">{{ hour.time }}</time>
-          <div class="display-flex flex-row flex-align-center flex-justify margin-bottom-2">
-            <div class="position-relative width-5 height-5">
-              <svg role="img" aria-hidden="true" class="height-full width-full">
-                <use xlink:href="{{ "/" ~ directory ~ "/assets/images/spritesheet.svg#" ~ hour.iconBasename }}"></use>
-              </svg>
-            </div>
-            <div class="display-flex flex-row">
-              <span class="font-body-xl">{{ hour.temperature }}</span>
-              <span class="font-body-3xs margin-top-05">℉</span>
-              {# use HTML entity that reads "degree farenheit" to screen readers #}
-            </div>
+        <time class="display-block text-uppercase text-bold font-heading-md margin-bottom-1" datetime="{{hour.timestamp}}">{{ hour.time }}</time>
+        <div class="display-flex flex-row flex-align-center flex-justify margin-bottom-2">
+          <div class="width-5 height-5">
+            <svg role="img" aria-hidden="true" class="height-full width-full">
+              <use xlink:href="{{ "/" ~ directory ~ "/assets/images/spritesheet.svg#" ~ hour.iconBasename }}"></use>
+            </svg>
           </div>
-          <div class="">
-            <p class="margin-0 margin-bottom-1 conditions-narrative short">{{ hour.conditions | lower | capitalize }}</p>
-            <span class="font-body-3xs text-gray-50 conditions__chance">{{ hour.probabilityOfPrecipitation }}% {{"chance of precipitation" | t}}</span>
+          <div class="display-flex flex-row">
+            <span class="font-body-xl">{{ hour.temperature }}</span>
+            <span class="font-body-3xs margin-top-05">℉</span>
+            {# use HTML entity that reads "degree farenheit" to screen readers #}
           </div>
         </div>
+        <p class="margin-0 margin-bottom-1 conditions-narrative short">{{ hour.conditions | lower | capitalize }}</p>
+        <span class="font-body-3xs text-gray-50 conditions__chance">
+          {{ hour.probabilityOfPrecipitation }}% {{"chance of precipitation" | t}}
+        </span>
       </li>
     {% endfor %}
   </ol>