Portfolio Website

:root {
  --pastel-purple: #b19cd9;
  --light-purple: #d8bfd8;
  --white: #f8f8ff;
  --light-grey: #e6e6fa;
  --grey: #3d3d3d;
  --dark-grey: #2c2c2c;
}

function typeWriter() {
  const text = "BSc Computer Science w/ Artificial Intelligence Graduate";
  let i = 0;
  const speed = 80; // typing speed in milliseconds

  function type() {
    if (i < text.length) {
      typingText.textContent += text.charAt(i);
      i++;
      setTimeout(type, speed);
    }
  }

  type();
}

name: Deploy to S3

on:
  push:
    branches:
      - main

jobs:
  deploy:
    runs-on: ubuntu-latest

    steps:
      - name: Checkout code
        uses: actions/checkout@v3
        with:
          fetch-depth: 0

      - name: Configure AWS credentials
        uses: aws-actions/configure-aws-credentials@v2
        with:
          aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY }}
          aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
          aws-region: ${{ secrets.AWS_REGION }}

      - name: Deploy files to S3
        run: |
          aws s3 sync . s3://abbystevenson.co.uk --delete --exact-timestamps --exclude ".git/*" --exclude ".github/*"

      - name: Get list of changed files
        id: changed
        run: |
          echo "CHANGED_PATHS=$(git diff --name-only ${{ github.event.before }} ${{ github.sha }} | grep -E '\\.html$|\\.css$|\\.js$|\\.png$|\\.jpg$|\\.svg$' | sed 's|^|/|' | tr '\\n' ' ')" >> $GITHUB_ENV

      - name: Invalidate changed files in CloudFront
        if: env.CHANGED_PATHS != ''
        run: |
          echo "Invalidating: $CHANGED_PATHS"
          aws cloudfront create-invalidation \
            --distribution-id ${{ secrets.CLOUDFRONT_DIST_ID }} \
            --paths $CHANGED_PATHS

function animateBarWhenVisible(bar) {
  const observer = new IntersectionObserver(
    (entries, observerInstance) => {
      entries.forEach((entry) => {
        if (entry.isIntersecting) {
          const targetWidth = bar.getAttribute("data-width");
          bar.style.width = targetWidth;
          bar.classList.add("animated");
          observerInstance.unobserve(bar); // only run once
        }
      });
    },
    {
      threshold: 0.5, // only trigger when 50% in view
    }
  );

  observer.observe(bar);
}