feat: make it black (#21)

* feat: black, verbiage nits * feat: button refinement, bumped packages * feat: reworked github action workflows * fix: updated wrangler.toml * fix: deploy as name instead of env * feat: changed rounding of buttons, test drive with new verbiage * refactor: daisy ui color assignments * feat: tweaked navbar, still need to debug * feat: finalized navbar * feat: polished home hero, added scroll indicators * feat: snappier navbar, shifted hero on mobile * feat: about section tweaks * refactor: migrated tailwinds base to prose content tags * feat: added prose components, .gitignore * feat: misc hero and about updates * feat: color tweaks, start of refinement on home experience section * fix: added dangling files * feat: rough draft of light mode if needed * feat: misc cleaning, summarize data updates * feat: projects grid and list refinement * feat: updated contact section * feat: project grid padding nit * nit: fractional logo centering
rak3rman · Jul 30, 2024 · 5cebd8b · 5cebd8b
1 parent 67857bd
commit 5cebd8b
Show file tree

Hide file tree

Showing 59 changed files with 4,794 additions and 1,803 deletions.
diff --git a/.github/workflows/cloudflare_deploy_stage.yml b/.github/workflows/cloudflare_deploy_stage.yml
diff --git a/.github/workflows/nuxt_integration.yml b/.github/workflows/nuxt_integration.yml
@@ -0,0 +1,57 @@
+name: Nuxt Integration
+
+on:
+  pull_request
+
+env:
+  CF_API_TOKEN: ${{ secrets.CF_API_TOKEN }}
+  DEPLOY_TAG: mark4-nuxt-stage-${{ github.event.number }}
+  DEPLOY_ROUTE: https://mark4-nuxt-stage-${{ github.event.number }}.radicalplatforms.workers.dev
+
+jobs:
+  cf_deploy_nuxt_prod:
+    name: Deploy Nuxt to Stage
+    runs-on: ubuntu-latest
+
+    environment:
+      name: nuxt-stage-${{ github.event.number }}
+      url: ${{ env.DEPLOY_ROUTE }}
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          cache: 'npm'
+          cache-dependency-path: '*/package-lock.json'
+
+      - name: Install Summarize Dependencies
+        run: npm ci
+        working-directory: nuxt/summarize
+
+      - name: Validate Summarize Data
+        run: npm run validate
+        working-directory: nuxt/summarize
+
+      - name: Install Nuxt Dependencies
+        run: npm ci
+        working-directory: nuxt
+
+      - name: Generate Summarize PDFs
+        run: npm run dev & sleep 15 && cd summarize && npm run compile
+        working-directory: nuxt
+
+      - name: Build Nuxt
+        run: npm run build
+        working-directory: nuxt
+        env:
+          NITRO_PRESET: cloudflare
+
+      - name: Publish Nuxt to Cloudflare Workers
+        uses: cloudflare/wrangler-action@v3
+        with:
+          apiToken: ${{ secrets.CF_API_TOKEN }}
+          command: deploy --name ${{ env.DEPLOY_TAG }}
+          workingDirectory: nuxt
diff --git a/.github/workflows/pr_smart_comments.yml b/.github/workflows/pr_smart_comments.yml
@@ -0,0 +1,23 @@
+name: PR Smart Comments
+
+on:
+    pull_request:
+        types: [opened, reopened]
+
+jobs:
+    write_smart_comments:
+        name: Write Smart Comments
+        runs-on: ubuntu-latest
+
+        steps:
+            - uses: thollander/actions-comment-pull-request@v2
+              with:
+                  message: |
+                     **Pull Request Smart Comments**
+                     *Assignee(s): Mark tasks as they are completed. Code Reviewer(s): Ensure all tasks are complete and follow best standards before approving.*
+                     - [ ] Assigned at least one (1+) experienced code reviewer and notified them requesting a review
+                     - [ ] Assigned all contributors as assignees
+                     - [ ] Assigned relevant labels that are a subset or related to the parent issue's labels
+                     - [ ] Checked that PR description contains a quick summary of work accomplished and uses issue [closing words](https://docs.github.com/en/issues/tracking-your-work-with-issues/linking-a-pull-request-to-an-issue#linking-a-pull-request-to-an-issue-using-a-keyword)
+                     - [ ] Checked that completed tasks in related issue(s) are marked accordingly
+                     - [ ] Checked that PR title is descriptive and follows [commit message semantics](https://gist.github.com/rak3rman/ddea632f1b006efff0ec613e55d59756)
diff --git a/...orkflows/cloudflare_deploy_production.yml → .github/workflows/production_deploy.yml b/...orkflows/cloudflare_deploy_production.yml → .github/workflows/production_deploy.yml
@@ -1,4 +1,4 @@
-name: cloudflare_deploy_production
+name: Nuxt Deploy Production
 
 on:
   push:
@@ -7,52 +7,51 @@ on:
   schedule: # Run every 1st of the month at 06:00 UTC, for summarize resume/cv pdf generation
     - cron: '0 6 1 * *'
 
-jobs:
-  nuxt:
-    runs-on: ${{ matrix.os }}
+env:
+  CF_API_TOKEN: ${{ secrets.CF_API_TOKEN }}
 
-    strategy:
-      matrix:
-        os: [ ubuntu-latest ]
-        node: [ 18 ]
+jobs:
+  cf_deploy_nuxt_prod:
+    name: Deploy Nuxt to Prod
+    runs-on: ubuntu-latest
 
-    env:
-      NUXT_DIR: nuxt
-      SUMMARIZE_DIR: nuxt/summarize
+    environment:
+      name: production
+      url: https://radison.io
 
     steps:
-      - uses: actions/setup-node@v4
-        with:
-          node-version: ${{ matrix.node }}
-
       - name: Checkout
         uses: actions/checkout@v4
 
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+
       - name: Install Summarize Dependencies
-        run: npm i
-        working-directory: ${{ env.SUMMARIZE_DIR }}
+        run: npm ci
+        working-directory: nuxt/summarize
 
       - name: Validate Summarize Data
         run: npm run validate
-        working-directory: ${{ env.SUMMARIZE_DIR }}
+        working-directory: nuxt/summarize
 
       - name: Install Nuxt Dependencies
-        run: npm i
-        working-directory: ${{ env.NUXT_DIR }}
+        run: npm ci
+        working-directory: nuxt
 
       - name: Generate Summarize PDFs
         run: npm run dev & sleep 15 && cd summarize && npm run compile
-        working-directory: ${{ env.NUXT_DIR }}
+        working-directory: nuxt
 
       - name: Build Nuxt
         run: npm run build
-        working-directory: ${{ env.NUXT_DIR }}
+        working-directory: nuxt
         env:
           NITRO_PRESET: cloudflare
 
       - name: Publish Nuxt to Cloudflare Workers
         uses: cloudflare/wrangler-action@v3
         with:
-          apiToken: ${{ secrets.CF_API_TOKEN }}
+          apiToken: ${{ env.CF_API_TOKEN }}
           command: deploy --env production
-          workingDirectory: ${{ env.NUXT_DIR }}
+          workingDirectory: nuxt
diff --git a/.github/workflows/staging_teardown.yml b/.github/workflows/staging_teardown.yml
@@ -0,0 +1,45 @@
+name: Staging Teardown
+
+on:
+  pull_request:
+    types: [closed]
+
+env:
+  CF_API_TOKEN: ${{ secrets.CF_API_TOKEN }}
+  GH_ENV_APP_ID: ${{ secrets.GH_ENV_APP_ID }}
+  GH_ENV_APP_PRIVATE_KEY: ${{ secrets.GH_ENV_APP_PRIVATE_KEY }}
+  NUXT_DEPLOY_TAG: mark4-nuxt-stage-${{ github.event.number }}
+
+jobs:
+  cf_teardown:
+    name: Delete Staging Cloudflare Workers
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Teardown Nuxt
+        uses: cloudflare/wrangler-action@v3
+        with:
+          apiToken: ${{ env.CF_API_TOKEN }}
+          command: delete --name ${{ env.NUXT_DEPLOY_TAG }}
+          workingDirectory: nuxt
+
+  gh_delete_deploy_env:
+    name: Delete Github Deploy Environment
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Get GitHub App Token
+        uses: navikt/github-app-token-generator@a3831f44404199df32d8f39f7c0ad9bb8fa18b1c
+        id: get-token
+        with:
+          app-id: ${{ env.GH_ENV_APP_ID }}
+          private-key: ${{ env.GH_ENV_APP_PRIVATE_KEY }}
+
+      - name: Delete Github Deploy Environment
+        uses: strumwolf/delete-deployment-environment@v3
+        with:
+          token: ${{ steps.get-token.outputs.token }}
+          environment: nuxt-stage-${{ github.event.number }}
diff --git a/.gitignore b/.gitignore
@@ -4,10 +4,13 @@ nuxt/.nuxt
 nuxt/.nitro
 nuxt/.cache
 nuxt/.output
+nuxt/.wrangler
 nuxt/.env
 nuxt/public/radison-akerman-resume.pdf
 nuxt/public/radison-akerman-cv.pdf
 
 nuxt/summarize/node_modules
 
-.DS_Store
+.DS_Store
+
+.idea
diff --git a/nuxt/app.vue b/nuxt/app.vue
@@ -1,7 +1,11 @@
 <!-- RF Nuxt Header, Rev. 04/17/23 -->
 
 <template>
-  <Html class="h-full bg-base-100 tracking-wide scroll-smooth" lang="en" />
+  <Html
+    class="h-full scroll-smooth bg-base-100 tracking-wide"
+    lang="en"
+    data-theme="dark"
+  />
   <Link rel="icon" type="png" :href="config.public.meta.favicon" />
   <Body class="h-full bg-base-100" />
   <div class="h-full">
@@ -14,4 +18,4 @@
 
 <script setup>
 const config = useRuntimeConfig();
-</script>
+</script>
diff --git a/nuxt/assets/css/tailwind.css b/nuxt/assets/css/tailwind.css
@@ -94,49 +94,24 @@
 
 .fade-in-nav {
   transition: 0.3s all ease-out;
-  transform: scale(0.9)translate(-20%, 0);
+  transform: scale(0.9) translate(-20%, 0);
   opacity: 0;
 }
 
 .fade-in-hero {
   transition: 0.3s all ease-out;
-  transform: scale(0.8)translate(0, -10%);
+  transform: scale(0.8) translate(0, -10%);
   opacity: 0.02;
 }
 
-/* Base text sizes for default tags, useful with markdown */
-@layer base {
-  h1 {
-    @apply font-semibold;
-    @apply text-3xl;
-    @apply pt-8;
-    @apply pb-4;
+@layer utilities {
+  /* Hide scrollbar for Chrome, Safari and Opera */
+  .no-scrollbar::-webkit-scrollbar {
+    display: none;
   }
-  h2 {
-    @apply font-medium;
-    @apply text-2xl;
-    @apply pb-4;
-  }
-  h3 {
-    @apply font-medium;
-    @apply text-xl;
-    @apply pb-4;
-  }
-  p {
-    @apply leading-7;
-    @apply pb-4;
-  }
-  ul {
-    @apply list-disc;
-    @apply leading-7;
-    @apply pl-5;
-    @apply pt-1;
-    @apply pb-5;
-  }
-  li {
-    @apply pb-2;
-  }
-  hr {
-    @apply my-8;
+  /* Hide scrollbar for IE, Edge and Firefox */
+  .no-scrollbar {
+    -ms-overflow-style: none; /* IE and Edge */
+    scrollbar-width: none; /* Firefox */
   }
 }
diff --git a/nuxt/components/Button/PillOutlineLarge.vue b/nuxt/components/Button/PillOutlineLarge.vue
@@ -0,0 +1,18 @@
+<template>
+  <div
+    class="flex items-center rounded-xl border-[1.5px] px-[20px] py-[7px] delay-75 duration-200"
+    :class="
+      props.class
+        ? props.class
+        : 'border-accent text-accent hover:border-primary hover:text-primary'
+    "
+  >
+    <slot />
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  class: String,
+});
+</script>
diff --git a/nuxt/components/Button/PillSolidSmall.vue b/nuxt/components/Button/PillSolidSmall.vue
@@ -0,0 +1,7 @@
+<template>
+  <div
+    class="h-min rounded-lg border-[1.5px] border-secondary bg-secondary px-[12px] py-[4.75px] leading-none text-primary delay-75 duration-200 hover:border-accent hover:bg-base-100"
+  >
+    <slot />
+  </div>
+</template>
diff --git a/nuxt/components/DocumentDrivenEmpty.vue b/nuxt/components/DocumentDrivenEmpty.vue
@@ -2,7 +2,7 @@
   <div class="container mx-auto flex min-h-screen items-center">
     <div class="w-full">
       <h6
-        class="fade-in-hero pb-1 pt-1 text-left text-5xl font-bold text-neutral md:text-6xl"
+        class="fade-in-hero pb-1 pt-1 text-left text-5xl font-bold text-primary md:text-6xl"
         :style="{ 'transition-delay': 200 + 'ms' }"
       >
         Whoops.