Difference between revisions of "Team:TUDelft/Head"

Revision as of 07:49, 28 August 2018 (view source)

Schmidtchen (Talk | contribs)

← Older edit

Latest revision as of 11:52, 28 November 2018 (view source)

Schmidtchen (Talk | contribs)

(42 intermediate revisions by 3 users not shown)

Line 11:

<!-- Mobile Specific Metas

–––––––––––––––––––––––––––––––––––––––––––––––––– -->

−

+

+

<!-- FONT

Line 22:

Line 23:

<!-- CSS

–––––––––––––––––––––––––––––––––––––––––––––––––– -->

−

+

<!-- JS

Line 32:

Line 33:

+

<!-- KATEX

–––––––––––––––––––––––––––––––––––––––––––––––––– -->

−

+

document.addEventListener("DOMContentLoaded", function() {

Line 85:

Line 87:

–––––––––––––––––––––––––––––––––––––––––––––––––– -->

+

<style>

+

@media screen and (min-width: 768px){

+

CSS

+

}

+

#custom-nav {

+

background-color: rgba(255,255,255,0.7);

+

border: 0;

+

box-shadow: none;

+

z-index: 999;

+

-webkit-transition: background .5s ease-in-out, opacity .5s ease;

+

-moz-transition: background .5s ease-in-out, opacity .5s ease;

+

transition: background .5s ease-in-out, opacity .5s ease;

+

margin-right: -15px;

+

}

+

#custom-nav .dropdown-menu {

+

border-radius: 0;

+

border: none;

+

border-top: 5px solid transparent;

+

background-color: rgba(255,255,255,0.7);

+

-webkit-box-shadow: none;

+

box-shadow: none;

+

padding-top: 0;

+

}

+

#custom-nav .container {

+

padding-top: 25px;

+

padding-bottom: 25px;

+

-webkit-transition: padding-top .5s ease, padding-bottom .5s ease;

+

-moz-transition: padding-top .5s ease, padding-bottom .5s ease;

+

transition: padding-top .5s ease, padding-top .5s ease, padding-bottom .5s ease;

+

}

+

#custom-nav.affix {

+

top: 0;

+

min-width: 100%;

+

background-color: #f8f8f8;

+

opacity: 0.9;

+

-webkit-transition: background .5s ease-in-out, opacity .5s ease;

+

-moz-transition: background .5s ease-in-out, opacity .5s ease;

+

transition: background .5s ease-in-out, opacity .5s ease;

+

margin-right: 15px;

+

}

+

@media screen and (max-width: 767px){

+

#wrapwrap {

+

padding-top: 50px;

+

}

+

.navbar-fixed-top {

+

z-index: 999;

+

}

+

}

+

.pull-left {

+

margin-left: 10px;

+

}

+

</style>

+

+

$(window).scroll(function() {

+

if ($(".navbar").offset().top > 50) {

+

$('#custom-nav').addClass('affix');

+

$(".navbar-fixed-top").addClass("top-nav-collapse");

+

} else {

+

$('#custom-nav').removeClass('affix');

+

$(".navbar-fixed-top").removeClass("top-nav-collapse");

+

}

+

});

+

</script>

</head>

Line 90:

Line 157:

−

+

−

+

+

Line 122:

Line 190:

<li><a href="https://2018.igem.org/Team:TUDelft/Design">Design</a></li>

<li><a href="https://2018.igem.org/Team:TUDelft/Results">Results</a></li>

−

<li><a href="https://2018.igem.org/Team:TUDelft/~~Demonstration~~">Demonstration</a></li>

+

<li><a href="https://2018.igem.org/Team:TUDelft/Demonstrate">Demonstration</a></li>

−

</ul>

+

</ul>

</li>

Line 133:

Line 201:

<li><a href="https://2018.igem.org/Team:TUDelft/InterLab">InterLab</a></li>

<li><a href="https://2018.igem.org/Team:TUDelft/Safety">Safety</a></li>

−

</ul>

+

<li><a href="https://2018.igem.org/Team:TUDelft/Measurement">Measurement</a></li>

+

</ul>

</li>

Line 143:

Line 212:

<li><a href="https://2018.igem.org/Team:TUDelft/Composite_Parts">Composite Parts</a></li>

<li><a href="https://2018.igem.org/Team:TUDelft/Part_Collection">Part Collection</a></li>

+

<li><a href="https://2018.igem.org/Team:TUDelft/Primers">Sequences</a></li>

</ul>

</li>

Line 171:

Line 241:

<li><a href="https://2018.igem.org/Team:TUDelft/Team">Team Members</a></li>

−

~~<li><a href="https://2018.igem.org/Team:TUDelft/Supervisors">Supervisors</a></li>~~

<li><a href="https://2018.igem.org/Team:TUDelft/Collaborations">Collaborations</a></li>

+

<li><a href="https://2018.igem.org/Team:TUDelft/Contributions">Contributions</a></li>

<li><a href="https://2018.igem.org/Team:TUDelft/Team_Building">Team Building</a></li>

</ul>

Line 178:

Line 248:

−

+

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Acknowledgements<span class="caret"></span></a>

<li><a href="https://2018.igem.org/Team:TUDelft/Attributions">Attributions</a></li>

<li><a href="https://2018.igem.org/Team:TUDelft/Sponsors">Sponsors</a></li>

−

~~<li><a href="https://2018.igem.org/Team:TUDelft/Crowdfunding">Crowdfunding</a></li>~~

</ul>

</li>

+

+

+

+

+

<li><a href="https://igem.org/2018_Judging_Form?team=TUDelft">Judging form</a></li>

+

<li><a href="https://2018.igem.org/Team:TUDelft/Medals">Medal Requirements</a></li>

+

<li><a href="https://2018.igem.org/Team:TUDelft/Awards">Awards</a></li>

+

</ul>

+

</li>

</ul>

</div>

@@ Line 11: / Line 11: @@
      <!-- Mobile Specific Metas
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+<!--    <meta name="viewport" content="width=device-width, initial-scale=1" /> -->
+        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
      <!-- FONT
@@ Line 22: / Line 23: @@
      <!-- CSS
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.css" integrity="sha384-wITovz90syo1dJWVh32uuETPVEtGigN07tkttEqPv+uR2SE/mbQcG7ATL28aI9H0" crossorigin="anonymous">
      <link rel="stylesheet" href="https://2018.igem.org/Team:TUDelft/css/custom/test2?action=raw&ctype=text/css" />
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
      <!-- JS
@@ Line 32: / Line 33: @@
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
      <script src="https://use.fontawesome.com/b31c04f526.js"></script>
      <!-- KATEX
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
      <script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.js" integrity="sha384-/y1Nn9+QQAipbNQWU65krzJralCnuOasHncUFXGkdwntGeSvQicrYkiUBwsgUqc1" crossorigin="anonymous"></script>
-     <script src="https://2017.igem.org/Team:TUDelft/js/auto-render?action=raw&ctype=text/javascript" type="text/javascript"></script>
+     <script src="https://2018.igem.org/Team:TUDelft/js/auto-render?action=raw&ctype=text/javascript" type="text/javascript"></script>
      <script>
          document.addEventListener("DOMContentLoaded", function() {
@@ Line 85: / Line 87: @@
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
      <link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2018/7/75/T--TUDelft--2018_adope_logo.png" />
+<style>
+    @media screen and (min-width: 768px){
+    CSS
+}
+    #custom-nav {
+    background-color: rgba(255,255,255,0.7);
+    border: 0;
+    box-shadow: none;
+    z-index: 999;
+    -webkit-transition: background .5s ease-in-out, opacity .5s ease;
+    -moz-transition: background .5s ease-in-out, opacity .5s ease;
+    transition: background .5s ease-in-out, opacity .5s ease;
+    margin-right: -15px;
+}
+    #custom-nav .dropdown-menu {
+    border-radius: 0;
+    border: none;
+    border-top: 5px solid transparent;
+    background-color: rgba(255,255,255,0.7);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    padding-top: 0;
+}
+    #custom-nav .container {
+    padding-top: 25px;
+    padding-bottom: 25px;
+    -webkit-transition: padding-top .5s ease, padding-bottom .5s ease;
+    -moz-transition: padding-top .5s ease, padding-bottom .5s ease;
+    transition: padding-top .5s ease, padding-top .5s ease, padding-bottom .5s ease;
+}
+    #custom-nav.affix {
+    top: 0;
+    min-width: 100%;
+    background-color: #f8f8f8;
+    opacity: 0.9;
+    -webkit-transition: background .5s ease-in-out, opacity .5s ease;
+    -moz-transition: background .5s ease-in-out, opacity .5s ease;
+    transition: background .5s ease-in-out, opacity .5s ease;
+margin-right: 15px;
+}
+    @media screen and (max-width: 767px){
+    #wrapwrap {
+        padding-top: 50px;
+    }
+    .navbar-fixed-top {
+        z-index: 999;
+    }
+}
+.pull-left {
+   margin-left: 10px;
+}
+</style>
+<script>
+$(window).scroll(function() {
+    if ($(".navbar").offset().top > 50) {
+        $('#custom-nav').addClass('affix');
+        $(".navbar-fixed-top").addClass("top-nav-collapse");
+    } else {
+        $('#custom-nav').removeClass('affix');
+        $(".navbar-fixed-top").removeClass("top-nav-collapse");
+    }
+});
+</script>
 </head>
@@ Line 90: / Line 157: @@
 <header>
-<nav class="navbar navbar-default navbar-fixed-top" style="margin:20px;">
-<div class="container-fluid">
+<nav class="navbar navbar-default navbar-fixed-top" id="custom-nav" style="margin:15px;">
+<div class="container-fuid">
 <!-- Brand and toggle get grouped for better mobile display -->
@@ Line 122: / Line 190: @@
      <li><a href="https://2018.igem.org/Team:TUDelft/Design">Design</a></li>
      <li><a href="https://2018.igem.org/Team:TUDelft/Results">Results</a></li>
-     <li><a href="https://2018.igem.org/Team:TUDelft/Demonstration">Demonstration</a></li>
+     <li><a href="https://2018.igem.org/Team:TUDelft/Demonstrate">Demonstration</a></li>
-    </ul>
+</ul>
 </li>
 <!-- Wetlab -->
@@ Line 133: / Line 201: @@
      <li><a href="https://2018.igem.org/Team:TUDelft/InterLab">InterLab</a></li>
      <li><a href="https://2018.igem.org/Team:TUDelft/Safety">Safety</a></li>
-  </ul>
+    <li><a href="https://2018.igem.org/Team:TUDelft/Measurement">Measurement</a></li>
+</ul>
 </li>
 <!-- Parts -->
@@ Line 143: / Line 212: @@
      <li><a href="https://2018.igem.org/Team:TUDelft/Composite_Parts">Composite Parts</a></li>
      <li><a href="https://2018.igem.org/Team:TUDelft/Part_Collection">Part Collection</a></li>
+    <li><a href="https://2018.igem.org/Team:TUDelft/Primers">Sequences</a></li>
    </ul>
 </li>
@@ Line 171: / Line 241: @@
    <ul class="dropdown-menu">
      <li><a href="https://2018.igem.org/Team:TUDelft/Team">Team Members</a></li>
-    <li><a href="https://2018.igem.org/Team:TUDelft/Supervisors">Supervisors</a></li>
      <li><a href="https://2018.igem.org/Team:TUDelft/Collaborations">Collaborations</a></li>
+    <li><a href="https://2018.igem.org/Team:TUDelft/Contributions">Contributions</a></li>
      <li><a href="https://2018.igem.org/Team:TUDelft/Team_Building">Team Building</a></li>
    </ul>
@@ Line 178: / Line 248: @@
 <!-- Acknowledgements -->
 <li class="dropdown">
-   <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team<span class="caret"></span></a>
+   <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Acknowledgements<span class="caret"></span></a>
    <ul class="dropdown-menu">
      <li><a href="https://2018.igem.org/Team:TUDelft/Attributions">Attributions</a></li>
      <li><a href="https://2018.igem.org/Team:TUDelft/Sponsors">Sponsors</a></li>
-    <li><a href="https://2018.igem.org/Team:TUDelft/Crowdfunding">Crowdfunding</a></li>
    </ul>
 </li>
+    <!-- awards -->
+<li class="dropdown">
+    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-trophy"></i><span class="caret"></span></a>
+  <ul class="dropdown-menu">
+    <li><a href="https://igem.org/2018_Judging_Form?team=TUDelft">Judging form</a></li>
+    <li><a href="https://2018.igem.org/Team:TUDelft/Medals">Medal Requirements</a></li>
+    <li><a href="https://2018.igem.org/Team:TUDelft/Awards">Awards</a></li>
+  </ul>
+</li>
 </ul>
 </div><!-- /.navbar-collapse -->