Charlie Jackson Website

This is my personal website that I tend to use as a landing page to find all my other profiles online and give a little bit of info on what I'm doing right now. Along with my blog and project journal. Check it out at charliejackson.com.

My old website code can be found on GitHub. The new code is in a private repo.

I keep additional super rough notes on this project here.

Next Steps ⏭

  • Add breadcrumbs
  • Add a drawings explorer
  • Add a sketchbook explorer
  • Add a classic footer navigation section
  • Implement the email signup form inside React
  • Explore all content by tags
  • Recommendations in 404

Updates 🔼

2021-01-24 - 2021-01-30

Added a lot more visual elements. Mainly an image card list component. And added a bunch of them to the home page.

Also started working on displaying all my sketchbook work in this format, which is a longer task. As I need to build an api to retrieve them from Google Drive.

Also added Sentry reporting.

Charlie Jackson Website

2021-01-17 - 2021-01-23

Moved all the work I've been doing making my journal look pretty into charliejackson.com. So it now has the classic "now" stuff at the top and then all my projects and writing. Feels good to have it all in 1 place.

Also did some designs on some visual cards for showing projects, writings and images in a more visual way.

Implemented a previous/next navigation for the writing.

Sketchbook notes can be found here

2021-01-09 - 2020-01-16

Came up with a few ideas for visually displaying my writing and projects

2020-12-07 - 2021-01-08

Started combining my journal and website together so I can show off my writing, projects etc along side my main website. Using Gatsby for the first time, which is a pretty cool library. As I really want to keep more content in files in markdown so they are really universal. Next steps is to make it much more visual, add a bunch of images, a project slider. Better navigation and discovery for writing and projects. And get my sketchbook image in there and browsable in some cool slider.

Charlie Jackson Website v2

2020-11-30 - 2020-12-06

Wrote a script to validate the format of the project files and exports them and the writing as JSON so I could eventually make a pretty react site for showing all this.

2020-11-25 - 2020-11-29

Pulled all the content from the existing site into my journal repo. With the idea that that will take over as my main website. So I can show my "now" content but also all my projects and writing

2020-02-10 - 2020-02-17

This redesign was to redesign and add 3 new features:

  • Make it easier to update content
  • Signup spotlight to my email newsletter
  • Showcase my next comedy gigs

For this I did a super basic redesign, using Github pages to serve the site and added in the relevant new spotlights. I also gave the content an update to highlight comedy a bit more.

Charlie Jackson Website v1

2010-01-01 - 2017-01-31

Here are my notes on this project from 2017

Key Facts
  • Been building and iterating the site since 2010
  • Built in Wordpress with my own custom theme
  • The current design is very simplistic and minimalist
  • Shows what I am doing now and my past projects
  • Uses: Wordpress, PHP, Javascript, SASS, npm, gulp, browserify, Docker, Jenkins, MySQL, git
  • Check out the code on Github

The latest version of my site was built in 2 weeks at the start of January, to document all the projects I have worked on and to let people know what I am currently up to. The site is heavily influenced by Derek Sivers, whose site is also very simplistic and focuses on the content. The reason behind this was for me to concentrate on my projects and not the development of the site itself. As a web developer, if I had a fancy site, I would end up spending months trying to perfect it and never write any content. Choosing what not to do is usually the harder but more necessary step to take.

Charlie Jacksons website screenshot