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

 
(60 intermediate revisions by 5 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).css("background-size", "100%");
+
                    <li><a href="#GroupCSub2">Specs</a></li>
                 //$(this).data("width", $(this).width());
+
                    <li><a href="#GroupCSub3">3D Printing</a></li>
                //$(this).width("auto")
+
                    <li><a href="#GroupCSub4">Modeling</a></li>
 
+
                    <li><a href="#GroupCSub5">Stretch Goals</a></li>
                 $(this).data("minheight", $(this).css("min-height"));
+
                </ul>
                 $(this).css("min-height", "0px")
+
             </li>
 
+
                        <li>
                $(this).children("div").data("fsz", $(this).children("div").css("font-size"));
+
                <a href="#GroupD">Software</a>
                $(this).children("div").css("font-size", "12pt")
+
                <ul class="nav nav-stacked">
 
+
                    <li><a href="#GroupDSub1">Webshell</a></li>
                $(this).children("div").data("ml", $(this).children("div").css("margin-left"));
+
                    <li><a href="#GroupDSub2">MicroMaps</a></li>
                //$(this).children("div").css("margin-left", "30px")
+
                    <li><a href="#GroupDSub3">Autofocus</a></li>
 
+
                    <li><a href="#GroupDSub4">ImageJ</a></li>
                 $(this).children(".padleft").data("pl", $(this).children(".padleft").css("padding-left"));
+
                    <li><a href="#GroupDSub5">Wiki Design</a></li>
                $(this).children(".padleft").css("padding-left", "50px")
+
                 </ul>
 
+
             </li>
                 $(".team .face .profile p").data("fsz", $(".team .face .profile p").css("font-size"));
+
                        <li>
                 $(".team .face .profile p").css("font-size", "90%")
+
                <a href="#GroupE">Community</a>
 
+
                <ul class="nav nav-stacked">
                $(this).data("img", $(this).css("background-image"));
+
                    <li><a href="#GroupESub1">Outreach</a></li>
 
+
                    <li><a href="#GroupESub2">Human Practises</a></li>
                mobimg = $(this).data("mobimg")
+
                    <li><a href="#GroupESub3">Collaboration</a></li>
                $(this).css("background-image", (mobimg == null? "none":mobimg))
+
                </ul>
            }
+
            </li>
        });
+
                        <li>
    } else {
+
                <a href="#GroupF">Our Lab</a>
        $("#hovertext").html("Hover over on a face");
+
                <ul class="nav nav-stacked">
        $(".navsub_m").each(function(){
+
                    <li><a href="#GroupFSub1">Notebook</a></li>
            $(this).removeClass("navsub_m");
+
                    <li><a href="#GroupFSub2">Safety</a></li>
             $(this).show()
+
                    <li><a href="#GroupFSub3">Achievements</a></li>                 
            $(this).addClass("navsub");
+
                </ul>
            $(this).parent().children("a").attr("href", $(this).data("link"));
+
            <a href="#GroupG">About Us</a>
            $(this).parent().children("a").attr("onclick", "");
+
                <ul class="nav nav-stacked">
        })
+
                    <li><a href="#GroupGSub1">Meet the Team</a></li>
        $(".slide").each(function(){
+
                    <li><a href="#GroupGSub2">Attributions</a></li>
            $(this).css("background-size", "100% 100%");
+
                    <li><a href="#GroupGSub3">Sponsors</a></li>
            if($(this).data("mobile") == 1) {
+
                </ul>
                $(this).data("mobile", null)
+
                            </li>
                //$(this).width($(this).data("width")+"px")
+
            </li>
                $(this).css("background-image", $(this).data("img"))
+
        </ul>
                $(this).css("min-height", $(this).data("minheight"))
+
    </nav>
                $(this).children("div").css("font-size", $(this).children("div").data("fsz"))
+
-->
                //$(this).children("div").css("margin-left", $(this).children("div").data("ml"))
+
                $(this).children(".padleft").css("padding-left", $(this).children(".padleft").data("pl"))
+
                 $(".team .face .profile p").css("font-size", $(".team .face .profile p").data("fsz"))
+
             }
+
        });
+
    }
+
    $(".navbar-collapse").css("max-height", ($(window).height()-67)+"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','pointer');
+
});
+
 
+
});
+
 
+
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 176: 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/Achievements">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/Measurement">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/Achievements">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