Difference between revisions of "Team:TUDelft/Head"

 
(45 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
   
+
 
 
     <!-- Basic  
 
     <!-- Basic  
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->  
+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->  
 
     <meta charset="utf-8" />
 
     <meta charset="utf-8" />
 
     <title> Sci-Phi 29 </title>
 
     <title> Sci-Phi 29 </title>
Line 9: Line 9:
  
 
     <!-- Mobile Specific Metas
 
     <!-- Mobile Specific Metas
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
     <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
 
     <!-- FONT
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
 
     <link href="http://fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css" />
 
     <link href="http://fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css" />
 
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   
+
 
 +
 
 
     <!-- CSS
 
     <!-- CSS
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
 +
    <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Team:TUDelft/bootstrap/3.3.7/css/bootstrap.min.css&action=raw&ctype=text">
 +
    <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://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
 +
    <link href="https://2019.igem.org/Team:TUDelft/Animation_CSS?action=raw&ctype=text/css" rel="stylesheet">
 +
    <link href="https://2019.igem.org/Team:TUDelft/customccs?action=raw&ctype=text/css" rel="stylesheet">
  
    <!-- JS
 
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 
 
  
  <!-- KATEX
+
<!-- JS
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <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://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" 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://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script>
+
    <script src="https://use.fontawesome.com/b31c04f526.js"></script>
      document.addEventListener("DOMContentLoaded", function() {
+
    <script src="https://2019.igem.org/Team:TUDelft/Animation_JS?action=raw&ctype=text/javascript"></script>
 +
    <script src="https://2019.igem.org/Team:TUDelft/SortTable?action=raw&ctype=text/javascript"></script>
 +
    <script src="https://2019.igem.org/Team:TUDelft/customscript?action=raw&ctype=text/javascript"></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://2019.igem.org/Team:TUDelft/js/auto-render?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
    <script>
 +
        document.addEventListener("DOMContentLoaded", function() {
 
             renderMathInElement(document.body, {
 
             renderMathInElement(document.body, {
 
                 delimiters: [{
 
                 delimiters: [{
                        left: "$$",
+
                    left: "$$",
                        right: "$$",
+
                    right: "$$",
                        display: true
+
                    display: true
                    },
+
                },
                    {
+
                            {
                        left: "\\[",
+
                                left: "\\[",
                        right: "\\]",
+
                                right: "\\]",
                        display: true
+
                                display: true
                    },
+
                            },
                    {
+
                            {
                        left: "$",
+
                                left: "$",
                        right: "$",
+
                                right: "$",
                        display: false
+
                                display: false
                    },
+
                            },
                    {
+
                            {
                        left: "\\(",
+
                                left: "\\(",
                        right: "\\)",
+
                                right: "\\)",
                        display: false
+
                                display: false
                    }
+
                            }
                ],
+
                            ],
 
                 throwOnError: false,
 
                 throwOnError: false,
 
                 macros: {
 
                 macros: {
Line 72: Line 84:
 
         });
 
         });
 
     </script>
 
     </script>
 
+
    <!-- Favicon
<!-- Favicon
+
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
    <link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2019/c/c2/T--TUDELFT--logonavbar-3.png" />
+
 
+
<script>
+
        $(document).ready(function() {
+
            $("#HQ_page").removeAttr('id');
+
            $("#globalWrapper").removeAttr('id');
+
            $("#content").removeAttr('id');
+
            $("#bodyContent").removeAttr('id');
+
            $("#mw-content-text").removeAttr('id');
+
        });
+
    </script>
+
 
+
<style>
+
        /*  to remove the MediaWiki style */
+
        p{
+
            margin-bottom: 0 !important;
+
            margin: 0;
+
        }
+
 
+
        h1 {
+
            border-bottom: 0px !important;
+
        }
+
 
+
        #home_logo, #sideMenu {
+
            display:none;
+
        }
+
        #sideMenu, #top_title, .patrollink  {
+
            display:none;
+
        }
+
 
+
        /*Bootstrap.min altered the way the top menu looks, by changing box-sizing: from border-box to initial, the damage is undone*/
+
        #top_menu_14 {
+
            box-sizing: initial;
+
        }
+
        td a{
+
            padding-right: 0px !important;
+
        }
+
 
+
        .subttt{color: white !important;}
+
        a.subtt { color: white !important; }
+
        a.subtt:hover { color: #4a90e2 !important; } 
+
 
+
 
+
 
+
        /*  font voor alles*/
+
        * {
+
            font-family: "Trebuchet MS", Helvetica, sans-serif;
+
        }   
+
 
+
        /*    menu bar */
+
        .navbar {
+
            background-color: #def4fa;
+
            position:fixed;
+
            top:18px;
+
            width:100%;
+
        }
+
        .navbar a {
+
            float: left;
+
            font-size: 16px;
+
            color: black;
+
            text-align: center;
+
            padding: 14px 16px;
+
            text-decoration: none;
+
 
+
        }
+
        .navbar .test {
+
            font-size: 16px;
+
            color: black;
+
            text-align: center;
+
            padding: 25px 16px;
+
            text-decoration: none;
+
        }
+
        .navbar .social{
+
            float:right;
+
        }
+
 
+
        .dropdown {
+
            float: left;
+
            overflow: hidden;
+
        }
+
 
+
        .dropdown .dropbtn {
+
            font-size: 16px; 
+
            border: none;
+
            outline: none;
+
            color: black;
+
            padding: 25px 16px;
+
            background-color: inherit;
+
            font-family: inherit;
+
            margin:0px;
+
        }
+
 
+
        .navbar a:hover, .dropdown:hover .dropbtn {
+
            background-color: #bedde5;
+
        }
+
 
+
        .dropdown-content {
+
            display: none;
+
            position: absolute;
+
            background-color: #f9f9f9;
+
            min-width: 160px;
+
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
            z-index: 1;
+
 
+
        }
+
 
+
        .dropdown-content a {
+
            float: none;
+
            color: black;
+
            padding: 12px 16px;
+
            text-decoration: none;
+
            display: block;
+
            text-align: left;
+
        }
+
 
+
        .dropdown-content a:hover {
+
            background-color: #ddd;
+
        }
+
 
+
        .dropdown:hover .dropdown-content {
+
            display: block;
+
        }
+
 
+
 
+
        #logo {
+
            height:40px;}
+
 
+
        #social {
+
            height:25px;
+
        padding:7.5px -0px;}
+
 
+
        .main {
+
            padding:16px;
+
            margin-top: 60px;
+
            height:1500px;
+
        }
+
body {
+
  background-image: url("https://static.igem.org/mediawiki/2019/a/a9/T--TUDELFT--backgroundpattern.png");
+
  background-position: 0% 15%;
+
  background-repeat: repeat;
+
  background-size: 50%;
+
 
+
}
+
 
+
 
+
    </style>
+
 
+
    <body>
+
 
+
 
+
 
+
        <!--de lijst
+
 
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
 
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
 +
    <link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2019/c/c2/T--TUDelft--favicon.png" />
  
        <div class="navbar">
 
            <a href="https://2019.igem.org/Team:TUDelft">
 
                <img id="logo" src="https://static.igem.org/mediawiki/2019/c/c2/T--TUDELFT--logonavbar-3.png" alt=""></a>
 
 
            <a class="test" href="https://2019.igem.org/Team:TUDelft"><b>Home</b></a>
 
 
            <div class="dropdown">
 
                <button class="dropbtn"><b>Project</b>
 
                    <i class="fa fa-caret-down"></i>
 
                </button>
 
                <div class="dropdown-content">
 
                    <a href="https://2019.igem.org/Team:TUDelft/Description">Description</a>
 
                    <a href="https://2019.igem.org/Team:TUDelft/Design">Design</a>
 
                    <a href="https://2019.igem.org/Team:TUDelft/Demonstrate">Demonstrate</a>
 
 
                </div>
 
            </div>
 
            <div class="dropdown">
 
                <button class="dropbtn"><b>Wetlab</b>
 
                    <i class="fa fa-caret-down"></i>
 
                </button>
 
                <div class="dropdown-content">
 
                    <a href="https://2019.igem.org/Team:TUDelft/Experiments">Experiments</a>
 
                    <a href="https://2019.igem.org/Team:TUDelft/Safety">Safety</a>
 
                    <a href="https://2019.igem.org/Team:TUDelft/Notebook">Notebook</a>
 
                    <a href="https://2019.igem.org/Team:TUDelft/Results">Results</a>
 
                </div>
 
            </div>
 
            <div class="dropdown">
 
                <button class="dropbtn"><b>Modeling</b>
 
                    <i class="fa fa-caret-down"></i>
 
                </button>
 
                <div class="dropdown-content">
 
                    <a href="#">Codon Optimization</a>
 
                    <a href="#">Reaction Kinetics</a>
 
 
                </div>
 
            </div>
 
            <div class="dropdown">
 
                <button class="dropbtn"><b>Parts</b>
 
                    <i class="fa fa-caret-down"></i>
 
                </button>
 
                <div class="dropdown-content">
 
                    <a href="https://2019.igem.org/Team:TUDelft/Parts">Parts Overview</a>
 
                    <a href="https://2019.igem.org/Team:TUDelft/Basic_Part">Basic Parts</a>
 
                    <a href="https://2019.igem.org/Team:TUDelft/Composite_Part">Parts Composite</a>
 
                    <a href="https://2019.igem.org/Team:TUDelft/Part_Collection">Parts Collection</a>
 
                    <a href="https://2019.igem.org/Team:TUDelft/Contribution">Contribution</a>
 
                    <a href="https://2019.igem.org/Team:TUDelft/Improve">Improve</a>
 
 
                </div>
 
            </div>
 
            <div class="dropdown">
 
                <button class="dropbtn"><b>Human Practices</b>
 
                    <i class="fa fa-caret-down"></i>
 
                </button>
 
                <div class="dropdown-content">
 
                    <a href="https://2019.igem.org/Team:TUDelft/Human_Practices">Human Practices</a>
 
                    <a href="https://2019.igem.org/Team:TUDelft/Public_Engagement">Education &amp; Engagement</a>
 
 
                </div>
 
            </div>
 
            <div class="dropdown">
 
                <button class="dropbtn"><b>Team</b>
 
                    <i class="fa fa-caret-down"></i>
 
                </button>
 
                <div class="dropdown-content">
 
                    <a href="https://2019.igem.org/Team:TUDelft/Team">Team Members</a>
 
                    <a href="#">Supervisors</a>
 
                    <a href="https://2019.igem.org/Team:TUDelft/Collaborations">Collaborations</a>
 
                </div>
 
            </div>
 
            <div class="dropdown">
 
                <button class="dropbtn"><b>Acknowledgements</b>
 
                    <i class="fa fa-caret-down"></i>
 
                </button>
 
                <div class="dropdown-content">
 
                    <a href="https://2019.igem.org/Team:TUDelft/Attributions">Attributions</a>
 
                    <a href="#">Sponsors</a>
 
                </div>
 
            </div>
 
 
         
 
            <a class="social" href="mailto:igem@tudelft.nl"><img id="social" src="https://static.igem.org/mediawiki/2019/b/b4/T--TUDELFT--mailicon.png" alt="Email" /></a>
 
            <a class="social" href="https://www.instagram.com/igemtudelft/?hl=en" target="_blank" rel="noopener"><img id="social" src="https://static.igem.org/mediawiki/2019/5/58/T--TUDELFT--instaicon.png" alt="Instagram" /></a>
 
           
 
         
 
            <a class="social" href="https://twitter.com/TUDelft_iGEM?lang=en" target="_blank" rel="noopener"><img id="social" src="https://static.igem.org/mediawiki/2019/8/83/T--TUDELFT--twittericon.png" alt="Twitter" /></a>
 
            <a class="social" href="https://www.linkedin.com/company/igem-tu-delft/" target="_blank" rel="noopener"><img id="social" src="https://static.igem.org/mediawiki/2019/d/d7/T--TUDELFT--linkedin.png" alt="LinkedIn" /></a>
 
<a class="social"  href="https://www.facebook.com/TUDelft.iGEM2019/" target="_blank" rel="noopener"><img id="social" src="https://static.igem.org/mediawiki/2019/a/ad/T--TUDELFT--fbicon.png" alt="Facebook" /></a>
 
 
        </div>
 
 
 
 
 
  
    </body>
 
 
</html>
 
</html>

Latest revision as of 19:11, 21 October 2019

Sci-Phi 29