Recreation Council

An accessible, responsive, and custom WordPress theme. Recreation Council uses SVGs for its unique round shape for the images and the text on a circular path. I developed the entirety of the theme minus the Find a Program filter functionality, although I did the CSS for it.

The copy and images with the colored fade was initially a challenge trying to get the sizing of the image, the gradient to overlap the image just enough, and the content to not overflow onto the image. In the end, splitting the sections into columns and adding the gradient on part of the image was the solution I went with. It provided the best results given the varying sizes of images and copy.

Developed while working at Magnetize.

Visit Recreation Council

Languages and Tools

  • Accessibility
  • CSS/Scss
  • Git
  • Gulp
  • HTML
  • Javascript
  • PHP
  • Responsive Design
  • User Experience (UX)
  • User Interface (UI)
  • WCAG 2.1 AA
  • WordPress