---
type: this-week-with
url: 'https://taylordrayson.com/2021/02/05/tww-s2-e38'
title: 'Season 2, Episode 38'
date: '2021-02-05T13:00:00+00:00'
fields:
  episode: S2E38
  season: '2'
  number: '38'
  topic: 'The BRAND NEW UPDATED website - Moved from Divi to Oxygen - now have search abilities and Easter Eggs'
  duration: '21m 05s'
---

# Season 2, Episode 38

The BRAND NEW UPDATED website - Moved from Divi to Oxygen - now have search abilities and Easter Eggs

We rebuilt the entire website

<a href="https://season-3.thisweekwith.co.uk">https://season-3.thisweekwith.co.uk</a>

Moved from Divi to Oxygen

Reasons for the rebuild:

We didn't know how long we would be doing This Week With, so didn't really plan for the future

Being able to search for content was impossible

The design was a pre-designed template

Decided to build a custom design

Looked on <a href="https://www.pinterest.co.uk">Pinterest</a> and <a href="https://dribbble.com">Dribbble</a> for inspiration

Mocked it up on <a href="https://www.figma.com">Figma</a> as a collaborative process

Created three-page designs - home page, archive page (all episodes) and the individual page (single episode)

Built with <a href="https://oxygenbuilder.com">Oxygen Builder</a>

Convert all data from old site to new site:

Change all episode names to new format S2E38

Changed all show notes from a list to paragraphs

Converted all m4a audio episodes to mp3 format for the new site audio player

Link up all the new audio files to the correct episode

Changed every episode image to show the season, as well as the youtube episode thumbnail images

Then went through and linked up all the new graphics everywhere

Edited all youtube videos by removing the countdown timer

Updated the image of Gordon everywhere, so the cut out was much better

New techniques and skills learnt

Now you can:

Search for content, filter episodes by length, season or date using Ajax (immediate updates without reloading the page)

You can then sort by Latest, Oldest, Longest and Shortest episodes

Tooltips show you what an icon is for

Easter eggs (hidden surprises) in the website (watch episode for full details)

Compare with the old website: <a href="https://share.getcloudapp.com/8LukJZPj">Home Page</a> - <a href="https://share.getcloudapp.com/NQuJZer4">All Episodes</a> - <a href="https://share.getcloudapp.com/YEuXAvob">Individual Episode</a>

Drayson Design Website - <a href="https://www.draysondesign.com">https://www.draysondesign.com</a>
The Creative Tinker Website - <a href="https://www.thecreativetinker.com">https://www.thecreativetinker.com</a>

Facebook: <a href="https://www.thisweekwith.co.uk/facebook">https://www.thisweekwith.co.uk/facebook</a>
Youtube: <a href="https://www.thisweekwith.co.uk/youtube">https://www.thisweekwith.co.uk/youtube</a>

## See also

- Listen: [Listen](https://media.blubrry.com/thisweekwith/www.thisweekwith.co.uk/wp-content/uploads/this-week-with-taylor-gordon-podcast-38.mp3)
- Watch: [Watch on YouTube](https://www.youtube.com/embed/7uAm73XD_x4)
- All this week with: [This Week With](https://taylordrayson.com/this-week-with)
- That day: [5 February 2021](https://taylordrayson.com/2021/02/05)