|
|
| (59 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| − | {{Template:Cologne-Duesseldorf/css}}
| |
| − | {{Template:Cologne-Duesseldorf/header}}
| |
| − | <html>
| |
| − | <head>
| |
| − | <style>
| |
| − | .slider{
| |
| − | border:5px solid black;
| |
| − | position:relative;
| |
| − | }
| |
| − | .slide{
| |
| − | display:block;
| |
| − | max-width:50%;
| |
| − | padding: 10%;
| |
| − | margin:auto;
| |
| − | }
| |
| − | .slider button {
| |
| − | position: absolute;
| |
| − | top: 50%;
| |
| − | border:none;
| |
| − | height: 50px;
| |
| − | width: 50px;
| |
| − | cursor: pointer;
| |
| − | margin-top: -25px;
| |
| − | background: hsl(0, 0%, 90%);
| |
| − | }
| |
| − | .slider button:hover{
| |
| − | background: hsl(0, 0%, 70%);
| |
| − | }
| |
| | | | |
| − | .btn-left{
| |
| − | left:0;
| |
| − | }
| |
| − | .btn-right{
| |
| − | right:0;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − | </head>
| |
| − | <body>
| |
| − | <div id="ToC"></div>
| |
| − | <article>
| |
| − |
| |
| − | <h1>Heading</h1>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tempor pellentesque lacus sit amet imperdiet. Donec eleifend tristique semper. Pellentesque id libero leo. Duis in diam nisi. Maecenas vel libero lacus. Sed a quam libero. Etiam ac libero risus. Praesent risus dolor, vehicula et tincidunt quis, mollis a massa.
| |
| − |
| |
| − | Nulla erat lectus, placerat aliquam fermentum ac, varius at ex. Integer accumsan urna ac placerat scelerisque. Fusce id massa ut mi rhoncus maximus sed quis sapien. Quisque at quam sed felis vehicula consectetur in quis urna. In pharetra enim eros, in venenatis quam pulvinar eget. Vivamus congue vehicula metus. Integer vehicula nec enim eu ornare. Maecenas commodo finibus orci vel placerat. Aliquam tempor fermentum purus, vitae accumsan purus. Suspendisse tempor, dolor ut viverra suscipit, erat tellus suscipit urna, vel sagittis magna lorem vel orci. Aenean ex quam, luctus et vestibulum eu, varius ac nunc.</p>
| |
| − |
| |
| − | <div class="slider">
| |
| − | <img class="slide" src="https://static.igem.org/mediawiki/2017/9/93/Artico_mdworkflow.png" style="width:100%">
| |
| − | <img class="slide" src="https://static.igem.org/mediawiki/2017/c/c5/Artico_p5wt_polar.png" style="width:100%">
| |
| − |
| |
| − | <button class="btn-left" onclick="plusDivs(-1)">❮</button>
| |
| − | <button class="btn-right" onclick="plusDivs(1)">❯</button>
| |
| − | </div>
| |
| − |
| |
| − | <h1>Heading</h1>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tempor pellentesque lacus sit amet imperdiet. Donec eleifend tristique semper. Pellentesque id libero leo. Duis in diam nisi. Maecenas vel libero lacus. Sed a quam libero. Etiam ac libero risus. Praesent risus dolor, vehicula et tincidunt quis, mollis a massa.
| |
| − |
| |
| − | Nulla erat lectus, placerat aliquam fermentum ac, varius at ex. Integer accumsan urna ac placerat scelerisque. Fusce id massa ut mi rhoncus maximus sed quis sapien. Quisque at quam sed felis vehicula consectetur in quis urna. In pharetra enim eros, in venenatis quam pulvinar eget. Vivamus congue vehicula metus. Integer vehicula nec enim eu ornare. Maecenas commodo finibus orci vel placerat. Aliquam tempor fermentum purus, vitae accumsan purus. Suspendisse tempor, dolor ut viverra suscipit, erat tellus suscipit urna, vel sagittis magna lorem vel orci. Aenean ex quam, luctus et vestibulum eu, varius ac nunc.</p>
| |
| − |
| |
| − | </article>
| |
| − | </body>
| |
| − |
| |
| − | <script>
| |
| − | var slideIndex = 1;
| |
| − | showDivs(slideIndex);
| |
| − |
| |
| − | function plusDivs(n) {
| |
| − | showDivs(slideIndex += n);
| |
| − | }
| |
| − |
| |
| − | function showDivs(n) {
| |
| − | var i;
| |
| − | var x = document.getElementsByClassName("slide");
| |
| − | if (n > x.length) {slideIndex = 1}
| |
| − | if (n < 1) {slideIndex = x.length}
| |
| − | for (i = 0; i < x.length; i++) {
| |
| − | x[i].style.display = "none";
| |
| − | }
| |
| − | x[slideIndex-1].style.display = "block";
| |
| − | }
| |
| − | </script>
| |
| − | </html>
| |
| − | {{Template:Cologne-Duesseldorf/footer}}
| |
| − | {{Template:Cologne-Duesseldorf/js}}
| |
