masonmedia Goto Github PK

advance-therapy

Website repo for Advance Therapy, a Guelph-based health services provider.

advance-therapy-2.0

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.

advance_vite

A repo for Advance Therapy updating site framework to Vue3 and Vite

big-horn-sheep

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.

bill_the_duck

A demo repo for the Paymentus Billebration campaign

color_generator

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.

content

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

contentful-nuxt-netlify

email_templates

A repo for HTML email design templates.

gatsby_bootstrap_starter

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.

graphic_design

jaxx-scrollmagic

An experimental website using Scroll Magic

jaxx.io_v1_production

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.

jaxx.io_v2_smoothstate_sandbox

jaxx_revolutions_1

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.

jen-mason-consulting

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.

jl_redesign_1

A redesign of Jaxx Liberty Website

jl_swup

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.

jms-home

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.

jms-wiwp-barba

A website mockup using Barba.js

jms-wiwp-smoothstate

Website repo for Workshops in Wild Places, an art education business founded by Canadian artist Janice Mason Steeves.

jms-wiwp-swup

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.

json-server

A mock api for testing

kanye_jokes

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.

mason-media

Website for Mason Media, original one-page version 1.0

mason-media-2.0

Website for Mason Media, version 2.0 using angular js

mason_media_nextjs

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.

masonmedia

Config files for my GitHub profile.

masonmedia-swup

A redesign of Mason Media using the SWUP library.

masonmedia-vite

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.