Welcome to the Browsercode Docs! *** These are the docs for Browsercode Version 0.1.1 *** VERSION HISTORY ==================== V0.1.1 - Add new colors; Adjust tab spacing and intention methods; add new rectangle classes V0.1.0 - First version HOW TO USE ==================== This is HTML for a very simple Browsercode file. Sample Browsercode File
Welcome to the Terminal Prompt!
>>> _
Firstly, you need to link to the CSS source of Browsercode, https://krys.ltimas.com/api/Browsercode.css Then, you need to create the
element, with classes (class="INSERT CLASSES HERE") and then enter the text. You can combine several features, as in
TAB SPACING ==================== There are two ways to indent the code properly: 1) Use the 
 tag. All spaces in the html will remain. However, your HTML code will need to be spaced against the 1st column.

Example:




Normal space
  Small tabbed space
	Tabbed space
		Large tabbed space





2) You can use 
 to go to a new line in the code. Additionally, use the tab, smalltab, and doubletab classes for indention.

Example:




Normal space
Small tabbed space
Tabbed space
Large tabbed space





Both examples provided should render the same in the browser. It's a matter of personal preference which one you use.

CLASSES REFERENCE
====================

This is the list of the possible classes you can use in Browsercode files. "element" indicates an element instead of a class.

 ~ code: The default class code, which identifies the font type (Courier New) and changes the font size to 16 pixels.
 ~ white, red, green, blue, darkblue, orange, black, pink: Changes the color to its class name, respectively.
 ~ setblack, setgrey, setwhite: Changes the background color to its name, respectively.
 ~ margin, padding: Adds margin or padding.
 ~ fill-narrowrect: Changes the dimensions of the box to 500 X as much height as the lines use
 ~ fillrect: Changes the dimensions of the box to 600 X 400 pixels.
 ~ fill-largerect: Changes the dimensions of the box to 1000 X 1000 pixels.
 ~ border: Adds a border.
 ~ bold: Bolds the text.
 ~ italic: Italicizes the text.
 ~ lgtext: Changes the font size to 18 pixels
 ~ smtext: Changes the font size to 12 pixels
 ~ transparent: Changes the opacity of the background to 50%
 ~ hidden: Hides an element
 ~ codenumber: Adds numbers to the side of your code. NOTE THAT YOU WILL NEED TO USE THE 
     AND 
  1.  TAGS FOR THIS (E.g. 
    1. print("Hello")
    2. print("How are you?")
    )
 ~ a element: If you use the  element inside the code class, the link will be styled up accordingly.
 ~ smalltab: inserts a tab equivalent to 2 spaces
 ~ tab: inserts a tab equivalent to 4 spaces
 ~ largetab: inserts a tab equivalent to 8 spaces