The Quote
The first to use is the "Quote" feature. This is commonly activated through the ">" key, which gives you this:
Hello there!
There is also the "reversequote" div, which gives you this:
I'm on the right now!
To use the reverse quote, type the code below. The placeholder text can be used for titles with plus signs (++++ text), normal text or any form of span you wish to use.
[[>]]
[[div class="reversequote"]]
[[/div]]
[[/>]]The T-Block
The T-Block is made for a quasi-terminal looking piece, with a block containing a grey background and a different font not used in Void-Lost. This is technically a two-parter div block, however the first div will tell the T-Block where to orient on the page with left, center or right. This is what it'll look like on your page:
Hello there!
To use it, implement this code:
[[div style="display:flex; justify-content: center;"]]
[[div class="tblock"]]
[[/div]]
[[/div]]The V-Block
The sister to the T-Block, the V-Block is much bigger and spans the entire width of the page, from border to border. It has some really cool effects on it, such as this:
Hello there!
To use it, implement this code:
[[div class="vblock"]]
[[/div]]The Terminal Block
As there is no name for this specifically, I call it the "Terminal Block." This is our closest attempt at a terminal command line recreation, with thick, blocky letters from PerfectDOS and a black and white color scheme. This is what it looks like:
Hello there! The code for me is extremely complicated!
For the best explanation of how to use this block, look at the page source here.
To use it, implement this code:
[[div class="feature-block" style="display:flex; justify-content: center;"]]
[[div class="content-panel" style="font-family: 'perfectDOS' !important; background-color: black; color: white; width: 800px; padding: 10px; border: 4px solid white; margin-top: 20px;"]]
[[div class="panel-heading"]]
[[/div]]
[[/div]]
[[/div]]The Portal Wrapper
Known as the lock, this div is basically a redirection to another page… but FANCY! I use this for pages that need passwords or something like that, but you can use it for whatever you want. If you want to change the icon you can do that too, but that's complicated. Contact us if you have questions! Here's what it looks like:
To use it, implement this code:
[[div id="portalwrapper"]]
[[a href="placeholder link"]][[span class="portal secure"]] [[/span]][[/a]]
[[/div]]The Tab List
Not used on this site but definitely available, tabs are clickable… well, tabs! These will contain different information based on what you put in each tab. They're like collapsibles, able to contain most syntax you put in it and be perfectly fine. Here's what it looks like:
Hello there!
To use it, implement this code:
[[tabview]]
[[tab First Tab]]
[[/tab]]
[[tab Second Tab]]
[[/tab]]
[[/tabview]]Tabs can be added to your heart's content. To get more tabs, repeat the "tab placeholder" and "/tab" code blocks over and over until you have your desired number of tabs. Here's an example with the code immediately after:
Hello there!
[[tabview]]
[[tab First Tab]]
[[/tab]]
[[tab Second Tab]]
[[/tab]]
[[tab Third Tab]]
[[/tab]]
[[tab Fourth Tab]]
[[/tab]]
[[tab Fifth Tab]]
[[/tab]]
[[/tabview]]The Hero Block
The heroblock, used mainly on Worldsoc, is a large box that appears with vertical lines that have text overlayed. These look really nice, especially as warnings. These can also contain a lot of syntax, but if you want it to look good you'll keep yourself limited to basic stuff with this. Here's how it looks:
Hello there!
To use it, implement this code:
[[div class="heroblock"]]
[[/div]][[/div]]
To use it, implement this code:
{div class="heroblock"}
placeholder
{/div}