Team:Waterloo/Deliver
From 2014.igem.org
Line 4: | Line 4: | ||
<html> | <html> | ||
- | |||
- | |||
<style> | <style> | ||
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/ | ||
</style> | </style> | ||
- | |||
- | |||
- | + | <h1>DELIVER</h1> | |
- | + | <!--Slideshow or image here--> | |
- | + | <div id="imgBox"> | |
- | + | ||
- | + | </div> | |
- | + | <!--Content below images--> | |
- | + | <div class="content"> | |
- | + | <ul class="tabs"> | |
- | + | <li><a href="#view0">OVERVIEW</a></li> | |
- | + | <li><a href="#view1">DESIGN</a></li> | |
- | + | <li><a href="#view2">MATH MODELLING</a></li> | |
- | + | <li><a href="#view3">Tab 3</a></li> | |
- | + | </ul> | |
- | + | <div class="tabcontents"> | |
- | + | <div class="anchor" id="view0"> | |
- | + | <h2>Instructions for Tabs</h2> | |
- | + | FILLER TEXT GOES HERE... HAFO9U093 ADLKASDJFSF09JA DKAFJSDLKFJASLDKJF LDKSAFJA AFALDSKJFS | |
- | + | FDALFJSLD | |
- | + | LFDAKSJFLAS | |
- | + | FALDKFJASLDKFJS | |
- | + | FDALKFJSAL | |
- | + | </div> | |
- | + | <div class="anchor" id="DESIGN"> | |
- | + | <h2>Tab 1</h2> | |
- | + | <p> | |
- | + | content 1 <br> | |
- | + | content 1 <br> | |
- | + | content 1 <br> | |
- | + | content 1 <br> | |
- | + | content 1 <br> | |
- | + | content 1 <br> | |
- | + | content 1 <br> | |
- | + | content 1 <br> | |
- | + | content 1 <br> | |
- | + | content 1 <br> | |
- | + | </p> | |
- | + | </div> | |
- | + | <div class="anchor" id="MATH MODELLING"> | |
- | + | <h2>Tab 2</h2> | |
- | + | <p> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
- | + | content 2 <br> | |
+ | content 2 <br> | ||
+ | content 2 <br> | ||
+ | content 2 <br> | ||
+ | content 2 <br> | ||
+ | content 2 <br> | ||
+ | content 2 <br> | ||
+ | content 2 <br> | ||
+ | content 2 <br> | ||
+ | content 2 <br> | ||
+ | content 2 <br> | ||
+ | content 2 <br> | ||
+ | content 2 <br> | ||
+ | content 2 <br> | ||
+ | </p> | ||
+ | </div> | ||
+ | <div class="anchor" id="FUTURE"> | ||
+ | <h2>Tab 3</h2> | ||
+ | <p> | ||
+ | content 3 <br> | ||
+ | content 3 <br> | ||
+ | content 3 <br> | ||
+ | content 3 <br> | ||
+ | content 3 <br> | ||
+ | content 3 <br> | ||
+ | content 3 <br> | ||
+ | content 3 <br> | ||
+ | content 3 <br> | ||
+ | content 3 <br> | ||
+ | content 3 <br> | ||
+ | content 3 <br> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
- | //Align headings | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> |
- | function alignHeadings(){ | + | <script type="text/javascript"> |
+ | |||
+ | //Align headings | ||
+ | function alignHeadings(){ | ||
var remainingWidth = $("div#topbar").width(); | var remainingWidth = $("div#topbar").width(); | ||
var allheadings = $("ul#headings >li"); | var allheadings = $("ul#headings >li"); | ||
Line 93: | Line 126: | ||
allheadings.width(remainingWidth / (allheadings.length + 0.5)) | allheadings.width(remainingWidth / (allheadings.length + 0.5)) | ||
.css({"text-align":"center","line-height":"150%"}); | .css({"text-align":"center","line-height":"150%"}); | ||
- | } | + | } |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | $(document).ready(alignHeadings); | ||
+ | $(window).resize(alignHeadings); | ||
+ | </script> | ||
</html> | </html> | ||
{{Template:Team:Waterloo/Footbar}} | {{Template:Team:Waterloo/Footbar}} | ||
{{Template:Team:Waterloo/JS/WaterlooTeam}} | {{Template:Team:Waterloo/JS/WaterlooTeam}} | ||
{{Template:Team:Waterloo/JS/baseWiki}} | {{Template:Team:Waterloo/JS/baseWiki}} |
Revision as of 00:17, 17 October 2014
DELIVER
Instructions for Tabs
FILLER TEXT GOES HERE... HAFO9U093 ADLKASDJFSF09JA DKAFJSDLKFJASLDKJF LDKSAFJA AFALDSKJFS FDALFJSLD LFDAKSJFLAS FALDKFJASLDKFJS FDALKFJSALTab 1
content 1
content 1
content 1
content 1
content 1
content 1
content 1
content 1
content 1
content 1
Tab 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
Tab 3
content 3
content 3
content 3
content 3
content 3
content 3
content 3
content 3
content 3
content 3
content 3
content 3