Site stylesheet

This section is really just for my own reference cause I constantly lose track of this sort of stuff.

Colours:

▣ Site background (darkest colour) is #08031A

▣ Main area background is #1F2B5C

▣ Sidebar background is #081951

▣ Dark accent (second darkest colour) is #040D34

▣ Bright accent is #12EDDE

▣ Altered bright accent is #10877f

▣ Link hover is #718fce

▣ White is #F3EEE6

Fonts:

  • Catamaran - main font used across site
  • Berlin Sans FB Demi - used for text in some assets with text (eg art summary uses it for Sastreix text)
  • Candata - used for text in some assets with text (eg art summary uses it for month names)
  • Eras Demi ITC - used for numbers in assets with text

Assets:

  • Museum image name convention: eg art_cc-20240918A and art_cc-20240918B is a pair - [craft type]_[if applicable - project]-[creation/completion date in YYYYMMDD format][modal (A) or thumbnail (B)], if multiple on the same day, _1, _2, etc, added after date and before thumbnail/modal indicator

Site credits

  • W3schools' tutorials and examples - so much of my site's code is bastardised rips of W3schools' tutorial examples. These have been wildly helpful in creating this site.
  • Mozilla's web design tutorials - another series of tutorials I've referenced some of, these I haven't used as extensively as W3schools but I do plan to revist them eventually for more foundational coding knowledge.
  • Sadgrl's layout builder guides - the turorials/guides that go with this layout builder appear to be dead :( but I did play around with this generator and reference these guides a whole bunch when first trying to create a responsive layout. I was completely lost on responsiveness and these were super helpful in getting me to a stage where my site is actually functional across different sized devices.
  • Lokesh Dhakar's lightbox script - my museum's images coding is a rip of this.