Merge branch 'master' of https://github.com/angelip2303/angelip2303.g…

…ithub.io

.github/workflows/deploy.yml

@@ -0,0 +1,38 @@
+name: Deploy to GitHub Pages
+
+on:
+  # Trigger the workflow every time you push to the `master` branch
+  push:
+    branches: [master]
+  # Allows you to run this workflow manually from the Actions tab on GitHub.
+  workflow_dispatch:
+
+# Allow this job to clone the repo and create a page deployment
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout your repository using git
+        uses: actions/checkout@v3
+      - name: Install, build, and upload your site
+        uses: withastro/action@v0
+        # with:
+        # path: . # The root location of your Astro project inside the repository. (optional)
+        # node-version: 16 # The specific version of Node that should be used to build your site. Defaults to 16. (optional)
+        # package-manager: yarn # The Node package manager that should be used to install dependencies and build your site. Automatically detected based on your lockfile. (optional)
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v1

README.md

@@ -1,6 +1,6 @@
 # Welcome to [angelip2303.github.io](https://angelip2303.github.io)
 
-![basics](https://raw.githubusercontent.com/angelip2303/angelip2303.github.io/master/src/assets/images/site.webp)
+![basics](https://raw.githubusercontent.com/angelip2303/angelip2303.github.io/master/public/assets/images/site.webp)
 
 ## 📚 TL;DR
 

astro.config.mjs

@@ -5,5 +5,12 @@ import image from "@astrojs/image";
 
 export default defineConfig({
   site: "https://angelip2303.github.io/",
-  integrations: [tailwind(), image()],
+  integrations: [
+    tailwind({
+      config: {
+        applyBaseStyles: false,
+      },
+    }),
+    image(),
+  ],
 });

package.json

@@ -8,9 +8,7 @@
     "start": "astro dev",
     "build": "astro build",
     "preview": "astro preview",
-    "astro": "astro",
-    "predeploy": "npm run build",
-    "deploy": "gh-pages -d dist"
+    "astro": "astro"
   },
   "dependencies": {
     "@astrojs/image": "^0.13.0",

src/components/common/MetaTags.astro

@@ -1,12 +1,14 @@
 ---
+import "../../styles/global.css";
+
 const { title, description } = Astro.props;
 ---
 
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width" />
 <meta name="description" content={description} />
-<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 <meta name="generator" content={Astro.generator} />
+<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 <title>{title}</title>
 <!-- https://fonts.gstatic.com is the font file origin -->
 <!-- It may not have the same origin as the CSS file (https://fonts.googleapis.com) -->

src/layouts/BaseLayout.astro

@@ -1,8 +1,6 @@
 ---
 import { SITE } from "../config";
 
-import "../styles/main.css";
-
 import BasicScripts from "../components/common/BasicScripts.astro";
 import MetaTags from "../components/common/MetaTags.astro";
 

tailwind.config.cjs

@@ -3,7 +3,11 @@ const defaultTheme = require("tailwindcss/defaultTheme");
 
 module.exports = {
   darkMode: ["class"],
-  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,ts,tsx}"],
+  mode: "jit",
+  content: [
+    "./public/**/*.html",
+    "./src/**/*.{astro,html,js,jsx,md,mdx,ts,tsx}",
+  ],
   theme: {
     fontFamily: {
       sans: ["Barlow Condensed", ...defaultTheme.fontFamily.sans],