Added the turtle to the intro screen

calebwharton · Jul 14, 2024 · 31cc5ac · 31cc5ac
1 parent c354da6
commit 31cc5ac
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/web/src/assets/Turtle-home.png b/web/src/assets/Turtle-home.png
diff --git a/web/src/components/Sidebar.tsx b/web/src/components/Sidebar.tsx
@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from "react";
 import "../styles/Sidebar.css";
 import axios from "axios";
+import turtle2 from "../assets/Turtle-home.png"
 
 interface SidebarProps {
     selectedMarker: string | null;
@@ -303,8 +304,11 @@ const Sidebar: React.FC<SidebarProps> = ({
                     </div>
                 )
             ) : (
-                <div className="flex h-full welcome-message flex-col">
-                    <div className="bg-primary px-6 py-12 my-auto rounded-xl">
+                <div className="flex h-full welcome-message flex-col items-center">
+                   <div className="centerbar-turtle flex justify-center ml-10 mt-10 mb-5">
+                        <img src={turtle2} alt="Turtle" className="self-center" />
+                    </div>
+                    <div className="bg-primary px-6 py-8 rounded-xl text-center">
                         <h2 className="font-title">Welcome to Restore</h2>
                         <p className="text-sm">Reduce, Reuse, Restore</p>
                         <p className="text-base mt-3">