Difference between revisions of "Template:Vilnius-Lithuania/footer"

 
(13 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
<head>
 
<head>
 
<link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/CSS/footer&action=raw&ctype=text/css" />
 
<link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/CSS/footer&action=raw&ctype=text/css" />
<!--<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/footer&action=raw&ctype=text/javascript"></script>-->
+
 
 
</head>
 
</head>
 
<body>
 
<body>
<div id="footerWrapper" switched="false">
+
<div id="footerWrapper" switched="false">
 
<div id="upperFooter" class="container">
 
<div id="upperFooter" class="container">
 
<div id="contacts">
 
<div id="contacts">
Line 50: Line 50:
 
</div>
 
</div>
 
<div id="sponsors">
 
<div id="sponsors">
<div id="mainSponsors">
+
                <div id="mainSponsors">
<div class="mainS">
+
                    <div class="mainS"><img src="https://static.igem.org/mediawiki/2020/d/db/T--Vilnius-Lithuania--ThermoFisher.png"></div>
<img src="https://static.igem.org/mediawiki/2020/d/db/T--Vilnius-Lithuania--ThermoFisher.png">
+
                    <div class="mainS" id="vln"><img src="https://static.igem.org/mediawiki/2020/4/45/T--Vilnius-Lithuania--VilniusUniversity.png"></div>
</div>
+
                </div>
<div class="mainS" id="vln">
+
                <div id="othSWrap">
<img src="https://static.igem.org/mediawiki/2020/4/45/T--Vilnius-Lithuania--VilniusUniversity.png">
+
                    <div class="otherS"><img src="https://static.igem.org/mediawiki/2020/5/5d/T--Vilnius-Lithuania--SnapGene.png"></div>
</div>
+
                    <div class="otherS"><img src="https://static.igem.org/mediawiki/2020/4/4d/T--Vilnius-Lithuania--Biotecha.png"></div>
</div>
+
                    <div class="otherS"><img src="https://static.igem.org/mediawiki/2020/2/27/T--Vilnius-Lithuania--Grida.png"></div>
<div id="othSWrap">
+
                    <div class="otherS"><img src="https://static.igem.org/mediawiki/2020/4/41/T--Vilnius-Lithuania--GMC.png"></div>
<div id="otherSponsors">
+
                    <div class="otherS"><img src="https://static.igem.org/mediawiki/2020/f/f2/T--Vilnius-Lithuania--TechnoProjektai.png"></div>
<div class="otherS"><img src="https://static.igem.org/mediawiki/2020/5/5d/T--Vilnius-Lithuania--SnapGene.png"></div>
+
                    <div class="otherS"><img src="https://static.igem.org/mediawiki/2020/7/72/T--Vilnius-Lithuania--Kopicentras.png"></div>
<div class="otherS"><img src="https://static.igem.org/mediawiki/2020/4/4d/T--Vilnius-Lithuania--Biotecha.png"></div>
+
                </div>
<div class="otherS"><img src="https://static.igem.org/mediawiki/2020/2/27/T--Vilnius-Lithuania--Grida.png"></div>
+
            </div>
<div class="otherS"><img src="https://static.igem.org/mediawiki/2020/4/41/T--Vilnius-Lithuania--GMC.png"></div>
+
<div class="otherS"><img src="https://static.igem.org/mediawiki/2020/f/f2/T--Vilnius-Lithuania--TechnoProjektai.png"></div>
+
<div class="otherS"><img src="https://static.igem.org/mediawiki/2020/7/72/T--Vilnius-Lithuania--Kopicentras.png"></div>
+
</div>
+
</div>
+
 
+
</div>
+
 
</div>
 
</div>
 
<div id="lowerFooter" class="container">
 
<div id="lowerFooter" class="container">
<div id="navigation">
+
            <div id="navigation">
<div>
+
                <div>
<h2>team</h2>
+
                    <h2>project</h2>
<ul id="teamList">
+
                    <ul id="projectList">
<li>
+
                        <li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/Description">description</a></li>
<a href="https://2020.igem.org/Team:Vilnius-Lithuania/test/Team">members</a>
+
                        <li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/Implementation">implementation</a></li>
</li>
+
                        <li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/Contribution">contribution</a></li>
<li>
+
                        <li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/Graphic_Design">graphic design</a></li>
<a href="https://2020.igem.org/Team:Vilnius-Lithuania/test/Collaborations">collaborations</a </li>
+
<li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/Awards">awards</a></li>
<li>
+
                    </ul>
<a href="https://2020.igem.org/Team:Vilnius-Lithuania/test/Attributions">attributions</a>
+
                </div>
</li>
+
                <div>
</ul>
+
                    <h2>wet lab</h2>
</div>
+
                    <ul id="wetLab">
<div>
+
                        <li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/Design">design</a></li>
<h2>parts</h2>
+
                        <li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/Experiments">experiments</a></li>
<ul id="partsList">
+
                        <li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/Results">results</a></li>
<li>
+
                        <li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/Engineering">engineering</a></li>
<a href="https://2020.igem.org/Team:Vilnius-Lithuania/test/Parts">parts</a>
+
                        <li>
</li>
+
                            <a href="https://2020.igem.org/Team:Vilnius-Lithuania/Parts">parts</a>
<li>
+
                        </li>
<a href="https://2020.igem.org/Team:Vilnius-Lithuania/test/PartsCollection">parts collection</a>
+
                        <li>
</li>
+
                            <a href="https://2020.igem.org/Team:Vilnius-Lithuania/Safety">safety</a>
</ul>
+
                        </li>
</div>
+
                    </ul>
<div>
+
                </div>
<h2>human practices</h2>
+
                <div>
<ul id="hpList">
+
                    <h2>dry lab</h2>
<li>
+
                    <ul id="dryLab">
<a href="https://2020.igem.org/Team:Vilnius-Lithuania/test/HumanPractices">integrated human practices</a>
+
                        <li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/Model">model</a></li>
</li>
+
                        <li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/Software">software</a></li>
<li>
+
                        <li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/Hardware">hardware</a></li>
<a href="https://2020.igem.org/Team:Vilnius-Lithuania/test/Education">education & pe</a>
+
                        <li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/Measurement">measurement</a></li>
</li>
+
                    </ul>
</ul>
+
                </div>
</div>
+
                <div>
<div>
+
                    <h2>human practices</h2>
<h2>project</h2>
+
                    <ul id="hpList">
<ul id="projectList">
+
                        <li>
<li>
+
                            <a href="https://2020.igem.org/Team:Vilnius-Lithuania/Human_Practices">integrated human practices</a>
<a href="https://2020.igem.org/Team:Vilnius-Lithuania/test/Description">description</a>
+
                        </li>
</li>
+
                        <li>
<li>
+
                            <a href="https://2020.igem.org/Team:Vilnius-Lithuania/Education">education & public engagement</a>
<a href="https://2020.igem.org/Team:Vilnius-Lithuania/test/Implementation">implementation</a </li>
+
                        </li>
<li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/test/Design">design</a></li>
+
                        <li>
<li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/test/Experiments">experiments</a></li>
+
                            <a href="https://2020.igem.org/Team:Vilnius-Lithuania/The_6th_SynBio_Sense">the 6th SynBio Sense</a>
<li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/test/Results">results</a></li>
+
                        </li>
<li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/test/Engineering">engineering</a></li>
+
                    </ul>
<li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/test/Proof Of Concept">proof of concept</a></li>
+
                </div>
<li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/test/Model">model</a></li>
+
                <div>
<li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/test/Software">software</a></li>
+
                    <h2>team</h2>
<li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/test/Contribution">contribution</a></li>
+
                    <ul id="teamList">
</ul>
+
                        <li>
</div>
+
                            <a href="https://2020.igem.org/Team:Vilnius-Lithuania/Team">members</a>
</div>
+
                        </li>
 
+
                        <li>
</div>
+
                            <a href="https://2020.igem.org/Team:Vilnius-Lithuania/Collaborations">collaborations</a>
</div>
+
                            <li>
        <script>
+
                                <a href="https://2020.igem.org/Team:Vilnius-Lithuania/Attributions">attributions</a>
window.addEventListener('load', switchEls)
+
                            </li>
window.addEventListener('resize', switchEls)
+
                    </ul>
 
+
                </div>
function switchEls() {
+
            </div>
var footerDOM = document.getElementById("footerWrapper");
+
        </div>
if (footerDOM.getAttribute("switched") == "false") {
+
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/footer&action=raw&ctype=text/javascript"></script>
if (window.outerWidth <= 420) {
+
var upF = document.getElementById("upperFooter");
+
var loF = document.getElementById("lowerFooter");
+
swapElements(upF, loF)
+
footerDOM.setAttribute("switched", true);
+
}
+
} else if (footerDOM.getAttribute("switched") == "true") {
+
if (window.outerWidth > 420) {
+
var upF = document.getElementById("upperFooter");
+
var loF = document.getElementById("lowerFooter");
+
swapElements(upF, loF)
+
footerDOM.setAttribute("switched", false);
+
}
+
}
+
}
+
 
+
function swapElements(obj1, obj2) {
+
 
+
obj2.nextSibling === obj1 ?
+
obj1.parentNode.insertBefore(obj2, obj1.nextSibling) :
+
obj1.parentNode.insertBefore(obj2, obj1);
+
}
+
var acc = document.querySelectorAll("#lowerFooter #navigation h2");
+
var i;
+
 
+
for (i = 0; i < acc.length; i++) {
+
acc[i].addEventListener("click", function () {
+
this.classList.toggle("active");
+
var panel = this.nextElementSibling;
+
if (panel.style.maxHeight) {
+
panel.style.maxHeight = null;
+
} else {
+
panel.style.maxHeight = panel.scrollHeight + "px";
+
}
+
});
+
}
+
</script>
+
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 23:39, 3 December 2020