CSS Playground

A notebook that contain most of the things that could be displayed, to test CSS, feel free to add things to it, and send modification

Title first level

Title second Level

Title third level

h4

h5
h6

h1

h2

h3

h4

h6

This is just a sample paragraph

With a blockquote

def some_code():
    return 'by indenting'

def some_other_code():
    return 'between_backticks'

You can look at different level of nested unordered list

  • level 1

    • level 2
    • level 2
    • level 2
      • level 3
      • level 3
        • level 4
          • level 5
            • level 6
    • level 2
  • level 1

  • level 1
  • level 1

Ordered list

  1. level 1
    1. level 1
    2. level 1
      1. level 1
      2. level 1
      3. level 1
        1. level 1
        2. level 1
          1. level 1
          2. level 1
          3. level 1
  2. level 1
  3. level 1

some Horizontal line



copy past from Daring Fireball

link : This is an example inline link.

This link has no title attribute.

inline Html This is a regular paragraph.

Foo

This is another regular paragraph.

This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.


This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.

This is the first level of quoting.

This is nested blockquote.

Back to the first level.

This is a header.

  1. This is the first list item.
  2. This is the second list item.

Here's some example code:

return shell_exec("echo $input | $markdown_script");
  1. This is a list item with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.

    Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. Donec sit amet nisl. Aliquam semper ipsum sit amet velit.

  2. Suspendisse id sem consectetuer libero luctus adipiscing.

  • This is a list item with two paragraphs.

    This is the second paragraph in the list item. You're only required to indent the first line. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

  • Another item in the same list.

  • A list item with a blockquote:

    This is a blockquote inside a list item.

  • A list item with a code block:

    <code goes here>
  1. What a great season.

1986. What a great season.

See my About page for details.

ref link This is an example reference-style link.

single asterisks

single underscores

double asterisks

double underscores

unfriggingbelievable // should render partially as bold

*this text is surrounded by literal asterisks*

There is a literal backtick (`) here.

Other Notebook element

A small tooltip

And some text inside
In [9]:
# a code cell 
import numpy as np
import matplotlib.pyplot as plt
from matplotlib.colors import LightSource

# example showing how to make shaded relief plots
# like Mathematica
# (http://reference.wolfram.com/mathematica/ref/ReliefPlot.html)
# or Generic Mapping Tools
# (http://gmt.soest.hawaii.edu/gmt/doc/gmt/html/GMT_Docs/node145.html)

# test data
d= 1
def maltc(ax, lambd=1, n=1):
    I0=1
    I= lambda theta,d : I0*(sin(2*theta)*sin(pi*n*d/lambd))**2
    X,Y=np.mgrid[-5:5:0.05,-5:5:0.05]
    Z=np.sqrt(X**2+Y**2)+np.sin(X**2+Y**2)
    
    r= np.sqrt(X**2+Y**2)
    theta = np.angle(X+1.0j*Y)
    
    Iv= np.vectorize(I)
    Z = Iv(r,theta)
    
    # create light source object.
    #ls = LightSource(azdeg=0,altdeg=65)
    # shade data, creating an rgb array.
    #rgb = ls.shade(Z,plt.cm.copper)
    # plot un-shaded and shaded images.
    #plt.figure(figsize=(12,5))
    #plt.subplot(121)
    ax.imshow(Z,cmap=plt.cm.copper)
    ax.set_title('d=%d lambda=%f'%(d,lambd))
    
fig, (axes) = plt.subplots(3,4)
fig.set_figheight(10)
fig.set_figwidth(20)

flatten = [item for sublist in axes for item in sublist]

for ax,l in zip(flatten,range(len(flatten))):
   maltc(ax,lambd=(l+1)*pi/8.0)
In [16]:
from __future__ import print_function
import sys
print('stdout')
print('stderr',file=sys.stderr)
stdout
stderr
This is table Head
but thi is the
body of
The table
In [ ]: