DreamOnward site meta

Behind the scenes material about this site. Normally used only during development, but shown here for style points.

There are some fancy CSS properties on this page. It may not look quite right on some older browser (or Internet Explorer).

See Canisuse:css-grid and html5please:grid.

Color palette

100 lightest
200 lighter
300 light
500 base
700 dark
800 darker
900 darkest
Primary
Neutral
Accent1
Accent2
Greens
Yellows
Reds
Inspiration from Refatoringui.com, building your color palette alongside Hacker news comments.

Tags

green
yellow
red

Note

Hello wrold

Integer lobortis gravida elementum. Nam et fringilla magna. In lobortis convallis diam eget tincidunt. Nam in efficitur mi. In eu quam vel diam sollicitudin feugiat. Duis at mattis velit. Pellentesque luctus at ipsum eu ullamcorper. Sed sed neque eget arcu viverra dictum sit amet id diam. Duis tincidunt tincidunt suscipit. Nulla in bibendum libero, eget iaculis lectus. Aenean eleifend, risus et consequat vehicula, massa libero porttitor diam, sed lobortis purus metus a arcu. Morbi imperdiet hendrerit suscipit. Phasellus placerat urna in molestie tincidunt. Aenean bibendum purus nec nunc ornare sollicitudin. Mauris condimentum, ante ac pharetra molestie, risus turpis pellentesque nunc, et pretium quam dolor nec justo. Vivamus at dui eget orci blandit consectetur et non elit. Mauris sapien velit, eleifend sed ornare at, pharetra a metus.

Buttons and links

Link button

Straight up anchors

Normal link

Some paragraph with a link in the middle.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lists

  • Unordered list 01
  • Unordered list 02
  • Unordered list 03
    • Unordered list inside list level 2
    • Unordered list inside list level 2
      • Unordered list inside list level 3
      • Unordered list inside list level 3
  1. Ordered list 01
  2. Ordered list 02
  3. Ordered list 03
    1. Ordered list inside list level 2
    2. Ordered list inside list level 2
      1. Ordered list inside list level 3
      2. Ordered list inside list level 3

Description list

Description list title 01
Description list description 01
Description list title 02
Description list description 02A
Description list description 02B

Code


    read -p "Are you sure? " -n 1 -r
    echo # (optional) move to a new line
    if [[ ! $REPLY =~ ^[Yy]$ ]]
    then
    exit 1
    fi
    

Components

Project meta component

Date
Role
Chief
DL title
DL description
Techniques
  • List item 1
  • List item 2
  • Bro programming
  • Machine learning

Alert component

Alert title
This is some descriptive text about this alert