599 KiB
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¶
You can look at different level of nested unorderd list
level 1
- level 2
- level 2
- level 2
- level 3
- level 3
- level 4
- level 5
- level 6
- level 5
- level 4
- level 2
level 1
level 1
level 1
Ordered list
- level 1 2. level 1 3. level 1 4. level 1 1. level 1 2. level 1 2. level 1 3. level 1 4. level 1 1. level 1 2. level 1
- level 1
- 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.¶
- This is the first list item.
- This is the second list item.
Here's some example code:
return shell_exec("echo $input | $markdown_script");
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.
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>
- 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
# 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)
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 |