@@ Line 1: / Line 1: @@
-<html>
+{{Munich/PhactoryBootstrapCSS}}
-<script>
+{{Munich/PhactoryCSS}}
-////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
-	$(function () {
+<html lang="en">
-  $(document).scroll(function () {
-    // new color for font
-    var $nav = $(".navbar");
-    $nav.toggleClass('bg-dark', $(this).scrollTop() > $nav.height());
-  });
-});
-// tabs
-function openCity(cityName,elmnt,color) {
-    var i, tabcontent, tablinks;
-    tabcontent = document.getElementsByClassName("tabcontent");
-    for (i = 0; i < tabcontent.length; i++) {
-        tabcontent[i].style.display = "none";
-    }
-    tablinks = document.getElementsByClassName("tablink");
-    for (i = 0; i < tablinks.length; i++) {
-        tablinks[i].style.backgroundColor = "";
-    }
-    document.getElementById(cityName).style.display = "block";
-    elmnt.style.backgroundColor = color;
-}
-// Get the element with id="defaultOpen" and click on it
-document.getElementById("defaultOpen").click();
-////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
-</script>
-<style>
-/**************************************************************************************************************************************************************************************************/
-.bg-overlay {
-    background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.5)), url("../images/Digital%20Team.jpg");
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position: top;
-    color: #fff;
-    min-height: 600px;
-}
-#training{
-    background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.5)), url("../images/Discussing.png");
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position: top;
-    color: #fff;
-    min-height: 300px;
-}
-#contactUs
-{
-    background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.5)), url("../images/Neuperlach.jpg");
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position: top;
-    color: #fff;
-    min-height: 300px;
-}
-#documents
-{
-    background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.5)), url("../images/Documents.jpg");
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position: top;
-    color: #fff;
-    min-height: 300px;
-}
-#impressum {
-    background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.8)), url("../images/Digital%20Team.jpg");
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position: bottom;
-    min-height: 100px;
-    margin-bottom: 0;
-}
-#bestPractices {
-    background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.8)), url("../images/Discussing.png");
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position: top;
-    min-height: 400px;
-    margin-bottom: 0;
-}
-.bg-no-overlay {
-    background: url("https://unsplash.imgix.net/photo-1416339442236-8ceb164046f8?q=75&fm=jpg&s=8eb83df8a744544977722717b1ea4d09");
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position: center center;
-    color: #fff;
-    height: 450px;
-    padding-top: 50px;
-}
-/* tabs */
-.tablink {
-    float: left;
-    border: none;
-    outline: none;
-    width: 33.33%;
-    border-radius:0;
-    background-color: #6c757d;
-    height: 60px;
-}
-.tablink:hover {
-    background-color: #343a40;
-}
-.tablink img{
-    max-height: 40px;
-    width: auto;
-}
-/* Style the tab content */
-.tabcontent {
-    color: white;
-    display: none;
-    padding: 100px;
-    text-align: center;
-}
-#London {background-color:#3B6ECD;}
-#Paris {background-color:#D1525B;}
-#Tokyo {background-color:#E2D763;}
-/**************************************************************************************************************************************************************************************************/
-</style>
-<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
-<!--- THIS IS WHERE THE HTML BEGINS --->
-<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
-<head>
+<head>
+    <title>Phactory</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
-     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
+     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+     <script type="text/javascript" src="https://2018.igem.org/Template:Munich/PhactoryPopperJS?action=raw&amp;ctype=text/javascript"></script>
-     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
+     <script type="text/javascript" src="https://2018.igem.org/Template:Munich/PhactoryBootstrapJS?action=raw&amp;ctype=text/javascript"></script>
-     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
+    <script type="text/javascript" src="https://2018.igem.org/Template:Munich/PhactoryJS?action=raw&amp;ctype=text/javascript"></script>
+     <script type="text/javascript" src="https://2018.igem.org/Template:Munich/PhactoryCalendarJS?action=raw&amp;ctype=text/javascript"></script>
 </head>
+<body style="">
-<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+   <section id="nav-placeholder">
-<!--- Menu --->
+        <nav class="shadow navbar navbar-expand-md navbar-dark fixed-top" style="background-color: rgba(30, 30, 30, 0.3); z-index: 100;">
-<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+            <a class="navbar-brand" href="https://2018.igem.org/Team:Munich">
+                <img src="https://static.igem.org/mediawiki/2018/9/92/T--Munich--logo.png" alt="logo" style="width:40px;">
+                <h5 class="d-inline ml-3">Phactory</h5>
+            </a>
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse justify-content-around" id="collapsibleNavbar">
+                <ul class="navbar-nav">
+                    <li id="homeButton" class="nav-item mx-3">
+                        <a class="nav-link" href="https://2018.igem.org/Team:Munich">HOME</a>
+                    </li>
+                    <li class="nav-item dropdown mx-3">
+                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
+                            TEAM
+                        </a>
+                        <div class="dropdown-menu">
+                            <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Team">Team Members</a>
+                            <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Collaborations">Collaborations</a>
+  <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Sponsors">Sponsors</a>
+<a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Attributions">Attributions</a>
+                        </div>
+                    </li>
+                    <li class="nav-item dropdown mx-3">
+                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
+                            PROJECT
+                        </a>
+                        <div class="dropdown-menu">
+                            <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Description">Description</a>
+                            <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Design">Design</a>
+           <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Notebook">Notebook</a>
+<a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Protocols">Protocols</a>
+                            <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/InterLab">InterLab</a>
+                            <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Model">Model</a>
+                            <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Results">Results</a>
+                            <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Demonstrate">Demonstrate</a>
+                        </div>
+                    </li>
+                    <li class="nav-item dropdown mx-3">
+                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
+                            PARTS
+                        </a>
+                        <div class="dropdown-menu">
+                            <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Parts">Parts Overview</a>
+                            <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Basic_Part">Basic Parts</a>
+<a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Improve">Improved Parts</a>
+                            <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Composite_Part">Composite Parts</a>
+                        </div>
+                    </li>
+                    <li class="nav-item mx-3">
+                        <a class="nav-link" href="https://2018.igem.org/Team:Munich/Safety">SAFETY</a>
+                    </li>
+                    <li class="nav-item dropdown mx-3">
+                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
+                            HUMAN PRACTICES
+                        </a>
+                        <div class="dropdown-menu">
+                            <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Human_Practices">Human Practices</a>
+                            <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Public_Engagement">Education & Engagement</a>
+<a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Oracoli">Oracoli</a>
+<a class="dropdown-item" href="https://2018.igem.org/Team:Munich/European_Meetup">European Meetup</a>
+                        </div>
+                    </li>
+                    <li class="nav-item dropdown mx-3">
+                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
+                            AWARDS
+                        </a>
+                        <div class="dropdown-menu">
+                            <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Applied_Design">Applied Design</a>
+                           <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Entrepreneurship">Entrepreneurship</a>
+                            <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Hardware">Hardware</a>
+                            <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Measurement">Measurement</a>
+                            <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Model">Model</a>
+                            <a class="dropdown-item" href="https://2018.igem.org/Team:Munich/Software">Software</a>
+                        </div>
+                    </li>
+                    <li class="nav-item mx-3">
+                        <a class="nav-link" href="https://igem.org/2018_Judging_Form?team=Munich" target="_blank">JUDGING FORM ⇗</a>
+                    </li>
+                    <li class="nav-item mx-1 pt-2">
+                        <a href="https://www.facebook.com/Munich.iGEM/" class="fa fa-facebook" target="_blank"></a>
+                    </li>
+                    <li class="nav-item mx-1 pt-2">
+                        <a href="https://twitter.com/iGEM_Munich" class="fa fa-twitter" target="_blank"></a>
+                    </li>
+                </ul>
+            </div>
+        </nav>
+    </section>
+<script>
+var url = window.location.href;
+$(function() {
+    $('.nav-link[href="'+url+'"]').addClass("active");
+     $('.dropdown-item[href="'+url+'"]').addClass("active");
+    $('.dropdown-item[href="'+url+'"]').parent().parent().addClass("active");
+});
+</script>
-<div class="igem_2018_team_mobile_bar">
+</body>
-	<div class="igem_logo_mobile">
-		<img src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg">
-	</div>
-	<div class="igem_menu_control_mobile">
-		<img id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg">
-	</div>
-</div>
-<div class="igem_2018_team_menu displaying_menu">
-	<a href="https://2018.igem.org/Team:Munich">
-		<img src="http://placehold.it/350x150/e4dede/c4baba">
-	</a>
-                <!-- Home -->
-		<a href="https://2018.igem.org/Team:Munich">
-			<div class="menu_item direct_link">
-				HOME
-			</div>
-		</a>
-		<!-- Team -->
-		<div class="menu_item">
-			<div class="submenu_control_icon"> </div>
-			TEAM
-		</div>
-		<div class="submenu">
-			<a href="https://2018.igem.org/Team:Munich/Team">
-				<div class="submenu_item">
-					Team Members
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/Collaborations">
-				<div class="submenu_item">
-					Collaborations
-				</div>
-			</a>
-		</div>
-		<!-- Project -->
-		<div class="menu_item">
-			<div class="submenu_control_icon"> </div>
-			PROJECT
-		</div>
-		<div class="submenu">
-			<a href="https://2018.igem.org/Team:Munich/Description">
-				<div class="submenu_item">
-					Description
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/Design">
-				<div class="submenu_item">
-					Design
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/Experiments">
-				<div class="submenu_item">
-					Experiments
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/Notebook">
-				<div class="submenu_item">
-					Notebook
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/InterLab">
-				<div class="submenu_item">
-					InterLab
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/Model">
-				<div class="submenu_item">
-					Model
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/Results">
-				<div class="submenu_item">
-					Results
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/Demonstrate">
-				<div class="submenu_item">
-					Demonstrate
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/Improve">
-				<div class="submenu_item">
-					Improve
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/Attributions">
-				<div class="submenu_item">
-					Attributions
-				</div>
-			</a>
-		</div>
-		<div class="menu_item">
-			<div class="submenu_control_icon"> </div>
-			PARTS
-		</div>
-		<div class="submenu">
-			<a href="https://2018.igem.org/Team:Munich/Parts">
-				<div class="submenu_item">
-					Parts Overview
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/Basic_Part">
-				<div class="submenu_item">
-					Basic Parts
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/Composite_Part">
-				<div class="submenu_item">
-					Composite Parts
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/Part_Collection">
-				<div class="submenu_item">
-					Part Collection
-				</div>
-			</a>
-		</div>
-		<a href="https://2018.igem.org/Team:Munich/Safety">
-			<div class="menu_item direct_link">
-				SAFETY
-			</div>
-		</a>
-		<div class="menu_item">
-			<div class="submenu_control_icon"> </div>
-			HUMAN PRACTICES
-		</div>
-		<div class="submenu">
-			<a href="https://2018.igem.org/Team:Munich/Human_Practices">
-				<div class="submenu_item">
-					Human Practices
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/Public_Engagement">
-				<div class="submenu_item">
-					Education & Engagement
-				</div>
-			</a>
-		</div>
-		<div class="menu_item">
-			<div class="submenu_control_icon"> </div>
-			AWARDS
-		</div>
-		<div class="submenu">
-			<a href="https://2018.igem.org/Team:Munich/Applied_Design">
-				<div class="submenu_item">
-					Applied Design
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/Entrepreneurship">
-				<div class="submenu_item">
-					Entrepreneurship
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/Hardware">
-				<div class="submenu_item">
-					Hardware
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/Measurement">
-				<div class="submenu_item">
-					Measurement
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/Model">
-				<div class="submenu_item">
-					Model
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/Plant">
-				<div class="submenu_item">
-					Plant
-				</div>
-			</a>
-			<a href="https://2018.igem.org/Team:Munich/Software">
-				<div class="submenu_item">
-					Software
-				</div>
-			</a>
-		</div>
-		<a href="https://igem.org/2018_Judging_Form?team=Munich">
-			<div class="menu_item direct_link">
-				JUDGING FORM ⇗
-			</div>
-		</a>
-</div>
-<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
-<!--- Content of the page  --->
-<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
-<div class="igem_2018_team_content">
+</html>
-	<div class="igem_2018_team_column_wrapper">
-		<div class="clear extra_space"></div>
-		<div class="clear extra_space"></div>

Difference between revisions of "Template:Munich/Phactory"

Latest revision as of 08:55, 9 November 2018