This project is holds the infrastructure and content to host my personal site via AWS S3 and Cloudfront.

Folders:

• infra contains the cloudformation templates used for deploying the infrastructure
• src root directory for the dynamic website content
• static root directory for the static website content
• dist transpiled webpage assets
  • created when npm start or npm run build execute
• scripts locally and ci executable scripts for deployment and validation

• AWS
  • AWS CLI
  • Cloudformation

• npm/node
• 11ty (Eleventy)
• Bulma
  • bulmaswatch - darkly

Getting set up

npm install

Local live testing

# launches browserstack @ http://localhost:3001
# launches local copy @ http://localhost:8080
npm run start

Build

# clears the dist folder and re-creates the assets
npm run build

Deploy

# Requires active AWS session
# Requires that a specific hosted zone already be created with specific stack outputs
# Hardcoded to look for an CFN export value to get hosted zone
# Uses aws cli to deploy the bucket, bucket policy, cloudfront, OAI, certificate, & associated DNS entry
./infra/deploy-infra.sh

# Requires active AWS session
# Requires deploy-infra already ran
# Hardcoded to look for an CFN export value to get bucket arn
# Runs npm ci and build
# Uses aws s3 sync to deploy
./scripts/deploy-site.sh

Creating QR Codes

npx qrcode --output static/img/qr_resume_01.png  https://shadow.mkoelle.com/resume/01

• Data Completion (enough for single page)
• Data Completion (enough for CV)
• Single Page Resume Template
• Automated Visual Regression Testing
• Applicant Tracking System (ATS) Scan
• Cloudfront Pretty URLS
• Github Actions
  • Quality Checks
  • Deployment

All about that style

• Fonts; Georgia is better than Garamond

Get it in print

• Cascading Style Sheets @page
• CSS Paged Media Module
• How to create a printer-friendly website using print stylesheets
• How to Create Printer-friendly Pages with CSS
• Print CSS basics in 10 minutes