Robert Winslow

I am a PhD candidate in economics at the $test_sf$ University of Minnesota. gg ff fj fi

$$x^2 = \sum_{y=1}^\infty + \beta \tag{test}$$
1
2
3
Click to expando

This is a test of the details and summary ellemtns.

nested details
pretty crazynested details

bean

Sakura demo (h1 header)

This is an anchor tag/hyper link: sakura - Github Repository

Paragraphs look like this. Font size along with line height and maximum width are optimized for reading.

Italic, bold, and monospace. Itemized lists look like:

Here's a block quote:

Man surprised me most about humanity. Because he sacrifices his health in order to make money. Then he sacrifices money to recuperate his health. And then he is so anxious about the future that he does not enjoy the present; the result being that he does not live in the present or the future; he lives as if he is never going to die, and then dies having never really lived. -James J Lachard

An h2 header

Some code blocks

define foobar() {
print "Welcome to flavor country!";
}
import time
# Quick, count to ten!
for i in range(10):
# (but not *too* quick)
time.sleep(0.5)
print i

An h3 header

A nested list:

  1. First, get these ingredients:

    • carrots
    • celery
    • lentils
  2. Boil some water.

  3. Dump everything in the pot and follow this algorithm:

    find wooden spoon
    uncover pot
    stir
    cover pot
    balance wooden spoon precariously on pot handle
    wait 10 minutes
    goto first step (or shut off burner when done)

    Do not bump wooden spoon or it will fall.

Header level 1

Header level 2

Header level 3

Header level 4

Header level 5
Header level 6

A horizontal line:


Here's a link to a website, to a local doc, and to a section heading in the current doc. Here's a footnote 1.

Tables can look like this:

Shoes, their sizes, and what they're made of
size material color
9 leather brown
10 hemp canvas natural
11 glass transparent

Multi-line tables:

keyword text
red Sunsets, apples, and other red or reddish things.
green Leaves, grass, frogs and other things it's not easy being.

A horizontal rule follows.


Images are responsive by default:

example image

example image


Wait, do figure captions work?

example image
Caption here

Definition List:

Beast of Bodmin
A large feline inhabiting Bodmin Moor.
Morgawr
A sea serpent.
Owlman
A giant owl-like creature.

This is a big ol chunk of text. This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk Does abbr even need style? of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.

This is a big ol chunk of text. This is a big ol chunk of text.This is a big ol chunk of text... Balloon animals

Okay and if I put some text in between? This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.

By default (on desktop), the notes are floated right into the margin; no measures are taken to avoid collisions or overlaps (presumably if you have that problem, you ought to just rewrite your page or fix it yourself). On narrow windows & mobile, a media-query overrides the regular CSS, so the margin notes are not floated, simply indented, and toggled. The CSS looks like:

This is a big ol chunk of text. This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.

This is a big ol chunk of text. This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.underline? This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.

This is a big ol chunk of text. Huh. I've been using LaTeX rendering for inline variables, but it turns out html has a built in var element x. test This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.This is a big ol chunk of text.


Form Elements

Input fields

[Top]

Select menus

[Top]

Checkboxes

[Top]

Textareas

[Top]

Action buttons


Basic.css - Classless CSS Starter File

Lightweight

Lightweight

1 Kb minified and gzipped. No CSS classes.

Basic Typography

Basic Typography

Essential typography with the System Font Stack.

Basic Forms

Basic Forms

Vivamus non leo magna, quis imperdiet risus.

Dark Theme

Dark Theme

Easy to customize color palette and dark theme.

Simple Grid

Flex Grid without classes

By putting section tag inside section tag container you could make infinite flex grid.

Round Corners

Round corners

Round corners --rc are set to 8px by default. Set --rc to 0px if you don't like rounded corners.

Basic Typography

Suspendisse rhoncus, est ac sollicitudin viverra, leo orci sagittis massa, sed condimentum est tortor a lectus. Curabitur porta feugiat ullamcorper. Integer lacinia mi id odio faucibus eget tincidunt nisl iaculis. Nam adipiscing hendrerit turpis, et porttitor felis sollicitudin et. Donec dictum massa ac neque accumsan tempor. Cras aliquam, ipsum sit amet laoreet hendrerit, purus deleted text sapien convallis dui, et porta leo ipsum ac nunc. Nullam ornare porta dui ac semper. Cras aliquam laoreet hendrerit. Quisque vulputate dolor eget mi porta vel porta nisl pretium. Vivamus non leo magna, quis imperdiet risus. Morbi tempor risus placerat tellus imperdiet fringilla.

Why I am not one who was born in the possession of knowledge; I am & one who is fond of antiquity, and earnest in seeking it there.

Confucius, The Confucian Analects, (551 BC - 479 BC)

Ordered lists

  1. Unus
  2. Duo
  3. Tres
  4. Quattuor

Unordered lists

  • Lorem ipsum dolor sit amet
  • Consectetur adipisicing elit
  • Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
  • Ut enim ad minim veniam

Lorem ipsum dolor sit amet,consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

body { font:0.8125em/1.618 sans-serif;
    background-color:#fff;
    color:#111;
    }

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Tables

Jimi Hendrix - albums
Album Year Price
Are You Experienced 1967 $10.00
Axis: Bold as Love 1967 $12.00
Electric Ladyland 1968 $10.00
Band of Gypsys 1970 $12.00
Album Year Price

Infinity Grid

1
2
3
1
2
3
4
1
2
3
4
5
alpha
beta
gamma
delta
epsilon
beans

Forms






Download the project on Github