color scheme changed; added build file for GHPages

CaldeiraG · Feb 19, 2024 · e928d33 · e928d33
1 parent b4f4043
commit e928d33
Show file tree

Hide file tree

Showing 4 changed files with 102 additions and 9 deletions.
diff --git a/.github/workflows/nuxtjs.yml b/.github/workflows/nuxtjs.yml
@@ -0,0 +1,90 @@
+# Sample workflow for building and deploying a Nuxt site to GitHub Pages
+#
+# To get started with Nuxt see: https://nuxtjs.org/docs/get-started/installation
+#
+name: Deploy Nuxt site to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["nuxt3"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Detect package manager
+        id: detect-package-manager
+        run: |
+          if [ -f "${{ github.workspace }}/yarn.lock" ]; then
+            echo "manager=yarn" >> $GITHUB_OUTPUT
+            echo "command=install" >> $GITHUB_OUTPUT
+            exit 0
+          elif [ -f "${{ github.workspace }}/package.json" ]; then
+            echo "manager=npm" >> $GITHUB_OUTPUT
+            echo "command=ci" >> $GITHUB_OUTPUT
+            exit 0
+          else
+            echo "Unable to determine package manager"
+            exit 1
+          fi
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: ${{ steps.detect-package-manager.outputs.manager }}
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+        with:
+          # Automatically inject router.base in your Nuxt configuration file and set
+          # target to static (https://nuxtjs.org/docs/configuration-glossary/configuration-target/).
+          #
+          # You may remove this line if you want to manage the configuration yourself.
+          static_site_generator: nuxt
+      - name: Restore cache
+        uses: actions/cache@v4
+        with:
+          path: |
+            dist
+            .nuxt
+          key: ${{ runner.os }}-nuxt-build-${{ hashFiles('dist') }}
+          restore-keys: |
+            ${{ runner.os }}-nuxt-build-
+      - name: Install dependencies
+        run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
+      - name: Static HTML export with Nuxt
+        run: ${{ steps.detect-package-manager.outputs.manager }} run generate
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./dist
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/components/ProfileButton.vue b/components/ProfileButton.vue
@@ -1,23 +1,26 @@
 <script setup lang="ts">
 import { Button } from '@/components/ui/button'
-import { Mail, Github, Instagram, Twitter } from 'lucide-vue-next'
+import { Mail, Github, Instagram, Twitter, Twitch } from 'lucide-vue-next'
 </script>
 
 <template>
   <div class="container mx-auto">
     <div class="grid grid-cols-1 gap-4 justify-center items-center pt-2">
-      <Button variant="default" class="bg-custom text-xl">
+      <Button variant="default" class="bg-custom text-lg">
         <Mail class="w-4 h-4 mr-2" /> Shoot me an email!
       </Button>
-      <Button variant="default" class="bg-custom text-xl">
+      <Button variant="default" class="bg-custom text-lg">
         <github class="w-4 h-4 mr-2" /> GitHub
       </Button>
-      <Button variant="default" class="bg-custom text-xl">
+      <Button variant="default" class="bg-custom text-lg">
         <instagram class="w-4 h-4 mr-2" /> Instagram
       </Button>
-      <Button variant="default" class="bg-custom text-xl">
+      <Button variant="default" class="bg-custom text-lg">
         <twitter class="w-4 h-4 mr-2" /> Twitter
       </Button>
+      <Button variant="default" class="bg-custom text-lg">
+        <twitch class="w-4 h-4 mr-2" /> Twitch
+      </Button>
     </div>
   </div>
 </template>
@@ -32,7 +35,7 @@ import { Mail, Github, Instagram, Twitter } from 'lucide-vue-next'
 
 .dark-mode .bg-custom {
   border-radius: 0.5em;
-  background-color: hsl(	215.4, 16.3%, 46.9%);
+  background-color: hsl(217.2 32.6% 17.5%);
   color: #e5e7eb;
 }
 

diff --git a/components/ProfileImage.vue b/components/ProfileImage.vue
@@ -6,7 +6,7 @@ import { Avatar, AvatarFallback, AvatarImage } from '~/components/ui/avatar'
 <template>
   <div class="flex md:flex-grow flex-grow justify-center items-center">
     <Avatar class="w-60 h-60">
-      <AvatarImage src="https://cdn.onlytunes.uk/static/mops/logoTransparent.png" alt="CaldeiraG avatar" />
+      <AvatarImage src="https://cdn.caldeirag.xyz/assets/profile.png" alt="CaldeiraG avatar" />
       <AvatarFallback>CG</AvatarFallback>
     </Avatar>
 

diff --git a/pages/index.vue b/pages/index.vue
@@ -42,8 +42,8 @@ body {
   color: rgba(0,0,0,0.8);
 }
 .dark-mode body {
-  background-color: #091a28;
-  color: #ebf4f1;
+  background-color: hsl(222.2 84% 4.9%);
+  color: hsl(210 40% 98%);
 }
 
 </style>