T8wn

Style showcase

8TML > Examples

This page loads its own stylesheet, showcase.8ss, which changes two keys of site.8ss:

# page stylesheet: overrides single keys of /site.8ss
h2: lightgreen upper
quote: cyan

and overrides the border in its header:

---
8tml: 1
title: Style showcase
style: showcase.8ss
border: purple
---

# Style showcase

<center>Every line of this paragraph is centered,
however narrow the screen is.

Plain text, *emphasis*, **strong**, <i>emphasis again</i>, <b>strong again</b>.
Colors: <red>red</>, <green>green</green>, <lightblue>light blue</>.
Styles add up: <yellow><rev> WARNING </> and back to normal.
A line break here\
and another one here<br>
and the paragraph goes on.

## Lists

* Bullet items wrap with a hanging indent, so a long item stays readable even on a 22-column screen.
- Dashes work too.
  An indented line continues the item.

1. Numbers count
2. upward, so this
4. item shows 3.

> A quote. It is joined and wrapped
> like a paragraph.

---

## Escapes

&lt;yellow> is printed, not a color. So are <3 and a < b.
Stars: \*not emphasis\*, 5 &#42; 3 = 15, and 1984\. starts no list.

```
Preformatted:   no wrapping,
   no *markup*, spaces kept.
```

[Back home](index.8tml)

Preview: Commodore 64, 40 columns

                                            
               STYLE SHOWCASE               
                                            
      EVERY LINE OF THIS PARAGRAPH IS       
  CENTERED, HOWEVER NARROW THE SCREEN IS.   
                                            
  PLAIN TEXT, EMPHASIS, STRONG, EMPHASIS    
  AGAIN, STRONG AGAIN. COLORS: RED, GREEN,  
  LIGHT BLUE. STYLES ADD UP:  WARNING  AND  
  BACK TO NORMAL. A LINE BREAK HERE         
  AND ANOTHER ONE HERE                      
  AND THE PARAGRAPH GOES ON.                
                                            
  LISTS                                     
                                            
  ● BULLET ITEMS WRAP WITH A HANGING        
    INDENT, SO A LONG ITEM STAYS READABLE   
    EVEN ON A 22-COLUMN SCREEN.             
  ● DASHES WORK TOO. AN INDENTED LINE       
    CONTINUES THE ITEM.                     
                                            
  1. NUMBERS COUNT                          
  2. UPWARD, SO THIS                        
  3. ITEM SHOWS 3.                          
                                            
    A QUOTE. IT IS JOINED AND WRAPPED LIKE  
    A PARAGRAPH.                            
                                            
  ────────────────────────────────────────  
                                            
  ESCAPES                                   
                                            
  <YELLOW> IS PRINTED, NOT A COLOR. SO ARE  
  <3 AND A < B. STARS: *NOT EMPHASIS*, 5 *  
  3 = 15, AND 1984. STARTS NO LIST.         
                                            
  PREFORMATTED:   NO WRAPPING,              
     NO *MARKUP*, SPACES KEPT.              
                                            
  BACK HOME

Contents