|
|
| (55 intermediate revisions by 4 users not shown) |
| Line 1: |
Line 1: |
| | | | |
| − |
| |
| − |
| |
| − | <html>
| |
| − | <head>
| |
| − | <meta charset="utf-8" />
| |
| − | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1.0" />
| |
| − |
| |
| − | <style type="text/css">
| |
| − | #contentSub, #footer-box, #catlinks, #search-controls, #p-
| |
| − |
| |
| − | logo, #sideMenu, #menubar, .logo_2017, .printfooter, .firstHeading,.visualClear {display:
| |
| − |
| |
| − | none;} /*-- hides default wiki settings --*/
| |
| − |
| |
| − | #top-section { /*-- styling for default menu bar (edit, page,
| |
| − |
| |
| − | history, etc.) --*/
| |
| − |
| |
| − | border: 0 none;
| |
| − | height: 14px;
| |
| − | z-index: 100;
| |
| − | top: 0;
| |
| − | position: fixed;
| |
| − | width: 975px;
| |
| − | left: 50%;
| |
| − | margin-left: -487px;
| |
| − | }
| |
| − |
| |
| − | #globalWrapper, #content { /*-- changes default wiki settings
| |
| − |
| |
| − | --*/
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | border: 0px;
| |
| − | background-color: transparent;
| |
| − | margin: 0px;
| |
| − | padding: 0px;
| |
| − | }
| |
| − |
| |
| − | html, body, .wrapper { /*-- changes default wiki settings --
| |
| − |
| |
| − | */
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | background-color: transparent;
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − | <!-- Assets -->
| |
| − | <link rel="stylesheet" href="http://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" />
| |
| − | <link rel="stylesheet" href="https://2017.igem.org/Template:Heidelberg/general/CSS?action=raw&ctype=text/css" type="text/css" media="all" />
| |
| − | <link rel="stylesheet" href="http://static.tildacdn.com/css/tilda-zoom-1.0.min.css" type="text/css" media="all" />
| |
| − | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,400|Roboto:300,400,500">
| |
| − | <link rel="stylesheet" href="http://azmind.com/demo/bootstrap-navbar-menu/layout-3/assets/bootstrap/css/bootstrap.min.css">
| |
| − | <link rel="stylesheet" href="http://azmind.com/demo/bootstrap-navbar-menu/layout-3/assets/font-awesome/css/font-awesome.min.css">
| |
| − | <link rel="stylesheet" type="text/css"
| |
| − | href="https://2017.igem.org/Template:Heidelberg/navbar/CSS?action=raw&ctype=text/css" />
| |
| − |
| |
| − | <!-- Favicon and touch icons -->
| |
| − | <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
| |
| − | <script src="http://static.tildacdn.com/js/jquery-1.10.2.min.js"></script>
| |
| − | <script src="http://static.tildacdn.com/js/tilda-scripts-2.8.min.js"></script>
| |
| − |
| |
| − | <script src="http://static.tildacdn.com/js/tilda-zoom-1.0.min.js"></script>
| |
| − | <script src="http://static.tildacdn.com/js/bootstrap.min.js"></script>
| |
| − | <script src="http://static.tildacdn.com/js/jquery.touchswipe.min.js"></script>
| |
| − | <script src="http://static.tildacdn.com/js/tilda-map-1.0.min.js"></script>
| |
| − | <script src="http://static.tildacdn.com/js/lazyload-1.3.min.js"></script>
| |
| − | <style>
| |
| − | video {
| |
| − | position: relative;
| |
| − | min-width: 100%;
| |
| − | min-height: 100%;
| |
| − | width: auto;
| |
| − | height: auto;
| |
| − | background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
| |
| − | background-size: cover;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − | </head>
| |
| − | <body class="t-body">
| |
| − | <!-- CSS -->
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!-- Top menu -->
| |
| − | <nav class="navbar navbar-inverse navbar-fixed-top navbar-no-bg" role="navigation">
| |
| − | <div class="container">
| |
| − | <div class="navbar-header">
| |
| − | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#top-navbar-1">
| |
| − | <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="#"><div id="circle">
| |
| − | </div></a>
| |
| − | </div>
| |
| − | <!-- Collect the nav links, forms, and other content for toggling -->
| |
| − | <div class="collapse navbar-collapse" id="top-navbar-1">
| |
| − | <ul class="nav navbar-nav navbar-right">
| |
| − | <li><a href="#">Achievements</a></li>
| |
| − | <li class="dropdown"><a href="#">Project <span class="caret"></span></a>
| |
| − |
| |
| − | </li>
| |
| − | <li><a href="#">Modeling</a></li>
| |
| − | <li><a href="#">Software & Hardware <span class="caret"></span></a></li>
| |
| − | <li class="dropdown"><a href="#">Human Practice <span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="">Safety & Security</a></li>
| |
| − | <li class="divider"></li>
| |
| − | <li><a href="">Integrated Human Practice</a></li>
| |
| − | <li><a href="">Education</a></li>
| |
| − | <li class="divider"></li>
| |
| − | <li><a href="">Public Engagement</a></li>
| |
| − | <li><a href="">Collaborations</a></li>
| |
| − | </ul>
| |
| − |
| |
| − | </li>
| |
| − | <li><a href="#">People</a></li>
| |
| − | <li><a href="#">Toolbox</a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | </nav>
| |
| − |
| |
| − |
| |
| − | <!-- cover -->
| |
| − | <div class="t-cover" style="height:100vh;" >
| |
| − |
| |
| − |
| |
| − | <div class="video-container">
| |
| − | <video poster="" class="video-parallax" playsinline autoplay muted loop>
| |
| − | <source src="https://static.igem.org/mediawiki/2017/2/25/T--Heidelberg--2017_Wiki_Intro_iGEM2017.mp4"# type="video/mp4">
| |
| − | </video>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="t306">
| |
| − | <div class="t-container">
| |
| − | <div class="t-cover__wrapper t-valign_middle" style="height:100vh;">
| |
| − | <div class="t306__table-container">
| |
| − | <div class="t306__table-cell t-align_center t-intro" style="height:100vh;">
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div style="padding-top:10%;padding-bottom: 10%;background-color:white; background-image: url(''); background-repeat: no-repeat; background-size: cover;">
| |
| − | <!-- T017 -->
| |
| − | <div class="t017">
| |
| − | <div class="t-container t-align_center">
| |
| − | <div class="t-col t-col_12">
| |
| − | <img class="t-img" src="./Images/Toolbox_Wallpaper_Background.svg"/>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <section id="footer-sec">
| |
| − | <div class="container">
| |
| − | <div class="row" style="padding-top: 30px;">
| |
| − | <div class="col-md-3">
| |
| − | <h4>ABOUT US </h4>
| |
| − | <p>"We are an extremely motivated team of young students competing in the worlds biggest synthetic biology competition"</p>
| |
| − |
| |
| − | </div>
| |
| − | <div class="col-md-3">
| |
| − | <h4> Useful <strong>Links</strong> </h4>
| |
| − |
| |
| − | <li>
| |
| − | <a href="#">
| |
| − | <i class="fa fa-angle-right">
| |
| − | </i>
| |
| − | Special pages
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="#">
| |
| − | <i class="fa fa-angle-right">
| |
| − | </i>
| |
| − | Main Page
| |
| − | </a>
| |
| − | </li>
| |
| − | </div>
| |
| − | <div class="col-md-3">
| |
| − | <h4> Follow us on </h4>
| |
| − | <a href="#" target="_blank"><i class="fa fa-facebook-square fa-3x" id="facebook"></i></a>
| |
| − | <span style="color: grey">&</span>
| |
| − | <a href="#" target="_blank"><i class="fa fa-twitter-square fa-3x" id="twitter"></i></a>
| |
| − | </div>
| |
| − | <div class="col-md-3">
| |
| − | <h4> Contact us </h4>
| |
| − | <li>
| |
| − | <i class="fa fa-map-marker fa-lg">
| |
| − | </i>
| |
| − | Im Neuenheimer Feld 267
| |
| − | <br>
| |
| − | 69120 Heidelberg
| |
| − | </li>
| |
| − | <li>
| |
| − | <i class="fa fa-phone">
| |
| − | </i>
| |
| − | 1 -234 -456 -7890
| |
| − | </li>
| |
| − |
| |
| − | <li>
| |
| − | <a href="mailto:info@yourdomain.com">
| |
| − | <i class="fa fa-envelope">
| |
| − | </i>
| |
| − | bioquant@uni-heidelberg.de
| |
| − | </a>
| |
| − | </li>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </section>
| |
| − | <script src="http://azmind.com/demo/bootstrap-navbar-menu/layout-3/assets/bootstrap/js/bootstrap.min.js"></script>
| |
| − | <script src="C:\\Users\\Wolle\\Pictures\\awrereigemgrafiken\\imakewebthings-waypoints-latest-0-g34d9f6d\\imakewebthings-waypoints-34d9f6d\\lib\\jquery.waypoints.min.js"></script>
| |
| − | <script>
| |
| − | jQuery(document).ready(function() {
| |
| − | var check1 = true;
| |
| − | var check2 = true;
| |
| − | new Waypoint({
| |
| − | element: document.getElementById('first_chapter'),
| |
| − | handler: function() {
| |
| − | if(check1 == true) {
| |
| − | $('#path32').css({fill: 'orangered', transition: 'fill 0.5s'});
| |
| − | $('#accelerated_evolution').css({color: 'orangered', transition: 'color 0.5s'});
| |
| − | check1 = false;
| |
| − | }
| |
| − | else {
| |
| − | $('#path32').css({fill: 'white', transition: 'fill 0.5s'});
| |
| − | $('#accelerated_evolution').css({color: 'white', transition: 'color 0.5s'});
| |
| − | check1 = true;
| |
| − | }
| |
| − | }
| |
| − | })
| |
| − |
| |
| − | new Waypoint({
| |
| − | element: document.getElementById('second_chapter'),
| |
| − | handler: function() {
| |
| − | if(check2 == true) {
| |
| − | $('#path7575').css({fill: 'gold', stroke:'gold', transition: 'fill 0.5s'});
| |
| − | $('#artificial_intelligence').css({color: 'gold', transition: 'color 0.5s'});
| |
| − | check2 = false;
| |
| − | console.log(check2)
| |
| − | }
| |
| − | else {
| |
| − | $('#path7575').css({fill: 'white', stroke:'white', transition: 'fill 0.5s'});
| |
| − | $('#artificial_intelligence').css({color: 'white', transition: 'color 0.5s'});
| |
| − | console.log('Hey');
| |
| − | check2 = true;
| |
| − | }
| |
| − | }
| |
| − | })
| |
| − |
| |
| − |
| |
| − |
| |
| − | });
| |
| − |
| |
| − | </script>
| |
| − | </body>
| |
| − | </html>
| |
