From bc527f40200182142cf563de697b5c926962fffe Mon Sep 17 00:00:00 2001
From: Leyan Lo <leyanlo@gmail.com>
Date: Thu, 3 Mar 2022 14:41:31 -0800
Subject: [PATCH 1/2] [examples] Use more semantic footer element

Use more semantic footer element for example blog footer. Also remove unused styles. No visual changes.
---
 examples/blog/theme.config.js | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/examples/blog/theme.config.js b/examples/blog/theme.config.js
index fb56fe005f6d..cd78c1fd43f4 100644
--- a/examples/blog/theme.config.js
+++ b/examples/blog/theme.config.js
@@ -2,20 +2,19 @@ const YEAR = new Date().getFullYear()
 
 export default {
   footer: (
-    <small style={{ display: 'block', marginTop: '8rem' }}>
-      <time>{YEAR}</time> © Your Name.
-      <a href="/feed.xml">RSS</a>
+    <footer>
+      <small>
+        <time>{YEAR}</time> © Your Name.
+        <a href="/feed.xml">RSS</a>
+      </small>
       <style jsx>{`
+        footer {
+          margin-top: 8rem
+        }
         a {
           float: right;
         }
-        @media screen and (max-width: 480px) {
-          article {
-            padding-top: 2rem;
-            padding-bottom: 4rem;
-          }
-        }
       `}</style>
-    </small>
+    </footer>
   )
 }

From 4d51027a0f71ad749e3adef23d1a98b420ae75ac Mon Sep 17 00:00:00 2001
From: JJ Kasper <jj@jjsweb.site>
Date: Tue, 8 Mar 2022 12:36:51 -0600
Subject: [PATCH 2/2] lint-fix

---
 examples/blog/theme.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/blog/theme.config.js b/examples/blog/theme.config.js
index cd78c1fd43f4..993a7b2d7f42 100644
--- a/examples/blog/theme.config.js
+++ b/examples/blog/theme.config.js
@@ -9,7 +9,7 @@ export default {
       </small>
       <style jsx>{`
         footer {
-          margin-top: 8rem
+          margin-top: 8rem;
         }
         a {
           float: right;