Merge branch 'release/2.0.0'

Author: AmbyrDevelops

.github/workflows/static.yml

@@ -0,0 +1,43 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["main"]
+
+  # 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:
+  # Single deploy job since we're just deploying
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          # Upload entire repository
+          path: './views'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

README.md

@@ -2,9 +2,7 @@
 
 ## About
 
-- Two single page web apps brought together to create a living resume.
-- Homepage showcases my living resume and projects.
-- Wiki page is linked housing the more about me topics.
+- Single page living resume.
 
 ## Stack
 
@@ -15,4 +13,3 @@
 
 - Incorporating a JS feature.
 - Updating CodePen portfolio with a recent CSS feature.
-- Create a dedicated layout stylesheet.

css/hero.css

@@ -0,0 +1,110 @@
+#hero-section {
+    margin-bottom: 0;
+    
+    @media screen and (max-width: 621px) {
+        h1 {
+            font-size: 2.5em;
+        }
+
+        p {
+            font-size: 1em;
+        }
+    }
+
+    @media screen and (max-width: 445px) {
+        h1 {
+            font-size: 1.25em;
+        }
+
+        p {
+            font-size: 0.75em;
+        }
+    }
+
+    .hero-items {
+        display: flex;
+        flex-flow: column;
+        padding-top: 12rem;
+        padding-left: 1.5rem;
+
+        @media screen and (max-width: 775px) {
+            padding-top: 8rem;
+        }
+    }
+}
+
+.welcome {
+    margin-top: 10rem;
+    margin-bottom: 10rem;
+}
+
+.greeting {
+    background: white;
+    opacity: 85%;
+    border-top-left-radius: 15%;
+    border-bottom-right-radius: 15%;
+    border-style: dashed;
+    border-width: 0.4rem;
+    border-block-start-color: darkred;
+    width: 80%;
+    margin-top: -10rem;
+    margin-left: 10rem;
+    padding: 6rem;
+
+    h1 {
+        text-shadow: 3px 3px 2px darkgray;
+    }
+
+    p {
+        letter-spacing: 2px;
+        text-shadow: 1px 1px 1px darkgray;
+    }
+
+    @media screen and (max-width: 1035px) {
+        width: 80%;
+        margin-top: -10rem;
+        margin-left: 10rem;
+        padding: 4rem;
+    }
+
+    @media screen and (max-width: 775px) {
+        margin-top: -6rem;
+        margin-left: 6rem;
+        padding: 3rem;
+    }
+
+    @media screen and (max-width: 621px) {
+        margin-top: -4rem;
+        margin-left: 5rem;
+        padding: 2rem;
+    }
+
+    @media screen and (max-width: 445px) {
+        padding: 1rem;
+        margin-top: -3rem;
+        margin-left: 1rem;
+    }
+}
+
+
+.logo {
+    width: 60%;
+    margin-bottom: 0.5rem;
+
+    img {
+        border-radius: 50%;
+        background-color: white;
+        overflow: hidden;
+        width: 75%;
+    }
+
+    @media screen and (max-width: 775px) {
+        width: 50%;
+        margin-left: 0;
+}
+
+.testing-calc {
+    display: block;
+    background: yellow;
+    width: 100%;
+}