github pages ci/cd

ArielFalcon · Jan 8, 2025 · 7be5f65 · 7be5f65
1 parent 7dc0276
commit 7be5f65
Show file tree

Hide file tree

Showing 5 changed files with 69 additions and 3 deletions.
diff --git a/.github/workflows/astro-build.yml b/.github/workflows/astro-build.yml
@@ -0,0 +1,46 @@
+name: Deploy Astro to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main # Cambia "main" si tu rama principal tiene otro nombre
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      # 1. Configurar el repositorio
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      # 2. Configurar Node.js y pnpm
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18 # Usa la versión de Node.js que prefieras
+          cache: 'pnpm' # Cambia 'npm' por 'pnpm'
+
+      # 3. Instalar pnpm
+      - name: Install pnpm
+        run: npm install -g pnpm
+
+      # 4. Instalar dependencias usando pnpm
+      - name: Install dependencies
+        run: pnpm install
+
+      # 3. Instalar dependencias
+      - name: Install dependencies
+        run: npm install
+
+      # 4. Compilar el proyecto Astro
+      - name: Build Astro
+        run: npm run build
+
+      # 5. Deploy en GitHub Pages
+      - name: Deploy to GitHub Pages
+        uses: actions/deploy-pages@v1
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -27,5 +27,7 @@ export default defineConfig({
     })
   ],
   output: "hybrid",
-  adapter: vercel()
+  adapter: vercel(),
+  outDir: "./docs",
+  site: "https://arielfalcon.me",
 });
diff --git a/src/components/neovim/Button.astro b/src/components/neovim/Button.astro
@@ -3,8 +3,8 @@ import { Icon } from 'astro-icon/components';
 ---
 
 <div class="print:hidden">
-	<a href="/neovim" class="group transition-all duration-300 delay-75 hover:bg-nvim-green/50 cursor-default bg-transparent border-nvim-green/60 text-skin-hue flex place-content-center items-center gap-4 border-solid border px-3 py-2 backdrop-blur-sm/60 md:max-w-max hover:px-8 hover:py-0.5">
+	<a href="/neovim" class="group transition-all duration-300 delay-75 hover:bg-nvim-green/50 cursor-default border-nvim-green/60 text-skin-hue flex place-content-center items-center gap-4 border-solid border px-3 py-2 backdrop-blur-sm/60 md:max-w-max hover:px-8 hover:py-0.5">
 		<Icon name="simple-icons:neovim" width={28} height={28} color={'#87d787'} class='group-hover:text-nvim-blue group-hover:brightness-150 transition-all duration-300 group-hover:scale-75'></Icon>
-		<span class="font-bold text-lg text-nvim-blue font-mono group-hover:brightness-150 transition-all duration-300">Neovim Mode</span>
+		<span class="font-bold text-lg text-skin-nvim font-mono group-hover:brightness-150 transition-all duration-300 text-nvim-green">Neovim Mode</span>
 	</a>
 </div>
diff --git a/src/globals.css b/src/globals.css
@@ -13,6 +13,8 @@
     --color-button-accent: 249, 115, 22;
     --color-button-accent-hover: 55, 55, 55;
     --color-button-muted: 244, 239, 238;
+    --color-nvim-green: 0, 150, 0;
+    --color-nvim-blue: 59, 130, 246;
 
     [data-theme="blue"] {
       --color-text-base: 15, 23, 42;
@@ -24,6 +26,8 @@
       --color-button-accent: 59, 130, 246;
       --color-button-accent-hover: 0, 185, 255;
       --color-button-muted: 226, 232, 240;
+      --color-nvim-blue: 59, 130, 246;
+      --color-nvim-green: 0, 150, 0;
     }
 
     [data-theme="red"] {
@@ -36,6 +40,8 @@
       --color-button-accent: 239, 68, 68;
       --color-button-accent-hover: 220, 50, 70;
       --color-button-muted: 245, 245, 245;
+      --color-nvim-blue: 59, 130, 246;
+      --color-nvim-green: 0, 150, 0;
     }
 
     [data-theme="green"] {
@@ -48,6 +54,7 @@
       --color-button-accent: 101, 163, 13;
       --color-button-accent-hover: 120, 220, 120;
       --color-button-muted: 211, 235, 173;
+      --color-nvim-green: 0, 150, 0;
     }
 
     [data-theme="cyber"] {
@@ -60,6 +67,7 @@
       --color-button-accent: 235, 21, 43;
       --color-button-accent-hover: 0, 185, 255;
       --color-button-muted: 249, 239, 6;
+      --color-nvim-green: 0, 150, 200;
     }
   }
 
@@ -73,6 +81,7 @@
     --color-button-accent: 227, 77, 10;
     --color-button-accent-hover: 231, 121, 43;
     --color-button-muted: 26, 26, 26;
+    --color-nvim-green: 0, 255, 0;
 
     [data-theme="blue"] {
       --color-text-base: 248, 250, 252;
@@ -84,6 +93,7 @@
       --color-button-accent: 59, 130, 246;
       --color-button-accent-hover: 0, 185, 255;
       --color-button-muted: 30, 41, 59;
+      --color-nvim-green: 0, 255, 0;
     }
 
     [data-theme="red"] {

diff --git a/tailwind.config.cjs b/tailwind.config.cjs
@@ -24,13 +24,21 @@ module.exports = {
           hue: withOpacity("--color"),
           muted: withOpacity("--muted"),
         },
+        nvim: {
+          blue: withOpacity("--color-nvim-blue"),
+          green: withOpacity("--color-nvim-green"),
+        }
       },
       textColor: {
         skin: {
           base: withOpacity("--color-text-base"),
           muted: withOpacity("--color-text-muted"),
           inverted: withOpacity("--color-text-inverted"),
         },
+        nvim: {
+          green: withOpacity("--color-nvim-green"),
+          blue: withOpacity("--color-nvim-blue"),
+        }
       },
       backgroundColor: {
         skin: {