Difference between revisions of "Team:Cambridge-JIC/Templates/Menu"

 
(72 intermediate revisions by 6 users not shown)
Line 3: Line 3:
 
<!--<meta name="viewport" content="user-scalable=1, width=400">-->
 
<!--<meta name="viewport" content="user-scalable=1, width=400">-->
 
<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />
 
<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />
−
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap.part0.css?action=raw&ctype=text/css" rel="stylesheet">
+
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_part0_css?action=raw&ctype=text/css" rel="stylesheet">
−
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap.part1.css?action=raw&ctype=text/css" rel="stylesheet">
+
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_part1_css?action=raw&ctype=text/css" rel="stylesheet">
−
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap.part2.css?action=raw&ctype=text/css" rel="stylesheet">
+
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_part2_css?action=raw&ctype=text/css" rel="stylesheet">
−
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap.part3.css?action=raw&ctype=text/css" rel="stylesheet">
+
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_part3_css?action=raw&ctype=text/css" rel="stylesheet">
−
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap.part4.css?action=raw&ctype=text/css" rel="stylesheet">
+
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_part4_css?action=raw&ctype=text/css" rel="stylesheet">
−
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap.part5.css?action=raw&ctype=text/css" rel="stylesheet">
+
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_part5_css?action=raw&ctype=text/css" rel="stylesheet">
 +
 
 +
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Style_css?action=raw&ctype=text/css" rel="stylesheet">
 +
<style>#mw-content-text > p {display:none}</style>
 +
<!--<script src="//2015.igem.org/Team:Cambridge-JIC/Assets/jquery?action=raw&ctype=text/javascript"></script>-->
 +
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/OpenSans_css?action=raw&ctype=text/css" rel="stylesheet">
 +
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Awesome_css?action=raw&ctype=text/css" rel="stylesheet">
 +
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Fudge_css?action=raw&ctype=text/css" rel="stylesheet">
  
−
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Style.css?action=raw&ctype=text/css" rel="stylesheet">
 
−
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/OpenSans.css?action=raw&ctype=text/css" rel="stylesheet">
 
−
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Awesome.css?action=raw&ctype=text/css" rel="stylesheet">
 
 
<link href="//2015.igem.org/wiki/images/3/3a/CamJIC-Favicon.png" rel="icon">
 
<link href="//2015.igem.org/wiki/images/3/3a/CamJIC-Favicon.png" rel="icon">
−
<script src="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap.js?action=raw&ctype=text/javascript"></script>
+
<script src="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_js?action=raw&ctype=text/javascript"></script>
−
<script>
+
<script src="//2015.igem.org/Team:Cambridge-JIC/Assets/Fudge_js?action=raw&ctype=text/javascript"></script>
−
function hndl(me) {
+
<script src="//2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
−
    if($(me).parent().children("div").is(':visible')) {
+
−
        $(".navsub_m").hide()
+
−
    } else {
+
−
        $(".navsub_m").hide()
+
−
        $(me).parent().children("div").show()
+
−
    }
+
−
}
+
  
−
 
+
<!--<nav class="col-xs-3 bs-docs-sidebar" style="float:right;">
−
$(window).ready(function(){
+
         <ul id="sidebar" class="nav nav-stacked fixed">
−
 
+
             <li>
−
//if($("#notebook").length == 1) return;
+
                <a href="#GroupA">Home</a>
−
 
+
                <ul class="nav nav-stacked">
−
$(window).on("resize", function () {
+
                </ul>
−
    if($(".navbar-toggle").is(":visible")) {
+
             </li>
−
         $("#hovertext").html("Tap on a face");
+
             <li>
−
        $(".navsub").each(function() {
+
                <a href="#GroupB">Project</a>
−
             $(this).removeClass("navsub");
+
                <ul class="nav nav-stacked">
−
            $(this).addClass("navsub_m");
+
                    <li><a href="#GroupBSub1">Description</a></li>
−
             $(this).hide();
+
                    <li><a href="#GroupBSub2">Make Your Own</a></li>
−
             $(this).data("link", $(this).parent().children("a").attr("href"));
+
                    <li><a href="#GroupBSub3">Gallery</a></li>
−
            $(this).parent().children("a").attr("href", "#");
+
                 </ul>
−
            $(this).parent().children("a").attr("onclick", "hndl(this)");
+
            </li>
−
        })
+
            <li>
−
        $(".slide").each(function(){
+
                 <a href="#GroupC">Hardware</a>
−
            if($(this).data("mobile") == null) {
+
                 <ul class="nav nav-stacked">
−
                $(this).data("mobile", 1)
+
                    <li><a href="#GroupCSub1">Design</a></li>
−
                //$(this).data("width", $(this).width());
+
                    <li><a href="#GroupCSub2">Specs</a></li>
−
                 //$(this).width("auto")
+
                    <li><a href="#GroupCSub3">3D Printing</a></li>
−
 
+
                    <li><a href="#GroupCSub4">Modeling</a></li>
−
                 $(this).data("minheight", $(this).css("min-height"));
+
                    <li><a href="#GroupCSub5">Stretch Goals</a></li>
−
                 $(this).css("min-height", "0px")
+
                 </ul>
−
 
+
            </li>
−
                $(this).children("div").data("fsz", $(this).children("div").css("font-size"));
+
                        <li>
−
                $(this).children("div").css("font-size", "12pt")
+
                 <a href="#GroupD">Software</a>
−
 
+
                 <ul class="nav nav-stacked">
−
                $(this).children("div").data("ml", $(this).children("div").css("margin-left"));
+
                    <li><a href="#GroupDSub1">Webshell</a></li>
−
                $(this).children("div").css("margin-left", "30px")
+
                    <li><a href="#GroupDSub2">MicroMaps</a></li>
−
 
+
                    <li><a href="#GroupDSub3">Autofocus</a></li>
−
                $(".team .face .profile p").data("fsz", $(".team .face .profile p").css("font-size"));
+
                    <li><a href="#GroupDSub4">ImageJ</a></li>
−
                 $(".team .face .profile p").css("font-size", "90%")
+
                    <li><a href="#GroupDSub5">Wiki Design</a></li>
−
 
+
                 </ul>
−
                $(this).data("img", $(this).css("background-image"));
+
            </li>
−
 
+
                        <li>
−
                 mobimg = $(this).data("mobimg")
+
                 <a href="#GroupE">Community</a>
−
                 $(this).css("background-image", (mobimg == null? "none":mobimg))
+
                 <ul class="nav nav-stacked">
−
            }
+
                    <li><a href="#GroupESub1">Outreach</a></li>
−
        });
+
                    <li><a href="#GroupESub2">Human Practises</a></li>
−
    } else {
+
                    <li><a href="#GroupESub3">Collaboration</a></li>
−
        $("#hovertext").html("Hover over on a face");
+
                </ul>
−
        $(".navsub_m").each(function(){
+
            </li>
−
            $(this).removeClass("navsub_m");
+
                        <li>
−
            $(this).show()
+
                <a href="#GroupF">Our Lab</a>
−
            $(this).addClass("navsub");
+
                <ul class="nav nav-stacked">
−
            $(this).parent().children("a").attr("href", $(this).data("link"));
+
                    <li><a href="#GroupFSub1">Notebook</a></li>
−
            $(this).parent().children("a").attr("onclick", "");
+
                    <li><a href="#GroupFSub2">Safety</a></li>
−
        })
+
                    <li><a href="#GroupFSub3">Achievements</a></li>                 
−
        $(".slide").each(function(){
+
                </ul>
−
            if($(this).data("mobile") == 1) {
+
            <a href="#GroupG">About Us</a>
−
                $(this).data("mobile", null)
+
                <ul class="nav nav-stacked">
−
                //$(this).width($(this).data("width")+"px")
+
                    <li><a href="#GroupGSub1">Meet the Team</a></li>
−
                 $(this).css("background-image", $(this).data("img"))
+
                    <li><a href="#GroupGSub2">Attributions</a></li>
−
                $(this).css("min-height", $(this).data("minheight"))
+
                    <li><a href="#GroupGSub3">Sponsors</a></li>
−
                $(this).children("div").css("font-size", $(this).children("div").data("fsz"))
+
                </ul>
−
                 $(this).children("div").css("margin-left", $(this).children("div").data("ml"))
+
                            </li>
−
                 $(".team .face .profile p").css("font-size", $(".team .face .profile p").data("fsz"))
+
            </li>
−
            }
+
        </ul>
−
        });
+
    </nav>
−
    }
+
-->
−
    $(".navbar-collapse").css("max-height", $(window).height()+"px")
+
−
}).resize();
+
−
 
+
−
$(".face").on("click", facepalm)
+
−
$(".profile").on("mouseover", function(){
+
−
facepalm()
+
−
$(this).addClass("profilehovered");
+
−
$(this).css("opacity", 1);
+
−
})
+
−
 
+
−
$(".profile").on("mouseout", function(){
+
−
$(".blur").removeClass("facehovered");
+
−
$(".profile").removeClass("profilehovered");
+
−
$(".profile").css("opacity", 0);
+
−
})
+
−
 
+
−
$("img").each(function(){
+
−
$(this).on("click", function(){
+
−
window.location = $(this).attr("src")
+
−
});
+
−
$(this).css('cursor','move');
+
−
});
+
−
 
+
−
});
+
−
 
+
−
function facepalm(){
+
−
$(".blur").removeClass("facehovered");
+
−
$(".profile").removeClass("profilehovered");
+
−
$(".profile").css("opacity", 0);
+
−
 
+
−
$(this).children(".blur").addClass("facehovered");
+
−
$(this).children(".profile").addClass("profilehovered");
+
−
$(this).children(".profile").css("opacity", 1);
+
−
 
+
−
}
+
−
</script>
+
−
 
+
−
<style>
+
−
.navbar-collapse {
+
−
max-height: 100%;
+
−
}
+
−
 
+
−
.navsub_m {
+
−
background: #333;
+
−
text-align: center;
+
−
}
+
−
 
+
−
.navsub_m ul {
+
−
margin:0;
+
−
padding:0;
+
−
width: 100%;
+
−
}
+
−
 
+
−
.navsub_m ul li {
+
−
width: 100%;
+
−
margin:0;
+
−
display: inline-block;
+
−
}
+
−
 
+
−
.navsub_m ul li a {
+
−
padding: 10px 0px;
+
−
width: 100%;
+
−
text-decoration: none;
+
−
display:block;
+
−
}
+
−
 
+
−
.col-md-3 {
+
−
text-align: center;
+
−
margin-bottom: 40px;
+
−
}
+
−
 
+
−
</style>
+
  
 
<div class="cam-container">
 
<div class="cam-container">
Line 170: Line 95:
 
                 <a class="navbar-brand" href="//2015.igem.org/Team:Cambridge-JIC">CAMBRIDGE-JIC</a>
 
                 <a class="navbar-brand" href="//2015.igem.org/Team:Cambridge-JIC">CAMBRIDGE-JIC</a>
 
             </div>
 
             </div>
−
<!--
+
 
 +
 
 
             <div class="navbar-collapse collapse">
 
             <div class="navbar-collapse collapse">
 
                 <ul class="nav navbar-nav navbar-right">
 
                 <ul class="nav navbar-nav navbar-right">
 
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC">HOME</a></li>
 
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC">HOME</a></li>
−
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC/Description">PROJECT</a>
+
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC/Project">PROJECT</a>
 
                         <div class="navsub">
 
                         <div class="navsub">
 
                             <ul>
 
                             <ul>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Description">OVERVIEW</a></li>
+
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Description">DESCRIPTION</a></li>
−
                                <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">THE STORY</a></li>
+
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Design">APPLIED DESIGN</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Design">DESIGN</a></li>
+
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Make_Your_Own">MAKE YOUR OWN</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">OPTICS</a></li>
+
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Downloads">DOWNLOADS</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">SOFTWARE</a></li>
+
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Gallery">GALLERY</a></li>
−
                                <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">DOWNLOADS</a></li>
+
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">TUTORIALS</a></li>
+
−
                                <li><a href="//2015.igem.org/Team:Cambridge-JIC/Stretch_Goals">STRETCH GOALS</a></li>
+
−
                                <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">USE CASES</a></li>
+
 
                             </ul>
 
                             </ul>
 
                         </div>
 
                         </div>
 
                     </li>
 
                     </li>
−
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC/Notebook">DEVELOPMENT</a>
+
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC/Hardware">HARDWARE</a>
 
                         <div class="navsub">
 
                         <div class="navsub">
 
                             <ul>
 
                             <ul>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Notebook">NOTEBOOK</a></li>
+
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Tech_Specs">TECHNICAL SPECIFICATIONS</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">ACHIEVEMENTS</a></li>
+
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Modeling">MODELING</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Safety">SAFETY</a></li>
+
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/3D_Printing">3D PRINTING</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">HUMAN PRACTICES</a></li>
+
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Stretch_Goals">STRETCH GOALS</a></li>
−
                                <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">OUTREACH</a></li>
+
 
                             </ul>
 
                             </ul>
 
                         </div>
 
                         </div>
 
                     </li>
 
                     </li>
−
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC/Team">ABOUT THE TEAM</a>
+
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC/Software">SOFTWARE</a>
 
                         <div class="navsub">
 
                         <div class="navsub">
 
                             <ul>
 
                             <ul>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">COLLABORATION</a></li>
+
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Webshell">WEBSHELL</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">ATTRIBUTION</a></li>
+
                                <!--<li><a href="//2015.igem.org/Team:Cambridge-JIC/ScopeScratch">SCOPESCRATCH</a></li>-->
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Sponsors">SPONSORS</a></li>
+
                                <li><a href="//2015.igem.org/Team:Cambridge-JIC/MicroMaps">MICROMAPS</a></li>
 +
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Autofocus">AUTOFOCUS</a></li>
 +
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/ImageJ">IMAGEJ</a></li>
 
                             </ul>
 
                             </ul>
 
                         </div>
 
                         </div>
 
                     </li>
 
                     </li>
−
                </ul>
+
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC/Practices">COMMUNITY</a>
−
            </div>-->
+
−
 
+
−
            <div class="navbar-collapse collapse">
+
−
                <ul class="nav navbar-nav navbar-right">
+
−
                    <li><a href="//2015.igem.org/Team:Cambridge-JIC">HOME</a></li>
+
−
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC/Description">PROJECT</a>
+
 
                         <div class="navsub">
 
                         <div class="navsub">
 
                             <ul>
 
                             <ul>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Description">DESCRIPTION</a></li>
+
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Outreach">OUTREACH</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Design">DESIGN</a></li>
+
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/OpenHardwareRevolution">OPEN HARDWARE LICENSING</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">SOFTWARE</a></li>
+
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Collaborations">COLLABORATION</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">MEASUREMENT</a></li>
+
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Wiki_Design">WIKI DESIGN</a></li>
−
                                <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">MAKE YOUR OWN</a></li>
+
−
 
+
−
<!--                                <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">DOWNLOADS</a></li>
+
−
                                <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">TUTORIALS</a></li>
+
−
                                <li><a href="//2015.igem.org/Team:Cambridge-JIC/Stretch_Goals">STRETCH GOALS</a></li>
+
−
                                <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">USE CASES</a></li>-->
+
 
                             </ul>
 
                             </ul>
 
                         </div>
 
                         </div>
 
                     </li>
 
                     </li>
−
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC/Notebook">DEVELOPMENT</a>
+
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC/Lab">OUR LAB</a>
 
                         <div class="navsub">
 
                         <div class="navsub">
 
                             <ul>
 
                             <ul>
 
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Notebook">NOTEBOOK</a></li>
 
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Notebook">NOTEBOOK</a></li>
−
                                <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">HUMAN PRACTICES</a></li>
 
 
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Safety">SAFETY</a></li>
 
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Safety">SAFETY</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">ENTREPENEURSHIP</a></li>
+
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Achievements">ACHIEVEMENTS</a></li>
−
                                <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">ACHIEVEMENTS</a></li>
+
 
                             </ul>
 
                             </ul>
 
                         </div>
 
                         </div>
 
                     </li>
 
                     </li>
−
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC/Team">ABOUT US</a>
+
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC/People">ABOUT US</a>
 
                         <div class="navsub">
 
                         <div class="navsub">
 
                             <ul>
 
                             <ul>
 
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Team">MEET THE TEAM</a></li>
 
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Team">MEET THE TEAM</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">COLLABORATIONS</a></li>
+
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Attributions">ATTRIBUTION</a></li>
−
                                <li><a href="//2015.igem.org/Team:Cambridge-JIC/501">ATTRIBUTIONS</a></li>
+
 
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Sponsors">SPONSORS</a></li>
 
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Sponsors">SPONSORS</a></li>
 
                             </ul>
 
                             </ul>

Latest revision as of 00:07, 19 September 2015

CAMBRIDGE-JIC