Difference between revisions of "Team:TU Darmstadt/Sandbox"

Line 57: Line 57:
 
<h2>Images</h2>
 
<h2>Images</h2>
 
We have an own class for images that should be used like this:
 
We have an own class for images that should be used like this:
 +
 +
<h3>Centered Image</h3>
 
<html>
 
<html>
−
<div class="figure">
+
<div class="contentSection">
 +
<figure class="centerFig">
 
<img src="https://static.igem.org/mediawiki/parts/4/46/ENM_small.gif">
 
<img src="https://static.igem.org/mediawiki/parts/4/46/ENM_small.gif">
−
<p><b>Figure 1:</b> This is Mr. Sexy Protein dancing for your pleasure.</p>
+
<figcaption><b>Figure 1:</b> This is Mr. Sexy Protein dancing for your pleasure.</figcaption>
 +
</figure>
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit nibh in metus euismod, at facilisis risus viverra. Nam ullamcorper ut nunc vel placerat. Nunc faucibus, risus posuere suscipit cursus, urna dolor elementum nibh, nec bibendum lacus ex ut urna. Duis eu aliquam eros. Curabitur eget lacus lectus. Mauris auctor mauris vel ex venenatis lobortis. Etiam aliquam, risus eu aliquam scelerisque, orci elit dignissim dui, eget scelerisque orci quam ut nunc. Quisque aliquet eleifend odio, nec eleifend sem. Curabitur sagittis leo urna, in venenatis urna ultrices at. Quisque id eros vulputate, feugiat justo nec, facilisis ipsum.
 
</div>
 
</div>
 
</html>
 
</html>
 +
 +
<h3>Float Image to the Left</h3>
 +
<html><div class="contentSection">
 +
<figure class="leftFig">
 +
<img src="https://static.igem.org/mediawiki/parts/4/46/ENM_small.gif" width=60% height=60%>
 +
<figcaption><b>Figure 1:</b> This is Mr. Sexy Protein dancing for your pleasure.</figcaption>
 +
</figure>
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit nibh in metus euismod, at facilisis risus viverra. Nam ullamcorper ut nunc vel placerat. Nunc faucibus, risus posuere suscipit cursus, urna dolor elementum nibh, nec bibendum lacus ex ut urna. Duis eu aliquam eros. Curabitur eget lacus lectus. Mauris auctor mauris vel ex venenatis lobortis. Etiam aliquam, risus eu aliquam scelerisque, orci elit dignissim dui, eget scelerisque orci quam ut nunc. Quisque aliquet eleifend odio, nec eleifend sem. Curabitur sagittis leo urna, in venenatis urna ultrices at. Quisque id eros vulputate, feugiat justo nec, facilisis ipsum.
 +
</div></html>
 +
 +
<h3>Float Image to the right</h3>
 +
<html><div class="contentSection">
 +
<figure class="rightFig">
 +
<img src="https://static.igem.org/mediawiki/parts/4/46/ENM_small.gif" width=60% height=60%>
 +
<figcaption><b>Figure 1:</b> This is Mr. Sexy Protein dancing for your pleasure.</figcaption>
 +
</figure>
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit nibh in metus euismod, at facilisis risus viverra. Nam ullamcorper ut nunc vel placerat. Nunc faucibus, risus posuere suscipit cursus, urna dolor elementum nibh, nec bibendum lacus ex ut urna. Duis eu aliquam eros. Curabitur eget lacus lectus. Mauris auctor mauris vel ex venenatis lobortis. Etiam aliquam, risus eu aliquam scelerisque, orci elit dignissim dui, eget scelerisque orci quam ut nunc. Quisque aliquet eleifend odio, nec eleifend sem. Curabitur sagittis leo urna, in venenatis urna ultrices at. Quisque id eros vulputate, feugiat justo nec, facilisis ipsum.
 +
</div></html>

Revision as of 09:40, 16 September 2015

Here goes your awesome text!

HTML Cheat sheet for this wiki:
If you have more than three headings (h1-h6), a table of content will appear above the first heading.

Heading 1

...

Heading 2

...

Heading 3

...

Heading 4

...


Basic Tags

bold, italic, bold italic,
newline

Enclose text paragraphs in paragraph tags <p>...</p>


Lists

Unordered Lists:

  • ...
  • ...
  • ...

Ordered Lists:

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

Both types of lists can be arbitrary nested for subitems, e.g.:

  • Subitems:
    1. ...
    2. ...
    3. ...
  • ...
  • ...

Images

We have an own class for images that should be used like this:

Centered Image

Figure 1: This is Mr. Sexy Protein dancing for your pleasure.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit nibh in metus euismod, at facilisis risus viverra. Nam ullamcorper ut nunc vel placerat. Nunc faucibus, risus posuere suscipit cursus, urna dolor elementum nibh, nec bibendum lacus ex ut urna. Duis eu aliquam eros. Curabitur eget lacus lectus. Mauris auctor mauris vel ex venenatis lobortis. Etiam aliquam, risus eu aliquam scelerisque, orci elit dignissim dui, eget scelerisque orci quam ut nunc. Quisque aliquet eleifend odio, nec eleifend sem. Curabitur sagittis leo urna, in venenatis urna ultrices at. Quisque id eros vulputate, feugiat justo nec, facilisis ipsum.

Float Image to the Left

Figure 1: This is Mr. Sexy Protein dancing for your pleasure.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit nibh in metus euismod, at facilisis risus viverra. Nam ullamcorper ut nunc vel placerat. Nunc faucibus, risus posuere suscipit cursus, urna dolor elementum nibh, nec bibendum lacus ex ut urna. Duis eu aliquam eros. Curabitur eget lacus lectus. Mauris auctor mauris vel ex venenatis lobortis. Etiam aliquam, risus eu aliquam scelerisque, orci elit dignissim dui, eget scelerisque orci quam ut nunc. Quisque aliquet eleifend odio, nec eleifend sem. Curabitur sagittis leo urna, in venenatis urna ultrices at. Quisque id eros vulputate, feugiat justo nec, facilisis ipsum.

Float Image to the right

Figure 1: This is Mr. Sexy Protein dancing for your pleasure.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit nibh in metus euismod, at facilisis risus viverra. Nam ullamcorper ut nunc vel placerat. Nunc faucibus, risus posuere suscipit cursus, urna dolor elementum nibh, nec bibendum lacus ex ut urna. Duis eu aliquam eros. Curabitur eget lacus lectus. Mauris auctor mauris vel ex venenatis lobortis. Etiam aliquam, risus eu aliquam scelerisque, orci elit dignissim dui, eget scelerisque orci quam ut nunc. Quisque aliquet eleifend odio, nec eleifend sem. Curabitur sagittis leo urna, in venenatis urna ultrices at. Quisque id eros vulputate, feugiat justo nec, facilisis ipsum.