Fix some problem and a little optimization

layouts/partials/header.html

@@ -3,15 +3,14 @@
 
 <link rel="stylesheet" href="{{ .Site.BaseURL }}/css/index.css" />
 <link rel="stylesheet" href="{{ .Site.BaseURL }}/css/navbar.css" />
-<link rel="stylesheet" href="{{ .Site.BaseURL }}/css/navbar.css" />
 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
 <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-<script src="https://use.fontawesome.com/releases/v5.14.0/js/all.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"></script>
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/konpa/devicon@master/devicon.min.css">
 
 <script type="text/javascript">
     window.addEventListener('scroll', ()=>{
         const nav = document.querySelector('nav')
         nav.classList.toggle('onscroll', window.scrollY > 0)
     })
-</script>
+</script>

layouts/partials/home.html

@@ -90,17 +90,18 @@
         {{ partial "home_title" (dict "title" "Projects") }}
       </div>
 
-      {{if $data.skills.list}}
+      {{if $data.project.list}}
       <div
         class="mt-8 grid grid-flow-row grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"
       >
         {{ range $data.project.list }}
         <div class="w-full rounded overflow-hidden shadow-lg">
           <a href="{{ .url }}" target="_blank">
             <img
-            class="w-full h-48"
+            class="h-48"
             src="{{ .image }}"
-            alt="Sunset in the mountains"
+			alt="Sunset in the mountains"
+			style="object-fit:cover;"
             />            
           </a>         
           <div class="px-6 py-4">