Inspired by a recent conversation with someone on discord that prompted me to make a quick demo on codepen.io I thought I would try to make an actual tutorial out of it. So! For those that are interested, here's how to easily change what different groups see when they're logged in. This tutorial is geared specifically toward JCINK coders, but can easily be adapted to any forum or webpage. Keep reading to find out how.

hi anon! this is a brilliant question and i am so humbled that you asked me. this depends a little on your comfort level with coding, i think. 

if you are completely new to coding, i would recommend looking at something like codecademy to learn the basics of html and css with their interactive courses. i’ve personally utilised their tutorials and really liked them. if you have some familiarity but just want a good reference for css properties, w3schools is something i almost always have open in another tab or return to frequently. egg design (prev. espoirthemes) does some wonderful tutorial posts that i’ve enjoyed.

if you are comfortable with coding and want to learn things that will help take your coding to the next level, i would recommend learning something like flexbox, which can be done very easily with the in-browser game flexbox froggy. flexbox makes positioning things evenly and precisely very easy~

as for resources that can just be good for getting your creativity going, i like some of the following:

cssgradient.io - gradient backgrounds

fontpair - easy google font pairings

paletteworld - image-based color palettes

coolors - interactive color palettes

siteinspire - web design designated for inspo

fontawesome - my absolute favourite go-to icon font

I did these for the Coding Camp's challenge #033 last night, and I'm releasing them for free for folks to use if you want. There's a matching post template that I did in the same style months back for another CC challenge too.