deploy test

.github/workflows/deploy.yml

@@ -0,0 +1,24 @@
+name: Update and rebuild on the server
+on:
+  push:
+    branches:
+      - master
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Setup SSH Agent
+        uses: webfactory/[email protected]
+        with:
+          ssh-private-key: ${{ secrets.HOST_SSH_KEY }}
+      - name: Deploy to webserver
+        run: |
+          ssh -o StrictHostKeyChecking=no ${{ secrets.HOST_USERNAME }}@${{ secrets.HOST_IP }} "
+            cd /home/website/crmn.to
+            git fetch && git reset --hard origin/master
+            npm install
+            npm run build
+            pm2 delete crmn.to
+            pm2 start ecosystem.config.cjs
+          "

ecosystem.config.cjs

@@ -1,7 +1,7 @@
 module.exports = {
   apps: [
     {
-      name: "NuxtAppName",
+      name: "crmn.to",
       port: "3000",
       exec_mode: "cluster",
       instances: "max",

pages/about.vue

@@ -111,7 +111,10 @@
         </a>
         themed around nuclear wasteland;
       </li>
-      <li>Created this website to test my web developer skills.</li>
+      <li>
+        Created this website to test my web developer skills (auto deployed
+        using Github Actions).
+      </li>
     </ul>
     <p class="text-2xl">Who knows what's next?</p>
   </div>

pages/index.vue

@@ -1,10 +1,22 @@
 <template>
   <div class="card w-64 bg-base-100/90 p-1 md:w-96">
-    <img v-if="hoveredLink == 'none'" src="/images/a_default.svg" />
-    <img v-if="hoveredLink == 'Home'" src="/images/a_smile.svg" />
-    <img v-if="hoveredLink == 'About'" src="/images/a_fun.svg" />
-    <img v-if="hoveredLink == 'CV'" src="/images/a_happy.svg" />
-    <img v-if="hoveredLink == 'Github'" src="/images/a_shock.svg" />
+    <img
+      v-if="hoveredLink == 'none'"
+      class="w-full"
+      src="/images/a_default.svg"
+    />
+    <img
+      v-if="hoveredLink == 'Home'"
+      class="w-full"
+      src="/images/a_smile.svg"
+    />
+    <img v-if="hoveredLink == 'About'" class="w-full" src="/images/a_fun.svg" />
+    <img v-if="hoveredLink == 'CV'" class="w-full" src="/images/a_happy.svg" />
+    <img
+      v-if="hoveredLink == 'Github'"
+      class="w-full"
+      src="/images/a_shock.svg"
+    />
     <div class="card-body">
       <p class="text-center text-3xl">Hello, world!</p>
       <p class="text-lg">