diff --git a/.github/workflows/azure-static-web-apps-black-wave-0ab103a0f.yml b/.github/workflows/azure-static-web-apps-black-wave-0ab103a0f.yml deleted file mode 100644 index 15649db..0000000 --- a/.github/workflows/azure-static-web-apps-black-wave-0ab103a0f.yml +++ /dev/null @@ -1,58 +0,0 @@ -name: Azure Static Web Apps CI/CD - -on: - push: - branches: - - main - pull_request: - types: [opened, synchronize, reopened, closed] - branches: - - main - -jobs: - build_and_deploy_job: - if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed') - runs-on: ubuntu-latest - name: Build and Deploy Job - permissions: - id-token: write - contents: read - steps: - - uses: actions/checkout@v3 - with: - submodules: true - lfs: false - - name: Install OIDC Client from Core Package - run: npm install @actions/core@1.6.0 @actions/http-client - - name: Get Id Token - uses: actions/github-script@v6 - id: idtoken - with: - script: | - const coredemo = require('@actions/core') - return await coredemo.getIDToken() - result-encoding: string - - name: Build And Deploy - id: builddeploy - uses: Azure/static-web-apps-deploy@v1 - with: - azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_BLACK_WAVE_0AB103A0F }} - action: "upload" - ###### Repository/Build Configurations - These values can be configured to match your app requirements. ###### - # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig - app_location: "/" # App source code path - api_location: "/api" # Api source code path - optional - output_location: "/" # Built app content directory - optional - github_id_token: ${{ steps.idtoken.outputs.result }} - ###### End of Repository/Build Configurations ###### - - close_pull_request_job: - if: github.event_name == 'pull_request' && github.event.action == 'closed' - runs-on: ubuntu-latest - name: Close Pull Request Job - steps: - - name: Close Pull Request - id: closepullrequest - uses: Azure/static-web-apps-deploy@v1 - with: - action: "close" diff --git a/about/index.html b/about/index.html index d55d018..81df713 100644 --- a/about/index.html +++ b/about/index.html @@ -35,7 +35,7 @@

About

- 💻 Tech Enthusiast: With over 3 years of professional development experience, I specialize in both front-end and back-end development. I love diving into Data Structures and Algorithms (DSA), applying SOLID principles, and coding efficiently with Vim and WSL2. Currently, I’m expanding my knowledge in Docker and system design. + 💻 Tech Enthusiast: With over 4 years of professional development experience, I specialize in both front-end and back-end development. I love diving into Data Structures and Algorithms (DSA), applying SOLID principles, and coding efficiently with Vim and WSL2. Currently, I’m expanding my knowledge in Docker and system design.

diff --git a/index.html b/index.html index a4bdc66..cd6052d 100644 --- a/index.html +++ b/index.html @@ -37,7 +37,7 @@ Skills

  • - Projects + Portfolio
  • About @@ -61,7 +61,7 @@ Cartoon photo of Ambyr

    Ambyr Develops...

    -

    ...web, software, and game applications

    +

    ...software and game applications

    @@ -75,10 +75,10 @@

    Ambyr Develops...

    Mission

    - To transform innovative ideas into impactful digital products. I thrive in agile, + To transform ideas into impactful digital products. I thrive in agile, remote work environments that foster continuous learning and growth. With a passion - for full stack web development, game development, and software application development, - I’m always seeking opportunities to push the boundaries of technology and create seamless, + for full stack application development, + I’m seeking opportunities to create seamless, user-friendly experiences.

    @@ -158,58 +158,106 @@

    Competencies

    +

    Portfolio

    +

    Web projects

    -

    Personal projects

    - +
    -
    CSS Crawling Text
    -

    Scrolling text feature utilizing transforms and transitions to - create the hover effect over the text box area using HTML and CSS. +

    Upcoming project: Design-to-code implementation
    +

    + Created an interactive Figma mock. + Development work will feature a responsive parallax scrolling design and images customized for the page using photoshop.

    - See this feature on codepen + Live version coming soon.
    - +
    -
    Question Dialogue Box
    -

    Clicking the button triggers a pop up modal with an embedded text box using HTML, CSS, and JavaScript.

    +
    Website redesign and template integration
    +

    + Integrated a custom site design developed with TypeScript, Astro Pages, and CSS + with custom component development and CMS integration in PHP. + +

    - See this feature on codepen + View the business site.
    -
    - -
    -

    Recent work projects

    -
    Computing & Information Technology Homepage
    -

    Template proramming to incorporate a new design for their homepage, - with custom gradients, and some floating container effects optimized for desktop and mobile. +

    Website redesign and codebase upgrade
    +

    + Developed custom site design with TailwindCSS, Blade template pages, and PHP including a major PHP version update to get the site on the latest version.

    - Visit the C&IT homepage + View the tech site.
    -
    Dean of Students Office Homepage
    -

    Template proramming to incorporate a new design for their homepage with a highlighted image grid. +

    Website redesign and codebase upgrade
    +

    + Programmed site redesign and custom policy numbering page for the student code of conduct ensuring accessibility standards are met along with a major PHP version upgrade. +

    +
    +
    + View the Dean's site. +
    +
    +
    + +

    Game projects

    +
    +
    + +
    +
    2D space shooter game
    +

    + Developed a 2D space shooter PC game in Unity using scriptable objects, custom background, and animations. +

    +
    +
    + Built with Unity Game Engine. +
    +
    +
    + +
    +
    Fireworks display scene
    +

    + Developed an animation using lighting to mimic fireworks and their explosive sound. +

    +
    +
    + Built with Unity Game Engine +
    +
    +
    + +
    +
    3D endless runner game
    +

    + Developd a 3D game using scriptable objects to create a character that can phase through objects and + receives boosters or debuffs based on which obstacle they collide with.

    - Visit the DOSO homepage + Built with Unity Game Engine
    @@ -232,7 +280,7 @@
    Dean of Students Office Homepage
    - Ambyr Develops. All rights reserved. + 2025 Ambyr Developsâ„¢ All rights reserved.
    diff --git a/package.json b/package.json index e4a6be9..a202ad2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "ambyrelan.github.io", - "version": "1.2.1", + "version": "1.2.2", "description": "", "main": "index.js", "scripts": { diff --git a/previews/preview-figma-parallax-project.mp4 b/previews/preview-figma-parallax-project.mp4 new file mode 100755 index 0000000..e81e474 Binary files /dev/null and b/previews/preview-figma-parallax-project.mp4 differ diff --git a/previews/preview-unity-blaster-project.mp4 b/previews/preview-unity-blaster-project.mp4 new file mode 100755 index 0000000..31bb00f Binary files /dev/null and b/previews/preview-unity-blaster-project.mp4 differ diff --git a/previews/preview-unity-fireworks-project.mp4 b/previews/preview-unity-fireworks-project.mp4 new file mode 100755 index 0000000..361af74 Binary files /dev/null and b/previews/preview-unity-fireworks-project.mp4 differ diff --git a/previews/preview-unity-runner-project.mp4 b/previews/preview-unity-runner-project.mp4 new file mode 100755 index 0000000..450b8a0 Binary files /dev/null and b/previews/preview-unity-runner-project.mp4 differ diff --git a/previews/preview-wsu-business-homepage.mp4 b/previews/preview-wsu-business-homepage.mp4 new file mode 100755 index 0000000..17ea84d Binary files /dev/null and b/previews/preview-wsu-business-homepage.mp4 differ diff --git a/style.css b/style.css index 4784db6..8411ab9 100644 --- a/style.css +++ b/style.css @@ -11,7 +11,7 @@ body { font-weight: 900; } - h2 { + h2, h3 { margin-top: 2rem; margin-bottom: 2rem; letter-spacing: 2px; @@ -225,8 +225,13 @@ section { } } +#projects-section { + margin-bottom: 4rem; +} + .card-group { - column-gap: 1rem; + column-gap: 2rem; + justify-content: center; h2 { display: block; @@ -234,19 +239,47 @@ section { } } -.card { - box-shadow: 4px 4px 10px gray; - --bs-card-border-color: none; +.card-group > .card { + flex: 1 0 33%; + margin-bottom: 18px; + border-top-left-radius: 10px; + border-top-right-radius: 10px; + box-shadow: 10px 0 10px gray; + --bs-card-border-color: gray; @media only screen and (min-width: 768px) { - max-width: 50%; + max-width: 33%; } } +.card-group > .card:not(:last-child) { + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} + .card-body { background-color: #EADDCA; /* almond */ } +.card-img-top { + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} +.card-group > .card:not(:first-child) { + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} + +.card-group > .card:not(:first-child) .card-img-top { + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} + +.card-group > .card:not(:last-child) .card-img-top { + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} + .card-footer { background-color: #967969; /* light brown */