fix: use new github action

Author: nirgn975

.github/workflows/continuous-deployment.yml

@@ -64,12 +64,15 @@ jobs:
         uses: actions/checkout@v3
 
       - name: Publish
-        uses: netlify/actions/build@master
+        uses: nwtgck/actions-netlify@v1.2
+        with:
+          publish-dir: "./dist"
+          production-branch: main
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          deploy-message: "Deploy from GitHub Actions"
         env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
           NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
-          NETLIFY_CMD: npm run build
-          NETLIFY_DIR: dist
 
   build-index:
     needs: deploy

src/components/Header.astro

@@ -12,7 +12,7 @@
 
     <a href="/contact" class="text-base font-medium text-zinc-600 hover:text-zinc-900 dark:text-zinc-400 hover:dark:text-zinc-300">Contact</a>
 
-    <button id="theme-button" onclick="handleClick()"></button>
+    <button id="theme-button" onclick="handleClick()" aria-label="change theme color"></button>
   </div>
 
   <script is:inline>

src/pages/index.astro

@@ -21,12 +21,12 @@ const posts = (await Astro.glob("./**/*.{md,mdx}"))
       {
         posts.map((post) => (
           <div class="flex flex-col bg-zinc-200 dark:bg-zinc-700 rounded-sm">
-            <a href={post.url} class="flex-1">
+            <a href={post.url} class="flex-1" aria-label="Title goes to post">
               <h3 class="p-2 text-xl">{post.frontmatter.title}</h3>
             </a>
 
-            <a href={post.url}>
-              <img src={post.frontmatter.featuredImage} class="object-cover my-2 w-full h-60" />
+            <a href={post.url} aria-label="hero image goes to post">
+              <img src={post.frontmatter.featuredImage} class="object-cover my-2 w-full h-60" alt={`${post.frontmatter.title} post hero image`} />
             </a>
 
             <p class="line-clamp-3 m-2">
@@ -49,7 +49,11 @@ const posts = (await Astro.glob("./**/*.{md,mdx}"))
               </span>
 
               <span class="ml-1 text-sm flex self-end">
-                <a href={`/categories/${post.frontmatter.category}`} class="ml-1 hover:text-zinc-700 dark:hover:text-zinc-400">
+                <a
+                  href={`/categories/${post.frontmatter.category}`}
+                  class="ml-1 hover:text-zinc-700 dark:hover:text-zinc-400"
+                  aria-label={`go to ${post.frontmatter.category} category`}
+                >
                   <i class="fa-regular fa-folder" />
                   {post.frontmatter.category}
                 </a>