This is a very simple theme of James Read's personal preferences, which tries to be bright and simple.
The examples below show the component and style choices in context.
Introduction
Why?
- Simple, symantic modern CSS (<1k lines)
- Avoid extranious styles
- High accessibility
- Zero dependencies
- No JavaScript
Content
This is content. This is an internal link. This is an external link.
Subsection
This is a subsection.
Properties
- Name
- Alice
- Age
- 30
- Location
- London
- Occupation
- Software Engineer
Code
This is code.
function foo() {
console.log("bar");
}
Annotations & Tags
Annotations are inline blocks with a border and padding.
fyi
This is an annotation.
Neutral tag
info
note
good/success
important
warning
severe
bad/critical
Inline Notifications
Notifications are blocks, often using karma classes (bg or fg).
NOTE: This is a note.
SUCCESS: This is a success message.
SEVERE: This is a severe message.
CRITICAL: This is a critical message (bg).
Forms
This is a form.
Note: A more complete example can be found in the SimpleApp demo.
Stats
Stats updated in the last decade.
Hits
1,000
Unique visitors
137
Conversions
1.5%
Menus
This section shows menus.
Table
This section shows tables.
| ID | Forename | Surname |
|---|---|---|
| 1 | Bob | Smith |
Table with section header
| ID | Forename | Surname |
|---|---|---|
| 1 | Bob | Smith |
Transparent Section
This is a transparent section.