Go Back to Main Site

On-Page Navigation

I Love You <\3


What is SpearsGoode?

Easy, Its my website. okay not so easy... Its where I keep things I've created and practice HTML and CSS. As I add continue to add to this website, I hope to leave behind some kind of idea of how it was all put together for anyone looking to code their own website from scratch.

Check out the About page to learn more about what you can find on spearsgoode.com

New Artwork

New Blog Post

Where Did All of This Begin


Pre-version 1

You may have checked out the site archive and wondered if version 1.00 was actually the first version of this website. Well, yes and no. There were changes made before version 1 but I do not have any record of them and there was also 0 content in the website at that time. Pre version 1 the site was basically just a simple layout usiing CSS grid. and basic HTML and CSS

Version 1.00

Version 1.00 was born when I started getting more and more into learing about coding. I had started a free trial at Linkedin Learning and I was egar to test out some of my newly aquired coding skills. The first thing I did was to update the grid layout to be like the one that you can see in version 1.00 today. I also designed a logo and uploaded my first background-image and some artwork. I began messing about with links and menus, and next thing I knew my page was turning into a website. This was when I decided that I wanted to record everthing from that point on so I could keep a record off how far I've come, and wow. I've come a long way in a short time.

Version 1.11

Version 1.11 was created from version 1.00 in about a day or two. The absolute most important thing that I did to speed up the creation of new pages was to condense my several page specific CSS files into a Main.CSS. This allowed me to copy and paste my HTML template and automatically have it look the same on any page. After creating the Main.CSS I started editing it in an atempt to make my site look less garbage. It kinda worked... I also started adding content and making plans for what I wanted to do next.I had also watched a couple videos on CSS animation and wanted to add a couple to my site to test it out.


Make a main.css to start with. Don't be an idiot like me and waste your time typing the same thing in 5 different files. Also, I am in now way paid by Linkedin but I would highly recomend their videos for anyone thats trying to learn to code. I will probably be making a blog post shortly about version 2 after the version I'm working on right now is uploaded to the archive. If you want me to go more in depth on anything please send me and email at [email protected]

Website Plan

  • add titles to artwork
  • fix order of artwork
  • add more to about page
    • add contact form
    • add more about this site
    • add how I learned what I learned
  • implement more artwork into design of website
  • Make icons for pages
  • add hidden things in website for people to probably never find or even look for
  • add sublinks
  • create navigation for sublinks
  • clean up code
  • JavaScript
  • add donation link
  • add templates
  • Add CTA to every page
  • add github compatability
Site Archive