<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-home-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-home-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-home-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-home.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/rainwater-home.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-careers-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-careers-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-careers-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-careers.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/rainwater-careers.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-tao2024-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-tao2024-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-tao2024-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-tao2024.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/rainwater-tao2024.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-events-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-events-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-events-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-events.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/rainwater-events.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-reports-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-reports-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-reports-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/rainwater-reports.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/rainwater-reports.jpg" alt=""> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-home-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-home-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-home-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/rainwater-home-md.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-careers-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-careers-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-careers-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/rainwater-careers-md.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-tao2024-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-tao2024-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-tao2024-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/rainwater-tao2024-md.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-events-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-events-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-events-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/rainwater-events-md.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-reports-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-reports-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-reports-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/rainwater-reports-md.jpg" alt="" /> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-home-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-home-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/rainwater-home-sm.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-careers-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-careers-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/rainwater-careers-sm.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-tao2024-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-tao2024-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/rainwater-tao2024-sm.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-events-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-events-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/rainwater-events-sm.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-reports-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-reports-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/rainwater-reports-sm.jpg" alt="" /> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-home-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-home-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-home-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-home.jpg"> <img src="https://tomrobison.com/wp-content/uploads/rainwater-home.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-careers-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-careers-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-careers-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-careers.jpg"> <img src="https://tomrobison.com/wp-content/uploads/rainwater-careers.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-tao2024-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-tao2024-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-tao2024-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-tao2024.jpg"> <img src="https://tomrobison.com/wp-content/uploads/rainwater-tao2024.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-events-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-events-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-events-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-events.jpg"> <img src="https://tomrobison.com/wp-content/uploads/rainwater-events.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-reports-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-reports-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-reports-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-reports.jpg"> <img src="https://tomrobison.com/wp-content/uploads/rainwater-reports.jpg" alt=""> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-home-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-home-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-home-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-home.jpg"> <img src="https://tomrobison.com/wp-content/uploads/rainwater-home.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-careers-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-careers-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-careers-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-careers.jpg"> <img src="https://tomrobison.com/wp-content/uploads/rainwater-careers.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-tao2024-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-tao2024-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-tao2024-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-tao2024.jpg"> <img src="https://tomrobison.com/wp-content/uploads/rainwater-tao2024.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-events-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-events-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-events-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-events.jpg"> <img src="https://tomrobison.com/wp-content/uploads/rainwater-events.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-reports-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-reports-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-reports-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/rainwater-reports.jpg"> <img src="https://tomrobison.com/wp-content/uploads/rainwater-reports.jpg" alt=""> </picture></div></div> </div>

Autoplay

Rainwater Charitable Foundation

Visit rainwatercharitablefoundation.org

Non-profit website

Rainwater Charitable Foundation

Non-profit website

Image controller:

Auto-advance images:

Visit rainwatercharitablefoundation.org

Personal contribution

Wordpress custom theme development, front + back-end development, responsive for all devices.

Project features

Wordpress custom theme.
Custom, branded Wordpress backend environment for multiple content-management roles.
Multiple custom blocks for virtual front-end editing of content.
HTML5/CSS3/Javascript.

Project description

The Rainwater Charitable Foundation website utilizes WordPress to allow easy content management of their website. I built a custom theme that includes custom blocks that allow the website’s content managers to enjoy virtual front-end editing of content, and visually interact with any piece of content, with or without code—fueling rich layouts and endless extensibility. The custom theme I built for them allows them to add CSS-based transitions and animations for a rich and dynamic user experience.