Difference between revisions of "Team:TUDelft/Head"

 
(48 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
    <script>
 
        $(document).ready(function() {
 
            $("#HQ_page").removeAttr('id');
 
            $("#globalWrapper").removeAttr('id');
 
            $("#content").removeAttr('id');
 
            $("#bodyContent").removeAttr('id');
 
            $("#mw-content-text").removeAttr('id');
 
        });
 
    </script>
 
    <style>
 
        /*  om MediaWiki style weg te halen*/
 
        p{
 
            margin-bottom: 0 !important;
 
            margin: 0;
 
        }
 
  
        h1 {
+
    <!-- Basic
            border-bottom: 0px !important;
+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
        }
+
    <meta charset="utf-8" />
 +
    <title> Sci-Phi 29 </title>
 +
    <meta name="description" content=" An iGEM project" />
 +
    <meta name="author" content=" Weronika Hoska van Aken and Huyen My Nguyen" />
  
        #home_logo, #sideMenu {
+
    <!-- Mobile Specific Metas
            display:none;
+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
        }
+
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
        #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*/
+
    <!-- FONT
        #top_menu_14 {
+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
            box-sizing: initial;
+
    <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">
        td a{
+
            padding-right: 0px !important;
+
        }
+
  
        .subttt{color: white !important;}
 
        a.subtt { color: white !important; }
 
        a.subtt:hover { color: #4a90e2 !important; } 
 
  
 +
    <!-- 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">
  
  
        /*  font voor alles*/
+
<!-- JS
        * {
+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
            font-family: "Trebuchet MS", Helvetica, sans-serif;
+
    <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
        }   
+
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
    <script src="https://use.fontawesome.com/b31c04f526.js"></script>
 +
    <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>
  
        /*    menu bar */
+
     <!-- KATEX
        .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
+
 
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
 
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
 +
    <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, {
 +
                delimiters: [{
 +
                    left: "$$",
 +
                    right: "$$",
 +
                    display: true
 +
                },
 +
                            {
 +
                                left: "\\[",
 +
                                right: "\\]",
 +
                                display: true
 +
                            },
 +
                            {
 +
                                left: "$",
 +
                                right: "$",
 +
                                display: false
 +
                            },
 +
                            {
 +
                                left: "\\(",
 +
                                right: "\\)",
 +
                                display: false
 +
                            }
 +
                            ],
 +
                throwOnError: false,
 +
                macros: {
 +
                    '\\tag': '\\pod\\text'
 +
                }
 +
            });
 +
            var eqno = document.querySelectorAll(".katex span > span.mspace.quad");
 +
            for (var i = 0; i < eqno.length; ++i) {
 +
                if (eqno[i].parentNode.className)
 +
                    continue;
 +
                var quad = eqno[i];
 +
                var span = quad.parentNode;
 +
                var text = span.nextSibling;
 +
                var pare = text.nextSibling;
 +
                span.removeChild(quad);
 +
                span.appendChild(text);
 +
                span.appendChild(pare);
 +
                span.className = 'eqno';
 +
            }
 +
        });
 +
    </script>
 +
    <!-- Favicon
 +
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
 +
    <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">Home</a>
 
 
            <div class="dropdown">
 
                <button class="dropbtn">Project
 
                    <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">Wetlab
 
                    <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">Modeling
 
                    <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">Parts
 
                    <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">Human Practices
 
                    <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">Team
 
                    <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">Acknowledgements
 
                    <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