Janitor AI Theme Tutorial

Made not only for my friend who struggles with coding but for anyone who wants to learn without going on youtube or a website.

Includes: education on HTML & CSS.

Credits to these sites:

https://cssforjai.ju.mp/#

w3schools.com

What is CSS & HTML?

HTML: HyperText Markup Language. HTML is used to create and structure a website’s content. You should know what HTML looks like, as we are able to edit our profile and character bios with the use of HTML. You could see HTML coding when you open Source Code, the About Me section in settings (aka the huge block of code you see when you first started editing in About Me), or when you open Inspect Element.

CSS: Cascading Style Sheets. Another coding language for structuring and styling the content that you’ve implemented with the use of HTML (or XML). Initially, we are not able to see CSS on the JanitorAI website unless we open Inspect Element. However now we are able to put it into About Me and the HTML/CSS editor to customize our profiles.

Javascript: DO NOT USE JAVASCRIPT FOR JANITOR AI. Language used to make the website interactable for users. As we cannot (and are not allowed to) tweak with the Javascript of the site, this is the last time I’ll mention this language.

So, how is it possible that we are able to code CSS into our profiles?This is because the About Me and CSS/HTML editor sections are like entry points to your profile’s HTML/CSS document. Fun fact: in the earlier versions of JanitorAI, the ‘Settings’ page was the only way for you to edit your profile, and the About Me section was (and still is) the profile bio.

Samples to practice with for lazy beginners!

Yeah, so if you're not feeling like having to type in all the code, I have a few easier samples to start with that don't take much effort to learn. Experimenting is extremely important for this, as it helps you learn what you can change and how to fix your code, so please be creative and do not be afraid to make mistakes, as it is bound to happen. Your mistakes help you figure out what went wrong and how you can find the solution to that, so please find the courage to not give up, okay? <3

(FOR MORE WEBSAFE FONTS: GO TO https://www.w3schools.com/cssref/css_websafe_fonts.php)

List of Fonts from The Website:

Arial (sans-serif)

Verdana (sans-serif)

Tahoma (sans-serif)

Trebuchet MS (sans-serif)

Times New Roman (serif)

Georgia (serif)

Garamond (serif)

Courier New (monospace)