Difference between revisions of "Team:Toronto/Interlab"

(Created page with "<html> <!-- ####################################################### --> <!-- # This html was produced by the igemwiki generator # --> <!-- # https://github.com/igemuoftATG...")
 
 
(9 intermediate revisions by the same user not shown)
Line 9: Line 9:
 
</html>
 
</html>
 
{{Toronto/head}}
 
{{Toronto/head}}
 +
<html>
 +
</html>
 +
{{Toronto/navbar-dark-cyan}}
 
<html>
 
<html>
  
<div class="section">
+
<div class="section bg-red">
 
<div class="container header">
 
<div class="container header">
<h1>Dry Lab</h1>
+
<h1>404 Page Not Found?</h1>
<div id="searchfield">
+
<p>Hello Hello Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam. Perhaps you missed a letter (or a few letters and a slash) or a capitalization?</p>
<form>
+
<input id="autocomplete" name="wiki-search" type="text" class="big-input">
+
</form>
+
</div>
+
<p>Hello Hello Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p>
+
 
</div>
 
</div>
 
</div>
 
</div>
Line 25: Line 23:
 
<div class="container content-page row">
 
<div class="container content-page row">
 
<div class="block content">
 
<div class="block content">
<div id="content-red" class="subsection">
 
<h2 class="text-red">content-red</h2>
 
<p>
 
  
Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque <b>illum</b>nobis, <i>non </i>neque reprehenderit consequatur ipsam ullam perferendis magni.<sup><a href="#ref1">[1]</a></sup>
 
</p>
 
<div class="audio audio-player">
 
<div class="loading">
 
<div class="spinner"></div>
 
</div>
 
<div class="play-pause-btn">
 
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="24" viewbox="0 0 18 24">
 
<path id="playPause" fill="#566574" fill-rule="evenodd" d="M18 12L0 24V0" class="play-pause-icon"></path>
 
</svg>
 
</div>
 
<div class="controls"><span class="current-time">0:00</span>
 
<div data-direction="horizontal" class="slider">
 
<div class="progress">
 
<div id="progress-pin" data-method="rewind" class="pin"></div>
 
</div>
 
</div><span class="total-time">0:00</span>
 
</div>
 
<div class="volume">
 
<div class="volume-btn">
 
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
 
<path id="speaker" fill="#566574" fill-rule="evenodd" d="M14.667 0v2.747c3.853 1.146 6.666 4.72 6.666 8.946 0 4.227-2.813 7.787-6.666 8.934v2.76C20 22.173 24 17.4 24 11.693 24 5.987 20 1.213 14.667 0zM18 11.693c0-2.36-1.333-4.386-3.333-5.373v10.707c2-.947 3.333-2.987 3.333-5.334zm-18-4v8h5.333L12 22.36V1.027L5.333 7.693H0z"></path>
 
</svg>
 
</div>
 
<div class="volume-controls hidden">
 
<div data-direction="vertical" class="slider">
 
<div class="progress">
 
<div id="volume-pin" data-method="changeVolume" class="pin"></div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<audio>
 
<source src="http://www.sample-videos.com/audio/mp3/crowd-cheering.mp3" type="audio/mpeg">
 
</audio>
 
</div>
 
<audio controls>
 
<source src="http://www.sample-videos.com/audio/mp3/crowd-cheering.mp3" type="audio/mpeg">
 
</audio>
 
<p>Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p>
 
<div lang="latex">1+sin(x)^2+3</div>
 
<p>Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p>
 
<figure>
 
<div class="figures">
 
<div id="container-01" class="mol-container"></div>
 
<div id="container-02" class="mol-container"></div>
 
</div>
 
<figcaption>Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population</figcaption>
 
</figure>
 
<p>Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p>
 
</div>
 
<div id="content-cyan" class="subsection">
 
<h2 class="text-cyan">content-cyan</h2>
 
<p>Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p>
 
<blockquote class="regular">Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</blockquote>
 
<p>Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p>
 
<blockquote class="sequence">
 
<pre>>SEQUENCE THAT CREATES THE ALPHA HELIX
 
--------10--------20--------30--------40--------50
 
1 MTEITAAMVKELRESTGAGMMDCKNALSETNGDFDKAVQLLREKGLGKA
 
51 LVSVKVSDDFTILSYEDLDMTF<span class="text-red">AAMRPSY</span>VENEYKALVAELEKENEERR
 
101 IPQFASRKQLSDAILKEAEEKIKEELKAQGKPEKIWDNIIPGKMNSFIA
 
151 MGQFYVMDDKKTVEQVIAEKEKEFGGKIKIVEFICFEVGEGLEKKTEDA</pre>
 
</blockquote>
 
<p>Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p>
 
<blockquote class="code">
 
<pre>// Some dry lab code?
 
function setActive(elem) {
 
var sideNav = document.getElementsByClassName('sidebar-minibox');
 
// console.log(sideNav);
 
var ul = sideNav[0].getElementsByTagName('ul');
 
console.log(ul);
 
var li = ul[0].getElementsByTagName('li');
 
for (i=0; i < li.length; i++) {
 
li[i].classList.remove('active');
 
}
 
elem.classList.add('active');
 
}</pre>
 
</blockquote>
 
<p>Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p>
 
</div>
 
 
<div id="one" class="subsection">
 
<div id="one" class="subsection">
 
<h2 class="text-yellow">content-yellow</h2>
 
<h2 class="text-yellow">content-yellow</h2>
 
<p>Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p>
 
<p>Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p>
 +
<div id="myDiv">
 
<figure>
 
<figure>
 
<div class="figures">
 
<div class="figures">
Line 190: Line 105:
 
<li id="ref1">Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam</li>
 
<li id="ref1">Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam</li>
 
</ol>
 
</ol>
</div>
 
</div>
 
<div class="block sidebar">
 
<div id="sidebar-box">
 
<h3>Contents</h3>
 
<div class="sidebar-minibox">
 
<ul></ul>
 
</div>
 
<h3>Related Pages</h3>
 
<div class="sidebar-minibox">
 
<ul>
 
<li> <a href="#">Content 1</a></li>
 
<li> <a href="#">Content 2</a></li>
 
</ul>
 
</div>
 
 
</div>
 
</div>
 
</div>
 
</div>

Latest revision as of 18:39, 13 December 2017

404 Page Not Found?

Hello Hello Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam. Perhaps you missed a letter (or a few letters and a slash) or a capitalization?

content-yellow

Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.

data
Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population
data
Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population

Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.

data
data
Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population

Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.

Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.

Time Quantity iunno
Hello 9adsf asd 2 ads fads fdsa s
1 2 ads fads fdsa s 2 ads fads fdsa s
1 2 2 ads fads fdsa s
1 2 2 ads fads fdsa s
Hello 911 asd afd 2 ads fads fdsa s
1 2 2 ads fads fdsa s
Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population

Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.


References

  1. Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam