From e5c7b5c6ba3ed4a7b689611e49ba0e57824daa07 Mon Sep 17 00:00:00 2001
From: Garry Ing <garry@chainguard.dev>
Date: Wed, 5 Jun 2024 12:39:31 -0400
Subject: [PATCH] formatting

---
 assignments/news-feed-template/index.html    | 94 ++++++++++----------
 assignments/weather-feed-template/index.html | 62 ++++++-------
 2 files changed, 76 insertions(+), 80 deletions(-)
diff --git a/assignments/news-feed-template/index.html b/assignments/news-feed-template/index.html
index 969e072..e6b0a00 100644
--- a/assignments/news-feed-template/index.html
+++ b/assignments/news-feed-template/index.html
@@ -1,47 +1,49 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-
-<head>
-  <meta charset="utf-8">
-  <title>News Feed</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-
-  <link rel="stylesheet" href="styles/style.css">
-</head>
-
-<body>
-
-  <!-- Articles will be placed in this div as a visitor opens the page -->
-  <div class="articles-feed">
-  </div>
-
-  <template id="template">
-    <!-- Start of the template -->
-    <article class="article">
-      <div class="article-image">
-        <!-- Show and image if there is one. When there is no image show a placeholder image (images/placeholder.png) -->
-        <img src="${article.urlToImage ? article.urlToImage : 'images/placeholder.png'}" alt="">
-      </div>
-      <header>
-        <h1 class="article-title">${article.title}</h1>
-        <!-- Show the author if one is present. Otherwise, leave blank -->
-        <h2 class="article-author">${article.author ? article.author : '' }</h2>
-        <!-- Articles have a source object. Inside source there is a name key -->
-        <h3 class="article-source">${article.source.name}</h3>
-      </header>
-      <div class="content">
-        <p>${article.description}</p>
-      </div>
-      <!-- Use the article url as the href for a link at the bottom of the article block -->
-      <a href="${article.url}" target="_blank" class="article-link">Read more</a>
-    </article>
-    <!-- End of the template -->
-  </template>
-
-  <!-- jQuery is required to retrieve the articles -->
-  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-  <script src="js/main.js"></script>
-
-</body>
-
-</html>
\ No newline at end of file
+  <head>
+    <meta charset="utf-8" />
+    <title>News Feed</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    <link rel="stylesheet" href="styles/style.css" />
+  </head>
+
+  <body>
+    <!-- Articles will be placed in this div as a visitor opens the page -->
+    <div class="articles-feed"></div>
+
+    <template id="template">
+      <!-- Start of the template -->
+      <article class="article">
+        <div class="article-image">
+          <!-- Show and image if there is one. When there is no image show a placeholder image (images/placeholder.png) -->
+          <img
+            src="${article.urlToImage ? article.urlToImage : 'images/placeholder.png'}"
+            alt=""
+          />
+        </div>
+        <header>
+          <h1 class="article-title">${article.title}</h1>
+          <!-- Show the author if one is present. Otherwise, leave blank -->
+          <h2 class="article-author">
+            ${article.author ? article.author : '' }
+          </h2>
+          <!-- Articles have a source object. Inside source there is a name key -->
+          <h3 class="article-source">${article.source.name}</h3>
+        </header>
+        <div class="content">
+          <p>${article.description ? article.description : ''}</p>
+        </div>
+        <!-- Use the article url as the href for a link at the bottom of the article block -->
+        <a href="${article.url}" target="_blank" class="article-link"
+          >Read more</a
+        >
+      </article>
+      <!-- End of the template -->
+    </template>
+
+    <!-- jQuery is required to retrieve the articles -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script src="js/main.js"></script>
+  </body>
+</html>
diff --git a/assignments/weather-feed-template/index.html b/assignments/weather-feed-template/index.html
index a960c80..7e917f1 100644
--- a/assignments/weather-feed-template/index.html
+++ b/assignments/weather-feed-template/index.html
@@ -1,35 +1,29 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-
-<head>
-  <meta charset="utf-8">
-  <title>Current Weather</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-
-  <link rel="stylesheet" href="styles/style.css">
-</head>
-
-<body>
-
-  <!-- The weather display will be place in the div below -->
-  <div class="weather-display">
-  </div>
-
-  <template id="template">
-    <!-- Start of the template -->
-    <h1 class="weather-details">Weather in ${location.name} /
-    ${weather.description} /
-    ${current.temp}°C /
-    feels like ${current.feels_like}°C /
-    ${current.humidity}% humidity /
-    pressure ${current.pressure * 0.1} kPa</h1>
-    <!-- End of the template -->
-  </template>
-
-  <!-- jQuery is required to retrieve the weather data -->
-  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-  <script src="js/main.js"></script>
-
-</body>
-
-</html>
\ No newline at end of file
+  <head>
+    <meta charset="utf-8" />
+    <title>Current Weather</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    <link rel="stylesheet" href="styles/style.css" />
+  </head>
+
+  <body>
+    <!-- The weather display will be place in the div below -->
+    <div class="weather-display"></div>
+
+    <template id="template">
+      <!-- Start of the template -->
+      <h1 class="weather-details">
+        Weather in ${location.name} / ${weather.description} / ${current.temp}°C
+        / feels like ${current.feels_like}°C / ${current.humidity}% humidity /
+        pressure ${current.pressure * 0.1} kPa
+      </h1>
+      <!-- End of the template -->
+    </template>
+
+    <!-- jQuery is required to retrieve the weather data -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script src="js/main.js"></script>
+  </body>
+</html>
