updating readme, footer and avatar img

README.md

@@ -68,6 +68,15 @@ npm run dev
 #### Layout Components
 
 The `BaseHead`, `Footer`, `Header` and `SideBar` components are already included in the layout sistem. To change the website content you can edit the content of this componenets.
+
+##### SideBar
+
+In the Sidebar you can change the links to all your website pages. 
+
+You can change your avatar shape using [mask classes](https://daisyui.com/components/mask/).
+
+The used social-icons are SVG form [BoxIcons](https://boxicons.com/) pack.
+
 #### TimeLine
 
 The timeline components are used to conform the CV.

src/components/Footer.astro

@@ -8,7 +8,7 @@ const today = new Date();
   </div>
   <div class="inline opacity-50">
     <!-- Thanks for using this template. Please keep this line to support my work :) -->
-    <a href="https://github.com/manuelernestog/astro-personal-website" target="_blank" class="font-bold">Template</a> developed by
+    <a href="https://github.com/manuelernestog/astro-modern-personal-website" target="_blank" class="font-bold">Website</a> developed by
     <a href="https://manuelernestog.github.io/website" target="_blank" class="font-bold">Manuel Ernesto ⚡️</a>
   </div>
 </footer>

src/components/SideBar.astro

@@ -4,8 +4,8 @@
     <div class="w-fit">
       <a href="/">
         <div class="avatar transition ease-in-out w-1/2 hover:scale-[102%] block m-auto mt-3 mb-6">
-          <div class="rounded-full">
-            <img src="/profile.jpg" />
+          <div>
+            <img class="mask mask-circle" src="/profile.jpg" />
           </div>
         </div>
       </a>