Andrew Mason's Projects
Website repo for Advance Therapy, a Guelph-based health services provider.
A website redesign for Advance Therapy. Project includes unDraw illustrations for relatable visuals, extension of original brand color palette, parsing of copy, addition of subpages, use of the SWUP library, all built with a php SPA-like component architecture.
A repo for Advance Therapy updating site framework to Vue3 and Vite
A website build for Toronto instrumental band Big Horn Sheep. The site was built with Angular.js, HTML5 Boilerplate, Bootstrap 4, Animate.css, and required UI/graphic design, logo & image creation, photo sourcing & ux copywriting and editing.
A demo repo for the Paymentus Billebration campaign
A simple project to generate a random hex color. The generated color is applied to the page background, and the resulting hex code text printed to the textarea element. A copy button copies the current color code to the clipboard.
Nuxt Content lets you write in a content/ directory and fetch your Markdown, JSON, YAML, XML and CSV files through a MongoDB like API, acting as a Git-based Headless CMS
A repo for HTML email design templates.
A starter theme for Gatsby projects using React-bootstrap. Includes shell content with some preinstalled plugins, core Layout and Menu components, scss folder & starter files, prefilled gatsby-browser.js, images folder for gatsby-image queries.
An experimental website using Scroll Magic
A repo for what was the first production version of jaxx.io, the official website of Jaxx Liberty, a blockchain wallet app made by Decentral Inc. This version changed the original banner timeline animation: it was sped up, the vivus.js svg outline animation was removed.
A repo for the original version 1.0 of jaxx.io, the official website for Jaxx Liberty, a cryptocurrency app made by Decentral Inc.. Includes original banner GSAP timeline animation, Vivus.js svg logo stroke animation, parallax, and scroll magic scroll animations. Designed and coded by Andrew Mason.
A custom website for Jen Mason Consulting services. This project required UI & graphic design, coding & development, UX copywriting, hosting/server setup, and was built with HTML5, Bootstrap 4, JS, and the AOS library for scroll animations.
A redesign of Jaxx Liberty Website
Repo for jaxx.io, the product website for Jaxx Liberty, a cryptocurrency wallet app. The site was built from scratch with PHP, Bootstrap 4, atomic css, SWUP.js, and features GSAP timeline animations, custom graphics, & cookie consent widget.
Repo for the official website of Canadian artist Janice Mason Steeves. The project required UI/graphic design, development, copywriting, editing & image sourcing. Architecture sought to replicate a SPA UX using HTML, CSS & Bootstrap modals.
A website mockup using Barba.js
Website repo for Workshops in Wild Places, an art education business founded by Canadian artist Janice Mason Steeves.
The official website of Workshops in Wild Places, an international art teaching initiative developed by Canadian artist and educator Janice Mason Steeves. The site was built with HTML5, PHP, CSS3, Bootstrap 4, Javascript, SWUP, and the AOS library for scroll animations.
A mock api for testing
A simple project displaying rotating Kanye West jokes. Written in vanilla javascript, the app has a simple one page UI built with Bootstrap 5, Animate.css, and svg backgrounds. On button click, the app fetches a new joke from Kanye Rest API.
Website for Mason Media, original one-page version 1.0
Website for Mason Media, version 2.0 using angular js
A redesign of my personal portfolio website using React and Next.js. Employs React-bootstrap for UI, React-reveal for scroll animations, loads a new background color on each page load & creatively uses the Paaatterns image library throughout.
Config files for my GitHub profile.
A redesign of Mason Media using the SWUP library.
Repo for redesign of mason media portfolio website using Vue 3, Vite, Bootstrap 5, Pinia, vite-plugin-md for markdown support, and the github and lorem picsum apis.