51 change icons to logo and mocked avatars to avatar (#53)

* add logo to navbars

* add logo to sidebar

* add avatar to team

src/examples/navbar/centeredLogo.html

@@ -4,7 +4,7 @@
     <div class="w-full flex justify-between md:hidden">
         <!-- Logo -->
         <a class="btn btn-ghost text-lg">
-            <i class="fa-solid fa-gamepad text-primary"></i>
+            <img alt="Logo" src="/logo.svg" class="w-4" />
             Game Name
         </a>
 
@@ -38,10 +38,12 @@
         <!-- Centered logo -->
         <div class="flex justify-center">
             <a class="btn btn-ghost text-lg">
-                <i class="fa-solid fa-gamepad text-primary"></i>
+                <img alt="Logo" src="/logo.svg" class="w-4" />
                 Game Name
             </a>
         </div>
+        <!-- Logo -->
+
 
         <!-- Right menu -->
         <ul class="col-span-2 menu md:menu-horizontal justify-start gap-4 hidden">

src/examples/navbar/centeredLogoAndMenu.html

@@ -1,6 +1,6 @@
 <nav class="navbar justify-center bg-base-300">
     <a class="btn btn-ghost text-lg">
-        <i class="fa-solid fa-store text-primary"></i>
+        <img alt="Logo" src="/logo.svg" class="w-4" />
         Store Name
     </a>
 </nav>

src/examples/navbar/simple.html

@@ -2,7 +2,7 @@
 <nav class="navbar justify-between bg-base-300">
     <!-- Logo -->
     <a class="btn btn-ghost text-lg">
-        <i class="fa-solid fa-landmark text-primary"></i>
+        <img alt="Logo" src="/logo.svg" class="w-4" />
         Company 
     </a>
 

src/examples/navbar/simpleWithDropdown.html

@@ -2,7 +2,7 @@
 <nav class="navbar justify-between bg-base-300">
     <!-- Logo -->
     <a class="btn btn-ghost text-lg">
-        <i class="fa-solid text-primary fa-earth-americas"></i>
+        <img alt="Logo" src="/logo.svg" class="w-4" />
         App Name 
     </a>
 

src/examples/sidebar/avatar.html

@@ -9,7 +9,7 @@
 
     <h2 class="font-bold text-lg">User name</h2>
 
-    <span class="text-sm">[email protected]</span>
+    <span class="text-sm text-accent">[email protected]</span>
 
     <ul class="menu menu-lg w-full">
         <li>

src/examples/sidebar/menuAndSearch.html

@@ -4,7 +4,7 @@
         <div class="flex justify-between p-2">
             <!-- Logo -->
             <a class="btn btn-ghost text-lg">
-                <i class="fa-solid fa-earth-americas text-primary"></i>
+                <img alt="Logo" src="/logo.svg" class="w-4" />
                 App Name
             </a>
 

src/examples/team/squaredImageWithSocials.html

@@ -1,16 +1,12 @@
 <div class="flex flex-col items-center gap-8">
     <h1 class="font-bold text-3xl self-center">Meet the crew</h1>
 
-    <span class="self-center">Creative people</span>
-
     <!-- Team -->
     <div class="grid grid-cols-1 sm:grid-cols-3 gap-20">
         <!-- Member -->
         <div class="flex gap-4">
             <!-- Photo -->
-            <div class="flex justify-center items-center bg-base-300 rounded-box p-4">
-                <i class="fa-solid fa-user-tie text-6xl"></i>
-            </div>
+            <img alt="Logo" src="/images/avatar.png" class="rounded-full w-24" /> 
 
             <div class="flex flex-col gap-2">
                 <!-- Name -->
@@ -20,7 +16,7 @@ <h3 class="font-bold">David Forren</h3>
                 <span class="text-sm">Founder / CEO</span>
 
                 <!-- Socials -->
-                <div class="flex text-secondary">
+                <div class="flex text-accent text-xs">
                     <a class="btn btn-ghost btn-sm btn-circle">
                         <i class="fa-brands fa-github text-lg"></i>
                     </a>
@@ -39,9 +35,7 @@ <h3 class="font-bold">David Forren</h3>
         <!-- Member -->
         <div class="flex gap-4">
             <!-- Photo -->
-            <div class="flex justify-center items-center bg-base-300 rounded-box p-4">
-                <i class="fa-solid fa-user-tie text-6xl"></i>
-            </div>
+            <img alt="Logo" src="/images/avatar.png" class="rounded-full w-24" /> 
 
             <div class="flex flex-col gap-2">
                 <!-- Name -->
@@ -51,7 +45,7 @@ <h3 class="font-bold">Amil Evara</h3>
                 <span class="text-sm">UI/UX Designer</span>
 
                 <!-- Socials -->
-                <div class="flex text-secondary">
+                <div class="flex text-accent text-xs">
                     <a class="btn btn-ghost btn-sm btn-circle">
                         <i class="fa-brands fa-github text-lg"></i>
                     </a>
@@ -70,9 +64,7 @@ <h3 class="font-bold">Amil Evara</h3>
         <!-- Member -->
         <div class="flex gap-4">
             <!-- Photo -->
-            <div class="flex justify-center items-center bg-base-300 rounded-box p-4">
-                <i class="fa-solid fa-user-tie text-6xl"></i>
-            </div>
+            <img alt="Logo" src="/images/avatar.png" class="rounded-full w-24" /> 
 
             <div class="flex flex-col gap-2">
                 <!-- Name -->
@@ -82,7 +74,7 @@ <h3 class="font-bold">Ebele Egbuna</h3>
                 <span class="text-sm">Support consultant</span>
 
                 <!-- Socials -->
-                <div class="flex text-secondary">
+                <div class="flex text-accent text-xs">
                     <a class="btn btn-ghost btn-sm btn-circle">
                         <i class="fa-brands fa-github text-lg"></i>
                     </a>
@@ -101,9 +93,7 @@ <h3 class="font-bold">Ebele Egbuna</h3>
         <!-- Member -->
         <div class="flex gap-4">
             <!-- Photo -->
-            <div class="flex justify-center items-center bg-base-300 rounded-box p-4">
-                <i class="fa-solid fa-user-tie text-6xl"></i>
-            </div>
+            <img alt="Logo" src="/images/avatar.png" class="rounded-full w-24" /> 
 
             <div class="flex flex-col gap-2">
                 <!-- Name -->
@@ -113,7 +103,7 @@ <h3 class="font-bold">Maria Powers</h3>
                 <span class="text-sm">Director of sales</span>
 
                 <!-- Socials -->
-                <div class="flex text-secondary">
+                <div class="flex text-accent text-xs">
                     <a class="btn btn-ghost btn-sm btn-circle">
                         <i class="fa-brands fa-github text-lg"></i>
                     </a>
@@ -132,9 +122,7 @@ <h3 class="font-bold">Maria Powers</h3>
         <!-- Member -->
         <div class="flex gap-4">
             <!-- Photo -->
-            <div class="flex justify-center items-center bg-base-300 rounded-box p-4">
-                <i class="fa-solid fa-user-tie text-6xl"></i>
-            </div>
+            <img alt="Logo" src="/images/avatar.png" class="rounded-full w-24" /> 
 
             <div class="flex flex-col gap-2">
                 <!-- Name -->
@@ -144,7 +132,7 @@ <h3 class="font-bold">Delia Pawelke</h3>
                 <span class="text-sm">Front-end developer</span>
 
                 <!-- Socials -->
-                <div class="flex text-secondary">
+                <div class="flex text-accent text-xs">
                     <a class="btn btn-ghost btn-sm btn-circle">
                         <i class="fa-brands fa-github text-lg"></i>
                     </a>
@@ -163,9 +151,7 @@ <h3 class="font-bold">Delia Pawelke</h3>
         <!-- Member -->
         <div class="flex gap-4">
             <!-- Photo -->
-            <div class="flex justify-center items-center bg-base-300 rounded-box p-4">
-                <i class="fa-solid fa-user-tie text-6xl"></i>
-            </div>
+            <img alt="Logo" src="/images/avatar.png" class="rounded-full w-24" /> 
 
             <div class="flex flex-col gap-2">
                 <!-- Name -->
@@ -175,7 +161,7 @@ <h3 class="font-bold">Tom Lowry</h3>
                 <span class="text-sm">UI/UX Designer</span>
 
                 <!-- Socials -->
-                <div class="flex text-secondary">
+                <div class="flex text-accent text-xs">
                     <a class="btn btn-ghost btn-sm btn-circle">
                         <i class="fa-brands fa-github text-lg"></i>
                     </a>