Difference between revisions of "Team:Shanghaitech/Device"

 
(5 intermediate revisions by one other user not shown)
Line 1: Line 1:
−
{{Shanghaitech}}
+
{{Shanghaitech/custom}}
 
{{Shanghaitech/css}}
 
{{Shanghaitech/css}}
 +
{{Shanghaitech/js}}
 
<html>
 
<html>
−
<head>
 
  
−
<script>
+
<div id='main-content-wrapper'>
−
    var a = document.getElementById('top-header');
+
<div class="column half_size" id="content-block">
−
    var b = document.body;
+
<h1>Device</h1>
−
    function change(){
+
<p>Content goes here.</p>
−
        if (a.className == "expanded") {
+
−
            a.className='condensed';
+
−
        } else {
+
−
            a.className='expanded';
+
−
        }
+
−
    }
+
−
    function change2(){
+
−
        if (b.className == "dev") {
+
−
            b.className='';
+
−
        } else {
+
−
            b.className='dev';
+
−
        }
+
−
    }
+
−
</script>
+
−
<body class='dev'>
+
−
<div id="bg-casual" class="background"></div>
+
−
<header id="top-header" class='expanded'>
+
−
<div id='header-container' class='normalized'>
+
−
    <div-- id="header-bg" class="background"><!--div id="header-bg-opacity"></div--></div>
+
−
    <div id="logo-container" class="container"><img src="logo.png" alt="logo" class="img-contain" /></div>
+
−
    <ul class="container horizontal normalized" id="menu-bar">
+
−
        <li><a href="https://2017.igem.org/Team:Shanghaitech/"><span>Home</span></a></li>
+
−
        <li><a href="https://2017.igem.org/Team:Shanghaitech/"><span>Project</span></a>
+
−
            <ul class="dropdown-list">
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/">Overview</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/">Background</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/">Experiment and Modeling</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/">Device</a></li>
+
−
            </ul>
+
−
        </li>
+
−
        <li><a href="#"><span>Drylab</span></a>
+
−
            <ul class="dropdown-list">
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/">Hardware</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/">Software</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/">Drylab</a></li>
+
−
            </ul>
+
−
        </li>
+
−
        <li><a href="https://2017.igem.org/Team:Shanghaitech/Modeling"><span>Modeling</span></a>
+
−
            <ul class="dropdown-list">
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/">Introduction</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/">Model of parameter filling and simulation</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/">Theoretical Calculation of Modeling</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/">Model for Our Project</a></li>
+
−
            </ul>
+
−
        </li>
+
−
        <li><a href="#"><span>Human Practice</span></a>
+
−
            <ul class="dropdown-list">
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/">Overview</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/">Public Education</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/">Workshop</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/">Interview</a></li>
+
−
            </ul>
+
−
        </li>
+
−
        <li><a href="#"><span>Collaboration</span></a>
+
−
            <ul class="dropdown-list">
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/">Safety</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/">Library</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/">Meet-Up</a></li>
+
−
            </ul>
+
−
        </li>
+
−
        <li><a href="#"><span>Notebook</span></a>
+
−
            <ul class="dropdown-list">
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/Calendar">Calendar</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/Protocol">Protocol</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/Parts">Parts</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/RawMaterial">Raw Material</a></li>
+
−
            </ul>
+
−
        </li>
+
−
        <li><a href="#"><span>Team</span></a>
+
−
            <ul class="dropdown-list">
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/TeamMember">Team Members</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/Attributions">Attribution</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:Shanghaitech/Acknowledgement">Acknowledgement</a></li>
+
−
            </ul>
+
−
        </li>
+
−
    </ul></div>
+
−
</header>
+
−
<div style="position: fixed; top:50%; left: 50%; transform: translate(-50%,-50%);z-index: 999;"><a href="javascript:change()" style="padding: 100px; display:block;">change header layout</a><a href="javascript:change2()" style="padding: 100px;  display:block;">change opacity</a>
+
−
</div>
+
  
−
<p>This is a following paragraph.</p>
+
</div></div>
−
<p>This is a following paragraph.</p>
+
 
−
<p>This is a following paragraph.</p>
+
</html>
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
<p>This is a following paragraph.</p>
+
−
</body></html>
+

Latest revision as of 16:35, 30 October 2017

Device

Content goes here.