Difference between revisions of "Template:IIT Kanpur/Footer"

Line 1: Line 1:
 
<html>
 
<html>
<script type="text/x-mathjax-config">
 
  MathJax.Ajax.config.path["mhchem"] = "https://cdnjs.cloudflare.com/ajax/libs/mathjax-mhchem/3.1.0";
 
  MathJax.Hub.Config({
 
    extensions: ["[mhchem]/mhchem.js"],
 
    tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
 
  });
 
</script>
 
<script type="text/javascript"
 
  src="https://2017.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
 
</script>
 
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
 
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500|Varela+Round" rel="stylesheet">
 
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
 
<link rel="stylesheet" type="text/css" href="/Team:Lund/styles/wrapper?action=raw&ctype=text/css&cache=43">
 
<script type="text/javascript" src="/Team:Lund/scripts/bootstrap?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="/Team:Lund/scripts/ScrollTrigger?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="/Team:Lund/scripts/jquery-scrollTo?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="/Team:Lund/scripts/featherlight?action=raw&ctype=text/javascript"></script>
 
  
<script>
+
<style>
  $(document).ready(function() {
+
    // Setup ScrollTrigger
+
    var trigger = new ScrollTrigger({
+
      centerVertical: true,
+
      once: true
+
    });
+
  
    var pages = {
 
      'Team:Lund':                                    '#li_home',
 
      'Team:Lund/Team':                              '#li_team',
 
      'Team:Lund/Collaborations':                    '#li_team',
 
      'Team:Lund/Attributions':                      '#li_team',
 
      'Team:Lund/Description':                        '#li_team',
 
      'Team:Lund/Design':                            '#li_team',
 
      'Team:Lund/Description':                        '#li_team',
 
      'Team:Lund/Attributions':                      '#li_team',
 
      'Team:Lund/Attributions/LundUniversity':        '#li_team',
 
      'Team:Lund/Attributions/Team':                  '#li_team',
 
      'Team:Lund/Attributions/Sponsors':              '#li_team',
 
      'Team:Lund/Attributions/Inspiration':          '#li_team',
 
      'Team:Lund/Attributions/ProjectDesign':        '#li_team',
 
      'Team:Lund/Description':                        '#li_project',
 
      'Team:Lund/Design':                            '#li_project',
 
      'Team:Lund/Design/Animation':                  '#li_project',
 
      'Team:Lund/Design/Theory':                      '#li_project',
 
      'Team:Lund/Design/Design':                      '#li_project',
 
      'Team:Lund/Design/Circuit':                    '#li_project',
 
      'Team:Lund/Design/Experiments':                '#li_project',
 
      'Team:Lund/Design/References':                  '#li_project',
 
      'Team:Lund/Results':                            '#li_project',
 
      'Team:Lund/InterLab':                          '#li_project',
 
      'Team:Lund/Parts':                              '#li_project',
 
      'Team:Lund/Experiments':                        '#li_project',
 
      'Team:Lund/Notebook':                          '#li_project',
 
      'Team:Lund/Model':                              '#li_model',
 
      'Team:Lund/Modeling/ModelDerivation':          '#li_model',
 
      'Team:Lund/Modeling/ParameterEstimation':      '#li_model',
 
      'Team:Lund/Modeling/Implementation':            '#li_model',
 
      'Team:Lund/Safety':                            '#li_safety',
 
      'Team:Lund/HP/Silver':                          '#li_hp',
 
      'Team:Lund/HP/Gold_Integrated':                '#li_hp',
 
      'Team:Lund/Engagement':                        '#li_hp',
 
      'Team:Lund/HP/Media':                          '#li_hp',
 
      'Team:Lund/Communication':                      '#li_hp',
 
    };
 
  
    var listItem = $(pages[wgPageName]);
+
/* Code for removing iGEM loader content */
    listItem.addClass('active');
+
  });
+
</script>
+
  
<script>
+
#sideMenu, #top_title, #top, #toc{
 +
  display: none;
 +
}
  
  // This is the jquery part of your template.
+
/* Content styling */
  // Try not modify any of this code too much since it makes your menu work.
+
  
  $(document).ready(function() {
+
#content {
 +
  width: 100%;
 +
  height: 100%;
 +
  box-sizing: border-box;
 +
  margin: -31px 0 0;
 +
  padding: 0;
 +
}
  
     $("#HQ_page").attr('id','');
+
body {
 +
     margin: 0;
 +
    height: 100%;
 +
}
  
    // call the functions that control the menu
 
    menu_functionality();
 
    hide_show_menu();
 
  
  
  
    //this function controls the expand and collapse buttons of the menu and changes the +/- symbols
 
    function menu_functionality() {
 
  
      //when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu
+
.clearfix::after {
      $(".menu_button").click(function(){
+
    content: "";
 +
    clear: both;
 +
    display: table;
 +
}
  
        // add or remove the class "open" , this class holds the "-"
+
.fch {
        $(this).children().toggleClass("open");
+
    border-bottom: 2px solid !important;
        // show or hide the submenu
+
}
        $(this).next('.submenu_wrapper').fadeToggle(400);
+
      });
+
  
      // when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu
+
.fch tr:nth-child(1) th:nth-child(1) {
      $("#display_menu_control").click(function(){
+
    border-bottom: 2px solid !important;
        $('#menu_content').fadeToggle(400);
+
}
      });
+
  
      // call the current page highlight function
+
.fch tr th:nth-child(1) {
      highlight_current_page();
+
     border: none !important;
     }
+
}
  
 +
#contentMain li {
 +
    font-size: 1.25em;
 +
    line-height: 1.9;
 +
}
  
    // call the highlight current page function to show it on the menu with a different background color
+
#contentMain table li {
     function highlight_current_page() {
+
     font-size: 1em;
 +
}
  
      // select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color
 
      $("#"+  wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page");
 
  
      // now that the current_page class has been added to a menu item, make the submenu fade in
 
      $(".current_page").parents(".submenu_wrapper").fadeIn(400);
 
      // change the +/- symbol of the corresponding menu button
 
      $(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open");
 
  
    }
 
  
  
  
    // allow button on the black menu bar to show/hide the side menu
+
/* Footer styling */
    function hide_show_menu() {
+
  
      // in case you preview mode is selected, the menu is hidden for better visibility
+
        #pagefooter {
      if (window.location.href.indexOf("submit") >= 0) {
+
            width: 100%;
         $(".igem_2017_menu_wrapper").hide();
+
            position: fixed;
      }
+
            bottom: -250px;
 
+
            left: 0;
      // if the black menu bar has been loaded
+
            background-color: #23e082;
         if (document.getElementById('bars_item')) {
+
            transition: all 0.5s ease;
 
+
            padding-left: 10px;
         // when the "bars_item" has been clicked
+
            z-index: 2;
         $("#bars_item").click(function() {
+
            font-family: "Poppins", sans-serif;
          $("#sideMenu").hide();
+
        }
 
+
        #smallfooter {
          // show/hide the menu wrapper
+
            transition: all 0.5s ease;
          $(".igem_2017_menu_wrapper").fadeToggle("100");
+
        }
         });
+
        .expanded {
 +
            bottom: 0 !important;
 +
            transition: all 0.5s ease;
 +
        }
 +
         .expanded #smallfooter {
 +
            opacity: 0;
 +
            transition: all 0.5s ease;
 +
        }
 +
        .footerarrow {
 +
            position: absolute;
 +
            top: 4px;
 +
            left: 50%;
 +
            transform: translateX(-50%);
 +
            transition: transform 0.5s ease-in;
 +
            height: 12px;
 +
        }
 +
         .inverted {
 +
            transform: rotate(180deg);
 +
            transition: transform 0.5 ease-in;
 +
        }
 +
        #bigfooter table {
 +
            border: none;
 +
            background: none;
 +
         }
 +
        #bigfooter table tr td {
 +
            border: none;
 +
            background: none;
 +
        }
 +
        #bigfooter table tr th {
 +
            border: none;
 +
            background: none;
 +
            font-family: "Raleway-ExtraBold", sans-serif;
 +
            font-size: 2em;
 +
            letter-spacing: 1px;
 +
            text-transform: uppercase;
 +
        }
 +
         #footericons {
 +
            float: right;
 +
            margin-right: 20px;
 +
        }
 +
        #footericons img{
 +
            height: 18px;
 +
            margin-right: 10px;
 +
            margin-bottom: 2px;
 +
        }
 +
        #bigfooter {
 +
            width: 100%;
 +
            position: relative;
 +
            display: block;
 +
            height: 250px;
 +
         }
 +
        #footersponsors {
 +
            width: 60%;
 +
            float: left;
 +
        }
 +
        #footersponsors img {
 +
            height: 100%;
 +
        }
 +
        #footercontact {
 +
            width: 40%;
 +
            float: right;
 +
        }
 +
        #footercontact img {
 +
            height: 50px;
 +
        }
 +
        #footersponsors td {
 +
            text-align: center;
 +
            height: 70px;
 
         }
 
         }
  
      // because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet
 
      else {
 
            setTimeout(hide_show_menu, 15);
 
      }
 
    }
 
 
 
  });
 
 
$(document).ready(function() {
 
  var visible = false;
 
  //Check to see if the window is top if not then display button
 
  $(window).scroll(function() {
 
    var scrollTop = $(this).scrollTop();
 
    if (!visible) {
 
      if (scrollTop > 400) {
 
        $("#scroll-to-top-btn").fadeIn();
 
        visible = true;
 
      }
 
    }
 
    else if (scrollTop <= 400) {
 
      $("#scroll-to-top-btn").fadeOut();
 
      visible = false;
 
    }
 
  });
 
 
  $("#scroll-to-top-btn").click(function() {
 
    $(window).scrollTo(0, 250);
 
  });
 
});
 
 
</script>
 
 
<style type="text/css">
 
  /***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
 
  /* Clear the default wiki settings */
 
 
  #home_logo, #sideMenu { display:none; }
 
  #sideMenu, #top_title, .patrollink  {display:none;}
 
  #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 
  body {background-color:white; }
 
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
 
</style>
 
</style>
  
<head>
+
<div id="contentWrapper">
  <meta name="viewport" content="width=device-width, initial-scale=1">
+
<div style="position: fixed; width: 100%; top: 16px; left: 0; z-index: 1;">
</head>
+
  
<nav id="navbar" class="navbar navbar-inverse navbar-static-top">
 
  <div class="container">
 
    <div class="navbar-header">
 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false">
 
        <span class="sr-only">Toggle navigation</span>
 
        <span class="icon-bar"></span>
 
        <span class="icon-bar"></span>
 
        <span class="icon-bar"></span>
 
      </button>
 
      <a class="navbar-brand" href="/Team:Lund">
 
        <img alt="iGEM Lund" src="https://static.igem.org/mediawiki/2018/b/b6/T--Lund--logo_rescaled.svg" style="height:60px">
 
      </a>
 
    </div>
 
  
    <div class="collapse navbar-collapse" id="navbar-collapse">
+
<div id="pagefooter" class="clearfix">
      <ul class="nav navbar-nav navbar-right">
+
        <div id="smallfooter" class="clearfix">
 +
            <div id="footericons">
 +
                <a href="https://www.facebook.com/bioluminatiigem/"><img src="https://static.igem.org/mediawiki/2018/a/a2/T--IIT_Kanpur--fb.svg" /></a><a href="https://twitter.com/igemiit?lang=en"><img src="https://static.igem.org/mediawiki/2018/f/f7/T--IIT_Kanpur--twitter.svg" /></a><a href="mailto:teamigemiitk2k18@gmail.com"><img src="https://static.igem.org/mediawiki/2018/5/5d/T--IIT_Kanpur--mail.svg" /></a><a href="https://www.instagram.com/igem_iitk/"><img src="https://static.igem.org/mediawiki/2018/2/22/T--IIT_Kanpur--insta.svg" /></a>
 +
            </div>
 +
        </div>
 +
        <img class="footerarrow" src="https://static.igem.org/mediawiki/2018/a/a8/T--IIT_Kanpur--arrow.png" width="20px" />
 +
        <div id="bigfooter" class="clearfix">
 +
            <div id="footersponsors">
 +
<table style="margin: auto">
 +
<tr>
  
        <li id="li_home"><a href="/Team:Lund">Home</a></li>
+
<th colspan="6" style="text-align: center; font-size: 1.5em;">Sponsors</th>
  
        <li id="li_team" class="dropdown">
+
</tr>
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team <span class="caret"></span></a>
+
<tr>
          <ul class="dropdown-menu">
+
<td colspan="2"><a href="https://www.iitk.ac.in/"><img src="https://static.igem.org/mediawiki/2018/3/3d/T--IIT_Kanpur--IITKlogo.png"></a></td>
            <li><a href="/Team:Lund/Team">Team</a></li>
+
<td colspan="2"><a href="https://in.mathworks.com/"><img src="https://static.igem.org/mediawiki/2018/b/ba/T--IIT_Kanpur--mw.png"></a></td>
            <li><a href="/Team:Lund/Collaborations">Collaborations</a></li>
+
<td colspan="2"><a href="https://eu.idtdna.com/pages"><img src="https://static.igem.org/mediawiki/2018/1/10/T--IIT_Kanpur--idt.png"></a></td>
            <li><a href="/Team:Lund/Attributions">Attributions</a></li>
+
</tr>
          </ul>
+
<tr>
        </li>
+
<td colspan="2"><a href="https://www.geneious.com/"><img src="https://static.igem.org/mediawiki/2018/a/ae/T--IIT_Kanpur--geneious.png"></a></td>
 
+
<td colspan="2"><a href="http://www.snapgene.com/"><img src="https://static.igem.org/mediawiki/2018/8/84/T--IIT_Kanpur--snapgene.png"></a></td>
        <li id="li_project" class="dropdown">
+
<td colspan="2"><a href="http://www.iitk.ac.in/siic/d/birac-bio-incubator"><img src="https://static.igem.org/mediawiki/2018/5/57/T--IIT_Kanpur--birac.png"></a></td>
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
+
</tr>
          <ul class="dropdown-menu">
+
            <li><a href="/Team:Lund/Description">Description</a></li>
+
            <li><a href="/Team:Lund/Design">Design</a></li>
+
            <li><a href="/Team:Lund/Results">Results</a></li>
+
            <li><a href="/Team:Lund/InterLab">InterLab</a></li>
+
            <li><a href="/Team:Lund/Parts">Parts</a></li>
+
            <li><a href="/Team:Lund/Experiments">Protocols</a></li>
+
            <li><a href="/Team:Lund/Notebook">Notebook</a></li>
+
          </ul>
+
        </li>
+
 
+
        <li id="li_model"><a href="/Team:Lund/Model">Model</a></li>
+
        <li id="li_safety"><a href="/Team:Lund/Safety">Safety</a></li>
+
        <li id="li_hp"><a href="/Team:Lund/HP/Silver">Practices</a></li>
+
 
+
      </ul>
+
    </div><!-- /.navbar-collapse -->
+
  </div><!-- /.container-fluid -->
+
</nav>
+
 
+
<button type="button" id="scroll-to-top-btn">
+
  <i class="fa fa-arrow-up" aria-hidden="true"></i>
+
</button>
+
 
+
</html>
+
 
+
<html>
+
 
+
<div class="sponsors">
+
    <img src="https://static.igem.org/mediawiki/2018/7/76/T--Lund--sponsor_gant.png" alt="Gant Logo"
+
    style="height: 20px; width: auto">
+
    <img src="https://static.igem.org/mediawiki/2018/7/7c/T--Lund--sponsor_lmk.png" alt="LMK Logo"
+
    style="height: 100px; width: auto">
+
    <img src="https://static.igem.org/mediawiki/2018/8/8a/T--Lund--sponsor_lund.png" alt="Lund Logo"
+
    style="height: 125px; width: auto">
+
    <img src="https://static.igem.org/mediawiki/2018/1/14/T--Lund--sponsor_kunskap_partner.png" alt="Kunskap Partner Logo"
+
    style="height: 50px; width: auto">
+
  </div>
+
 
+
<footer class="footer">
+
 
+
  <section class="site-map container">
+
    <div class="row">
+
 
+
      <div class="col-sm-3">
+
        <h5>Home</h5>
+
        <ul>
+
          <li><a href="/Team:Lund">Home</a></li>
+
        </ul>
+
 
+
        <h5>Team</h5>
+
        <ul>
+
          <li><a href="/Team:Lund/Team">Team</a></li>
+
          <li><a href="/Team:Lund/Collaborations">Collaborations</a></li>
+
          <li><a href="/Team:Lund/Attributions">Attributions</a></li>
+
        </ul>
+
      </div>
+
 
+
      <div class="col-sm-3">
+
        <h5>Project</h5>
+
        <ul>
+
          <li><a href="/Team:Lund/Description">Description</a></li>
+
          <li><a href="/Team:Lund/Design">Design</a></li>
+
          <li><a href="/Team:Lund/Results">Results</a></li>
+
          <li><a href="/Team:Lund/InterLab">InterLab</a></li>
+
          <li><a href="/Team:Lund/Parts">Parts</a></li>
+
          <li><a href="/Team:Lund/Experiments">Protocol</a></li>
+
          <li><a href="/Team:Lund/Notebook">Notebook</a></li>
+
        </ul>
+
      </div>
+
 
+
      <div class="col-sm-3">
+
        <h5>Model</h5>
+
        <ul>
+
          <li><a href="/Team:Lund/Model">Results</a></li>
+
          <li><a href="/Team:Lund/Modeling/ModelDerivation">Model derivation</a></li>
+
          <li><a href="/Team:Lund/Modeling/ParameterEstimation">Parameter estimation</a></li>
+
          <li><a href="/Team:Lund/Modeling/Implementation">Implementation</a></li>
+
        </ul>
+
 
+
        <h5>Safety</h5>
+
        <ul>
+
          <li><a href="/Team:Lund/Safety">Safety</a></li>
+
        </ul>
+
      </div>
+
 
+
      <div class="col-sm-3">
+
        <h5>Practices</h5>
+
        <ul>
+
          <li><a href="/Team:Lund/HP/Silver">Overview</a>
+
          <li><a href="/Team:Lund/HP/Gold_Integrated">Integrated</a>
+
          <li><a href="/Team:Lund/Engagement">Engagement</a>
+
          <li><a href="/Team:Lund/HP/Media">Media</a>
+
          <li><a href="/Team:Lund/Communication">Communication</a>
+
        </ul>
+
      </div>
+
  
 +
                </table>
 +
            </div><div id="footercontact">
 +
                <table style="margin: auto">
 +
                    <tr><th colspan="6" style="text-align: center; font-size: 1.5em;">Contact</th></tr>
 +
                    <tr><td>&nbsp;</td></tr>
 +
                    <tr>
 +
                        <td><a href="https://www.facebook.com/bioluminatiigem/"><img src="https://static.igem.org/mediawiki/2018/a/a2/T--IIT_Kanpur--fb.svg" /></a></td>
 +
                        <td><a href="https://twitter.com/igemiit?lang=en"><img src="https://static.igem.org/mediawiki/2018/f/f7/T--IIT_Kanpur--twitter.svg" /></a></td>
 +
                        <td><a href="mailto:teamigemiitk2k18@gmail.com"><img src="https://static.igem.org/mediawiki/2018/5/5d/T--IIT_Kanpur--mail.svg" /></a></td>
 +
                        <td><a href="https://www.instagram.com/igem_iitk/"><img src="https://static.igem.org/mediawiki/2018/2/22/T--IIT_Kanpur--insta.svg" /></a></td>
 +
                    </tr>
 +
                    <tr><td>&nbsp;</td></tr>
 +
                </table>
 +
            </div>
 +
        </div>
 
     </div>
 
     </div>
  </section>
+
</div>
  
  <section class="container">
+
<script>
     <div class="row">
+
     $("#pagefooter").click(function() {
 +
        $("#pagefooter").toggleClass("expanded");
 +
        $(".footerarrow").toggleClass("inverted");
 +
    });
  
      <div class="contact col-sm-3">
+
</script>
        <h4>Contact</h4>
+
        <a>Sölvegatan 22 A</a><br>
+
        <a>223 62 Lund</a><br>
+
        <a> Sweden</a><br>
+
        <a href="mailto:igemlund@gmail.com">igemlund@gmail.com</a>
+
      </div>
+
 
+
      <div class="social-media col-sm-3 col-sm-offset-3">
+
        <h4>Stay connected</h4>
+
        <ul>
+
          <li>
+
            <a href="https://www.facebook.com/igemlund" target="_blank">
+
              <i class="fa fa-facebook-official" aria-hidden="true"></i>
+
              Facebook
+
            </a>
+
          </li>
+
          <li>
+
            <a href="https://www.instagram.com/igem_lund" target="_blank">
+
              <i class="fa fa-instagram" aria-hidden="true"></i>
+
              Instagram
+
            </a>
+
          </li>
+
          <li>
+
            <a href="https://twitter.com/iGEM_Lund" target="_blank">
+
              <i class="fa fa-twitter" aria-hidden="true"></i>
+
              Twitter
+
            </a>
+
          </li>
+
        </ul>
+
      </div>
+
 
+
    </div>
+
  </section>
+
 
+
  <section class="copyright container">
+
    &copy;2018 iGEM Lund
+
  </section>
+
 
+
</footer>
+
 
</html>
 
</html>

Revision as of 15:21, 13 October 2018