Difference between revisions of "Team:Tuebingen/test.html"

(Created page with "<html> <head> <title>Draft</title> <style type="text/css"> →‎Central space for fine tuning: :root { --lightBackgroundText: rgba(223, 220, 228, 0.9); -...")
 
Line 56: Line 56:
 
body {
 
body {
 
     /* Version 1: One picture scaled full size (watch file size) */
 
     /* Version 1: One picture scaled full size (watch file size) */
−
     background-image: url(space_low.jpg);
+
     background-image: url(../wiki/images/thumb/f/fe/Space_low.jpg/1599px-Space_low.jpg);
 
     background-size: 100% 100%;  
 
     background-size: 100% 100%;  
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
Line 329: Line 329:
  
 
</style>
 
</style>
−
         <script type='text/javascript' src='jquery-3.1.0.min.js' ></script>
+
         <script type='text/javascript' src='jquery.js' ></script>
 
         <script type='text/javascript'>//<![CDATA[
 
         <script type='text/javascript'>//<![CDATA[
 
             $(window).ready(function() {
 
             $(window).ready(function() {
Line 353: Line 353:
 
         <div class="grailWrapper">
 
         <div class="grailWrapper">
 
             <div class='header'>
 
             <div class='header'>
−
                 <img src="big.png" style="width: 25%; vertical-align: middle;" />
+
                 <img src="../wiki/images/c/cc/Big.png" style="width: 25%; vertical-align: middle;" />
 
                 iGEM Tuebingen
 
                 iGEM Tuebingen
 
             </div>
 
             </div>
Line 416: Line 416:
 
             <div class="contentArea">
 
             <div class="contentArea">
 
                 <div class='contentBothCols' style="text-align:center;" >
 
                 <div class='contentBothCols' style="text-align:center;" >
−
                     <img src='big.png' style="width: 60%;" />
+
                     <img src='../wiki/images/c/cc/Big.png' style="width: 60%;" />
 
                 </div>
 
                 </div>
  
Line 437: Line 437:
 
                     </p>
 
                     </p>
 
                     <figure>
 
                     <figure>
−
                         <img src='harry.jpg' />
+
                         <img src='../wiki/images/9/9b/Harry.jpg'' />
 
                         <figcaption>
 
                         <figcaption>
 
                             Take a look at this awesome illustration!
 
                             Take a look at this awesome illustration!
Line 450: Line 450:
 
                     <div class='contentCell contentSmallCell'>
 
                     <div class='contentCell contentSmallCell'>
 
                         <figure>
 
                         <figure>
−
                             <img src='harry.jpg' />
+
                             <img src='../wiki/images/9/9b/Harry.jpg' />
 
                             <figcaption>
 
                             <figcaption>
 
                                 -- Some wizzard dude.
 
                                 -- Some wizzard dude.

Revision as of 19:24, 30 September 2016

Draft

iGEM Tuebingen

Here is a small demonstration for a block text. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor...

Take a look at this awesome illustration!

And it still keeps going!

-- Some wizzard dude.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor...

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor...

Here is a small demonstration for a block text. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor...

Uebersicht Saeuremienenarbeit:
Year Slaves Income Bribes
2009 9 $1 mio. 0
2010 90 -$1 mio. $20,000
2011 100 $10 mio. $50,000

Don't forget to refer to tables in a text. Need feature btw: Auto counters!

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,

Uebersicht Saeuremienenarbeit:
Year Slaves Income Bribes
2009 9 $1 mio. 0
2010 90 -$1 mio. $20,000
2011 100 $10 mio. $50,000