add bottom image

thedaviddias · Jun 10, 2023 · 01524b6 · 01524b6 · vercel · Jun 10, 2023
1 parent 306e6a6
commit 01524b6
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 5 deletions.
diff --git a/public/rss/feed.xml b/public/rss/feed.xml
@@ -4,7 +4,7 @@
         <title>The David Dias | Front-End Developer, podcaster &amp; content creator</title>
         <link>https://thedaviddias.dev</link>
         <description>Hey, I'm David Dias! Front-End Developer based in Toronto/Canada. I love talking about code, technology, expatriation and life.</description>
-        <lastBuildDate>Sat, 10 Jun 2023 17:47:04 GMT</lastBuildDate>
+        <lastBuildDate>Sat, 10 Jun 2023 18:41:32 GMT</lastBuildDate>
         <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
         <generator>https://github.com/jpmonette/feed</generator>
         <language>en</language>

diff --git a/public/rss/fr/feed.xml b/public/rss/fr/feed.xml
@@ -4,7 +4,7 @@
         <title>The David Dias | Développeur Front-End, podcasteur &amp; créateur de contenu</title>
         <link>https://thedaviddias.dev</link>
         <description>Salut toi! Je m'appele David Dias. Je suis développeur Front-End, podcasteur, créateur de contenu numérique passioné pour résoudre les problèmes digitaux et humains! J'aime rencontrer de nouvelles personnes, bâtir des communautées et parler de tech, d'expatriation et de web.</description>
-        <lastBuildDate>Sat, 10 Jun 2023 17:47:04 GMT</lastBuildDate>
+        <lastBuildDate>Sat, 10 Jun 2023 18:41:32 GMT</lastBuildDate>
         <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
         <generator>https://github.com/jpmonette/feed</generator>
         <language>fr</language>

diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
@@ -1,3 +1,4 @@
+import Image from 'next/image'
 import useTranslation from 'next-translate/useTranslation'
 import { useEffect, useState } from 'react'
 
@@ -70,9 +71,18 @@ export const Footer = () => {
   if (!mounted) return null
 
   return (
-    <div className="mt-auto">
+    <div className="mt-5 sm:mt-8">
+      <div className="h-36 max-w-5xl mx-auto relative">
+        <Image
+          className="object-cover max-w-xl mx-auto"
+          src="/images/david-dias-banner.png"
+          alt=""
+          aria-hidden="true"
+          fill
+        />
+      </div>
       <footer
-        className="main-footer bg-gray-50 dark:bg-black mt-5 sm:mt-8 transform"
+        className="main-footer bg-gray-50 dark:bg-black transform"
         aria-labelledby="footer-heading"
       >
         <h2 id="footer-heading" className="sr-only">

diff --git a/src/components/Search/Search.tsx b/src/components/Search/Search.tsx
@@ -9,7 +9,7 @@ export const Search: React.FC<SearchProps> = ({ setSearchValue }) => {
   const { t } = useTranslation('common')
 
   return (
-    <form className="relative w-full md:w-96">
+    <form className="relative w-full md:w-96" role="search">
       <fieldset>
         <legend>{t('articles.sections.search')}</legend>
         <input