Improve breadcrumb styles and fix urls

assets/css/partials/breadcrumb.css

@@ -12,6 +12,7 @@
 
 .breadcrumb li:not(:last-child)::after {
   content: '›';
+  margin: 0rem .5rem;
 }
 
 .breadcrumb a {

layouts/index.html

@@ -11,8 +11,8 @@
             <h1>Hi! I am <span>Hazem</span>, a sofware engineer currently working at <a href="https://finteum.com" target="_blank">Finteum</a></h1>
             <p>I have over two years of experience mainly working on web and cross platform mobile applications in E-Commerce, Fintech, Auditing and Compliance. My role was mainly working on the front-end.</p>
             <div id="action-buttons">
-                <a href="/blog">Blog</a>
-                <a href="/contact">Contact</a>
+                <a href="{{ urls.JoinPath .Site.BaseURL "blog" }}">Blog</a>
+                <a href="{{ urls.JoinPath .Site.BaseURL "contact" }}">Contact</a>
             </div>
         </div>
         <img src="{{ $faceImage.Permalink }}" alt="Hazem Krimi's face">
@@ -27,7 +27,7 @@
     <section id="projects">
         <div>
             <h2>Projects</h2>
-            <a class="read-more" href="/projects">
+            <a class="read-more" href="{{ urls.JoinPath .Site.BaseURL "projects" }}">
                 View more
             </a>
         </div>
@@ -42,7 +42,7 @@
     <section id="blog">
         <div>
             <h2>Blog</h2>
-            <a class="read-more" href="/blog">
+            <a class="read-more" href="{{ urls.JoinPath .Site.BaseURL "blog" }}">
                 View more
             </a>
         </div>

layouts/partials/about-card.html

@@ -20,7 +20,7 @@
       <a href="{{ $cv.Permalink }}" target="_blank">
         Download CV
       </a>
-      <a class="read-more" href="/about">
+      <a class="read-more" href="{{ urls.JoinPath .Site.BaseURL "about" }}">
         Read more
       </a>
     </div>