The Sunshine Symposium

Notifications
Clear all

Style Elements

ENFP
Joined: 10 months ago
Posts: 54
Topic starter  

Heading 1: The Apex Order

Heading 2: The Second Tier

Heading 3: Standard Command

Heading 4: Minor Directive

Heading 5: Sub-Directive
Heading 6: Micro Data

This is a standard paragraph. It establishes the baseline font size, line height, and color of the Sanctuary. In the middle of this text, we might need to emphasize something heavily with bold text, or perhaps lean into an italicized thought. Sometimes we underline critical intel or strike through outdated dogma.

We also need to test how custom text colors look against the dark void, and how highlighted background text renders when someone uses the marker tool.


Hyperlinks & Mentions

Here is a standard hyperlink leading out into the matrix. We also need to test how a native wpForo mention looks when I ping @bambidoll or @jason in the middle of a sentence.


The Blockquote

“The matrix cannot tell you who you are. It can only show you the reflections you choose to accept. This is a standard blockquote. It should look indented, tactical, and distinct from the rest of the text.”

— The Scarlet Grimoire


Data Structures (Lists)

The Unordered Directive:

  • First protocol engaged.
  • Second protocol engaged.
    • Nested sub-protocol A.
    • Nested sub-protocol B.
  • Third protocol engaged.

The Ordered Execution:

  1. Initiate sequence.
  2. Verify targets.
  3. Execute command.

Code & Terminal Output

Sometimes you need to drop a quick piece of `inline code` right in the middle of a sentence. Other times, you need to dump an entire script into a preformatted terminal block:

/* SCARLET: TERMINAL TEST */
body {
    background-color: #0a0807;
    color: #eb871d;
    display: block;
}
function initiateProtocol() {
    return "Execute";
}

Media & Embeds

Below is a standard image, aligned to the left, testing how text wraps around it (if applicable) and how the margins hold up.

Symposium Logo This text is meant to sit next to the floated image. If the CSS is strong, this will look like a neatly formatted magazine article. If it is weak, the layout will shatter.

 

And finally, an iframe embed test (like a YouTube video) to ensure the container stretches properly on desktop and mobile:


Data Tables

Clearance Role Status
Level 1 Initiate Active
Level 9 Architect Classified

This topic was modified 3 weeks ago 5 times by Jason Revelucian

   
Quote
ENFP
Joined: 10 months ago
Posts: 54
Topic starter  

This is some text to see how it wraps around the image to the left or right or who the heck knows? This is some text to see how it wraps around the image to the left or right or who the heck knows? This is some text to see how it wraps around the image to the left or right or who the heck knows? This is some text to see how it wraps around the image to the left or right or who the heck knows? This is some text to see how it wraps around the image to the left or right or who the heck knows?

halestorm

This is some text to see how it wraps around the image to the left or right or who the heck knows? This is some text to see how it wraps around the image to the left or right or who the heck knows?This is some text to see how it wraps around the image to the left or right or who the heck knows? This is some text to see how it wraps around the image to the left or right or who the heck knows?This is some text to see how it wraps around the image to the left or right or who the heck knows? This is some text to see how it wraps around the image to the left or right or who the heck knows?This is some text to see how it wraps around the image to the left or right or who the heck knows? This is some text to see how it wraps around the image to the left or right or who the heck knows?This is some text to see how it wraps around the image to the left or right or who the heck knows? This is some text to see how it wraps around the image to the left or right or who the heck knows?This is some text to see how it wraps around the image to the left or right or who the heck knows? This is some text to see how it wraps around the image to the left or right or who the heck knows? This is some text to see how it wraps around the image to the left or right or who the heck knows? This is some text to see how it wraps around the image to the left or right or who the heck knows? This is some text to see how it wraps around the image to the left or right or who the heck knows? This is some text to see how it wraps around the image to the left or right or who the heck knows? This is some text to see how it wraps around the image to the left or right or who the heck knows? This is some text to see how it wraps around the image to the left or right or who the heck knows?

 


This post was modified 3 weeks ago 3 times by Jason Revelucian

   
ReplyQuote