refactor(front): refactors categories heading treatment, aside and po… (

#709) …sts-list layout closes #595
dgrebb · Sep 30, 2023 · 48d849d · 48d849d
1 parent 5255ab7
commit 48d849d
Show file tree

Hide file tree

Showing 13 changed files with 201 additions and 277 deletions.
diff --git a/.github/workflows/bd-fe.yml b/.github/workflows/bd-fe.yml
@@ -81,22 +81,6 @@ jobs:
           echo "RELEASE_NAME=stg-${name/\//-}" >> $GITHUB_ENV
           echo "DIST=$(date +%y%m%d-%H%M%S)" >> $GITHUB_ENV
 
-      - name: ✍ Summarize
-        run: |
-          echo '# Summary' >> $GITHUB_STEP_SUMMARY
-          echo '## Run Initiator'
-          echo '- Actor: ${{ github.actor }}' >> $GITHUB_STEP_SUMMARY 
-          echo '- Event: ${{ github.event_name }}' >> $GITHUB_STEP_SUMMARY
-          echo '## Run Details' >> $GITHUB_STEP_SUMMARY
-          echo '- Branch: [${{ env.BRANCH_NAME }}](https://github.com/dgrebb/dgrebb.com/tree/${{ env.BRANCH_NAME }})' >> $GITHUB_STEP_SUMMARY
-          if [ "${{ github.event_name }}" = "pull_request" ]; then 
-            echo '- Pull Request: [#${{ github.event.number }}](https://github.com/dgrebb/dgrebb.com/pull/${{ github.event.number }}) ${{ github.event.pull_request.title }}' >> $GITHUB_STEP_SUMMARY
-            echo '- ${{ github.event.pull_request.changed_files }} Files Changed: [ ${{ github.event.pull_request.commits }} Commits](https://github.com/dgrebb/dgrebb.com/pull/${{ github.event.number }}/commits) | [Diff](https://github.com/dgrebb/dgrebb.com/pull/${{ github.event.number }}/files)' >> $GITHUB_STEP_SUMMARY
-          fi
-          echo '## Release Details' >> $GITHUB_STEP_SUMMARY
-          echo '- Release: [${{ env.RELEASE_NAME }}](https://dgrebb.sentry.io/releases/${{ env.RELEASE_NAME }})' >> $GITHUB_STEP_SUMMARY
-          echo '- Dist: ${{ env.DIST }}' >> $GITHUB_STEP_SUMMARY
-
       - name: 𐂷 Checkout
         uses: actions/checkout@v3
         with:
@@ -182,6 +166,22 @@ jobs:
           AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
           AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
 
+      - name: ✍ Summarize
+        run: |
+          echo '# Summary' >> $GITHUB_STEP_SUMMARY
+          echo '## Run Initiator'
+          echo '- Actor: ${{ github.actor }}' >> $GITHUB_STEP_SUMMARY 
+          echo '- Event: ${{ github.event_name }}' >> $GITHUB_STEP_SUMMARY
+          echo '## Run Details' >> $GITHUB_STEP_SUMMARY
+          echo '- Branch: [${{ env.BRANCH_NAME }}](https://github.com/dgrebb/dgrebb.com/tree/${{ env.BRANCH_NAME }})' >> $GITHUB_STEP_SUMMARY
+          if [ "${{ github.event_name }}" = "pull_request" ]; then 
+            echo '- Pull Request: [#${{ github.event.number }}](https://github.com/dgrebb/dgrebb.com/pull/${{ github.event.number }}) ${{ github.event.pull_request.title }}' >> $GITHUB_STEP_SUMMARY
+            echo '- ${{ github.event.pull_request.changed_files }} Files Changed: [ ${{ github.event.pull_request.commits }} Commits](https://github.com/dgrebb/dgrebb.com/pull/${{ github.event.number }}/commits) | [Diff](https://github.com/dgrebb/dgrebb.com/pull/${{ github.event.number }}/files)' >> $GITHUB_STEP_SUMMARY
+          fi
+          echo '## Release Details' >> $GITHUB_STEP_SUMMARY
+          echo '- Release: [${{ env.RELEASE_NAME }}](https://dgrebb.sentry.io/releases/${{ env.RELEASE_NAME }})' >> $GITHUB_STEP_SUMMARY
+          echo '- Dist: ${{ env.DIST }}' >> $GITHUB_STEP_SUMMARY
+
       - name: Delete Previous deployments
         uses: actions/github-script@v6
         with:
@@ -206,4 +206,4 @@ jobs:
                   deployment_id: deployment.id
                 });
               })
-            );
+            );
diff --git a/.github/workflows/test-backstop.yml b/.github/workflows/test-backstop.yml
@@ -110,8 +110,7 @@ jobs:
           cd _ci/backstop
           FAIL_TABLE=$(./_utils/parse-report.sh ${{ vars.REPORTS_DOMAIN }} $REPORT_PATH)
           echo "# Backstop Summary" >> $GITHUB_STEP_SUMMARY
-          echo "<a href=\"http://${{ vars.REPORTS_DOMAIN }}/backstop/html_report/gh-$REPORT_PATH/\" target=\"_blank\">BackstopJS Report</a>" >> $GITHUB_STEP_SUMMARY
-          echo "<a href=\"http://${{ vars.REPORTS_DOMAIN }}/lighthouse/\" target=\"_blank\">Lighthouse Report</a>" >> $GITHUB_STEP_SUMMARY
+          echo "## 📋 <a href=\"http://${{ vars.REPORTS_DOMAIN }}/backstop/html_report/gh-$REPORT_PATH/\" target=\"_blank\">View Report</a>" >> $GITHUB_STEP_SUMMARY
           echo $FAIL_TABLE >> $GITHUB_STEP_SUMMARY
 
       - name: 🔥 Bummer. Uploading Failed Artifacts!

diff --git a/front/src/lib/components/posts/Post.svelte b/front/src/lib/components/posts/Post.svelte
@@ -31,7 +31,7 @@
       })
     : false;
 
-  let toc, postNavCheckbox, miniPostNav;
+  let toc;
   $: toc = [];
   function filterTokens(event) {
     const tokens = event.detail.tokens;

diff --git a/front/src/lib/components/posts/PostNav.svelte b/front/src/lib/components/posts/PostNav.svelte
diff --git a/front/src/lib/styles/base/layout.css b/front/src/lib/styles/base/layout.css
@@ -22,20 +22,22 @@
 
 .header,
 .footer {
-  @apply w-full
-    max-w-6xl
-    px-3
-    lg:p-14;
+  width: 100%;
+  max-width: 72rem /* 1152px */;
 }
 
 .header {
   display: flex;
   position: relative;
   align-items: center;
-  padding: 1.25rem 1rem 0rem 1rem;
-  @screen sm {
-    padding-top: 2rem;
-    padding-bottom: 0.75rem;
+  z-index: 1;
+  padding: 1rem;
+  padding-bottom: 0;
+  @media screen and (min-width: 480px) {
+    padding-top: 1.25rem;
+  }
+  @media screen and (min-width: 640px) {
+    padding: 2.5rem 2.25rem 0 2.25rem;
   }
 }
 body.ready .header {