Difference between revisions of "Team:DTU-Denmark/achievements"

Line 1: Line 1:
 
{{Team:DTU-Denmark/header.html}} <!-- Header template  -->
 
{{Team:DTU-Denmark/header.html}} <!-- Header template  -->
−
 
  
 
<html lang="en">
 
<html lang="en">
Line 7: Line 6:
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
−
    <!--Bootstrap, source: https://getbootstrap.com/-->
 
−
       
 
−
    <script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/bootstrap-js?action=raw&ctype=text/javascript"></script>
 
−
 
 
 
      
 
      
−
<style>
+
 
 +
    <style>
 +
       
 +
        #MYbody {
 +
            position: fixed;
 +
            overflow-x: hidden;
 +
            overflow-y: scroll;
 +
        }
 +
       
 +
        a,
 +
        a:visited {
 +
            color: #555;
 +
        }
 +
       
 +
        a:hover,
 +
        a:focus {
 +
            color: #990000;
 +
        }
 +
       
 +
        /*Masthead settings*/
 +
        .masthead {
 +
            height: 300px;
 +
        }
 +
       
 +
        .masthead .caption {
 +
            width:100%;
 +
            height: 300px;
 +
            bottom: .0rem;
 +
            position: absolute;
 +
            background:#000;
 +
            background: -webkit-linear-gradient(left, #000, rgba(0, 0, 0, 0), #000);
 +
            background: -moz-linear-gradient(left, #000, rgba(0, 0, 0, 0), #000);
 +
            background: -o-linear-gradient(left, #000, rgba(0, 0, 0, 0), #000);
 +
            background: linear-gradient(to right, #000, rgba(0, 0, 0, 0), #000);
 +
        }
 +
       
 +
        @media screen and (max-width: 767px) {
 +
            .masthead .caption {
 +
                width:100%;
 +
                height: 300px;
 +
                bottom: .0rem;
 +
                position: absolute;
 +
                background:#000;
 +
                background: -webkit-linear-gradient(left, #000, rgba(0, 0, 0, 0));
 +
                background: -moz-linear-gradient(left, #000, rgba(0, 0, 0, 0));
 +
                background: -o-linear-gradient(left, #000, rgba(0, 0, 0, 0));
 +
                background: linear-gradient(to right, #000, rgba(0, 0, 0, 0));
 +
            }
 +
        }
 +
       
 +
        .masthead .thumbnail {
 +
            height: 300px;
 +
            width: 100%;
 +
            background-size: cover;
 +
            background-position: center;
 +
            background-repeat: no-repeat;
 +
            border: 0 none;
 +
            box-shadow: none;
 +
            margin:0;
 +
            padding:0;
 +
        }
 +
               
 +
        .masthead .caption > div {
 +
            margin-top: 2em;
 +
        }
 +
       
 +
        .masthead .caption h1 {
 +
            margin-top: -.0em;
 +
            padding-top: -.0em;
 +
        }
 +
       
 +
        .masthead .caption h1,
 +
        .masthead .caption p {
 +
            color: #fff;
 +
        }
 +
       
 +
        .masthead .title h1,
 +
        .masthead .title h1 > p{
 +
            text-transform: uppercase;
 +
            text-align: left;
 +
            float: left;
 +
        }
 +
       
 +
        .masthead .title h1 > p {
 +
            border-top: 1px solid;
 +
            padding-top: .3em;
 +
        }
 +
       
 +
        /*Content settings*/
 +
        .colLeft {
 +
           
 +
        }
 +
       
 +
        .colLeft a.anchor:target { /*Ensure that internal links will have the correct setoff, below the fixed header*/
 +
            display: block;
 +
            top: -125px;
 +
            position: relative;
 +
            visibility: hidden;
 +
        }
 +
       
 +
        .colLeft .h2 {
 +
            border-bottom-width: 2px;
 +
            font-weight: 900;
 +
        }
 +
       
 +
        .colLeft .h3 {
 +
            border-bottom-width: 1px;
 +
            font-weight: 500;
 +
        }
 +
       
 +
        .colLeft .h2,
 +
        .colLeft .h3 {
 +
            padding-bottom: 0.2em;
 +
           
 +
            border-bottom-style: solid;
 +
            border-bottom-color: #990000;   
 +
        }
 +
               
 +
        .colRight {
 +
           
 +
        }
 +
       
 +
        /*sidebar settings*/
 +
        #sidebar {
 +
            margin-top: 20px;
 +
            padding-top: 18px;
 +
            padding-bottom: 5px;
 +
            padding-left: 5px;
 +
            padding-right: 5px;
 +
            border-radius: 5px;
 +
        }
 +
       
 +
        #sidebar.nav li a,
 +
        #sidebar.nav li a:visited {
 +
            color: #999;
 +
            font-size: 1em;
 +
            padding-top: 0em;
 +
            padding-bottom: .5em;
 +
            background-color: transparent;
 +
        }
 +
       
 +
        #sidebar.nav li a:active,
 +
        #sidebar.nav li a:hover,
 +
        #sidebar.nav li a:focus {
 +
            font-weight: 900;
 +
            color: #990000;
 +
            background-color: transparent;
 +
            list-style: circle;
 +
        }
 
          
 
          
−
/* bootstrap 3 helpers */
+
        /* Undo the affixed behavior in mobile views */
 +
        #sidebar.affix {
 +
            position: static;
 +
        }
  
−
.navbar-form input, .form-inline input {
+
        /* Apply the affixed behavior in large views */
−
width:auto;
+
        @media screen and (min-width: 990px) {
−
}
+
  
 +
            /* affix-top: The affix-top class should be inline to the page. */
 +
            #sidebar.affix-top {
 +
                width:100%;
 +
            /* for reference - no additional styling */
 +
            }
 +
           
 +
            /* affix: The affix class should be fixed to the page. */
 +
            #sidebar.affix {
 +
                position: fixed;
 +
                top: 125px;      /* same as body padding or outer navbar height */
 +
                width: 100%;  /* stop it from growing - anyone know how to fix this? */
 +
            }
  
−
 
+
            /* affix bottom: The affix-bottom class should be positioned absolute. */
−
header {
+
            #sidebar.affix-bottom {
−
height:280px;
+
                position: absolute;
−
}
+
                width: 100%;
−
 
+
            }
−
#nav.affix {
+
           
−
    position: fixed;
+
        }
−
    top: 0;
+
       
−
    width: 100%;
+
        /*Fixes dissapear reappear of sidebar when scrolling on iPad */
−
    z-index:10;
+
        #sidebar *:not(html) {  
−
}
+
            -webkit-transform: translate3d(0, 0, 0);
−
 
+
        }
−
#sidebar.affix-top {
+
       
−
    position: static;
+
        /*Developer settings for overview*/
−
}
+
         /*#overview {color: #fff; background-color: #1E88E5;}
−
 
+
−
#sidebar.affix {
+
−
    position: fixed;
+
−
    top: 30px;
+
−
}
+
−
 
+
−
         #overview {color: #fff; background-color: #1E88E5;}
+
 
         #medal-requirements {color: #fff; background-color: #673ab7;}
 
         #medal-requirements {color: #fff; background-color: #673ab7;}
 
         #bronze {color: #fff; background-color: #ff9800;}
 
         #bronze {color: #fff; background-color: #ff9800;}
 
         #silver {color: #fff; background-color: #00bcd4;}
 
         #silver {color: #fff; background-color: #00bcd4;}
−
         #gold {color: #fff; background-color: #009688;}
+
         #gold {color: #fff; background-color: #009688;}*/
 +
       
 
     </style>
 
     </style>
 +
       
 +
 
</head>
 
</head>
 +
  
 
<!-- BODY -->
 
<!-- BODY -->
−
<header class="masthead">
+
 
−
  <div class="container">
+
<div class="MYbody">
−
  <div class="row">
+
 
−
    <div class="col-sm-6">
+
<div class="masthead">
−
      <h1><a href="#" title="scroll down for your viewing pleasure">Bootstrap 3 Layout Template</a><p class="lead">Big Top Header and Fixed Sidebar</p></h1>
+
    <div class="container-fluid">
 +
        <div class="row">
 +
            <div class="col-md-12 thumbnail" style="background-image:url(https://www.spring-green.com/wp-content/uploads/2015/12/Tree-that-needs-pruning1.jpg)">
 +
 
 +
                <div class="caption">
 +
                    <div class="col-md-5 col-sm-5 col-xs-12 title"> <!-- the approximate max number of characters ~ 400 -->
 +
                        <h1>TITLE<p class="lead">leader under the title, short introduction. approximately 400 characters is max (with spaces) </p></h1>
 +
                    </div>
 +
                    <div class="col-md-2 col-sm-2 xs-hidden space"></div>
 +
                    <div class="col-md-5 col-sm-5 xs-hidden intro">
 +
                        <h1><br><p class="lead">Will no be shown in mobile view. Max characters? Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.</p> </h1>       
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div> <!-- /row -->
 +
        <div class="border"></div>
 
     </div>
 
     </div>
−
    <div class="col-sm-6">
+
</div> <!-- /masthead-->
−
      <div class="pull-right hidden-sm">   
+
 
−
        <h1><a href="#"><i class="glyphicon glyphicon-user"></i> <i class="glyphicon glyphicon-chevron-down"></i></a></h1>
+
<br>
−
      </div>
+
−
    </div>
+
−
  </div>
+
−
  </div>
+
−
</header>    
+
−
 
+
−
 
+
−
<!-- Begin Body -->
+
 
<div class="container">
 
<div class="container">
−
<div class="row">
+
<div class="row"> <!--Must sorround both content and sidebar-->
−
+
    <div class="col-md-9 colLeft"> <!-- LEFT -->
−
      <div class="col-sm-9">
+
        <div><a class="anchor" id="section-1"></a> /*internal link for sidebar to identify*/
−
              <div id="overview">
+
         <h2 class="h2">Section 1</h2>
−
         <h1>Overview</h1>
+
 
             <p>Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 
             <p>Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 
             </p><p>
 
             </p><p>
Line 79: Line 239:
 
             </p><p>
 
             </p><p>
 
             Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.</p>
 
             Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.</p>
−
         </div> <!-- /overview-->
+
         </div> <!-- /section 1-->
 
          
 
          
−
         <div id="medal-requirements">
+
         <div><a class="anchor" id="section-2"></a>
−
         <h1>Medal requirements</h1>
+
         <h2 class="h2">Section 2</h2>
 
             <p>Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 
             <p>Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 
             </p><p>
 
             </p><p>
Line 88: Line 248:
 
             </p><p>
 
             </p><p>
 
             Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.</p>
 
             Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.</p>
−
         </div>
+
         <h3 class="h3">Section 2.1</h3>
−
       
+
−
        <div id="bronze">
+
−
        <h1>Bronze</h1>
+
 
             <p>Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 
             <p>Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 
             </p><p>
 
             </p><p>
Line 97: Line 254:
 
             </p><p>
 
             </p><p>
 
             Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.</p>
 
             Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.</p>
−
         </div>
+
         <h3 class="h3">Section 2.2</h3>
−
        <div id="silver">
+
−
        <h1>Silver</h1>
+
 
             <p>Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 
             <p>Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 
             </p><p>
 
             </p><p>
Line 105: Line 260:
 
             </p><p>
 
             </p><p>
 
             Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.</p>
 
             Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.</p>
−
         </div>
+
         <h3 class="h3">Section 2.3</h3>
−
        <div id="gold">
+
−
        <h1>Gold</h1>
+
 
             <p>Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 
             <p>Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 
             </p><p>
 
             </p><p>
Line 113: Line 266:
 
             </p><p>
 
             </p><p>
 
             Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.</p>
 
             Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.</p>
−
         </div>
+
         </div> <!-- /section 2 -->
−
             
+
−
      </div>
+
−
        <div class="col-sm-3" style="background-color:#674674;">
+
−
      <ul id="sidebar" class="nav nav-pills nav-stacked">
+
−
<li><a href="#overview">OVERVIEW</a></li>
+
−
            <li><a href="#medal-requirements">MEDAL REQUIREMENTS</a></li>
+
−
            <li><a href="#bronze">BRONZE</a></li>
+
−
            <li><a href="#silver">SILVER</a></li>
+
−
            <li><a href="#gold">GOLD</a></li>
+
−
</ul>
+
−
      </div>
+
−
  </div>
+
−
</div>
+
−
 
+
−
 
+
−
        <script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+
−
 
+
−
 
+
−
        <script type='text/javascript' src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
 
          
 
          
−
         <!-- JavaScript jQuery code from Bootply.com editor  -->
+
         <div><a class="anchor" id="section-3"></a>
−
       
+
         <h2 class="h2">Section 3</h2>
−
         <script type='text/javascript'>
+
            <p>Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
−
       
+
            </p><p>
−
        $(document).ready(function() {
+
             Mazim oblique aliquam cum id, nam possim scaevola adolescens ea. Ex vel causae tibique epicuri, ne dolore suavitate usu, labitur fierent insolens in mei. Cu dolore accusata pertinacia vel, clita temporibus ex qui. Aliquip splendide ne eos, corrumpit reprimique eum ea.
−
       
+
            </p><p>
−
             $('#nav').affix({
+
            Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.</p>
−
      offset: {
+
        </div>
−
        top: $('header').height()
+
    </div> <!-- /LEFT -->
−
      }
+
   
−
});
+
    <!-- RIGHT-->
−
 
+
    <div class="col-md-3 hidden-sm hidden-xs colRight" id="scrollspy">
−
$('#sidebar').affix({
+
         <ul class="nav nav-stacked" id="sidebar"> <!-- data-offset-top="230" data-offset-bottom="100">-->
−
      offset: {
+
            <!--data-offset-top control at which scroll point the affix will come into effect, data-offset-bottom control when affix will no longer be in effect-->
−
         top: 200
+
            <li><a href="#section-1">Section 1</a></li>
−
      }
+
            <li><a href="#section-2">section 2</a></li>
−
});
+
            <li><a href="#section-3">section 3</a></li>
−
       
+
         </ul>
−
        });
+
    </div> <!-- /RIGHT -->
−
       
+
−
         </script>
+
−
<!-- /BODY-->
+
  
 +
</div> <!-- /.row -->
 +
</div> <!-- /CONTENT-->   
 +
</div> <!-- /BODY-->
  
 +
    <script> // The affix elements javascript
 +
        window.onload = function (){
 +
            $('#sidebar').affix({
 +
                offset: {
 +
                    // top: determines how far to scroll before applying .affixed class
 +
                    top: function () {
 +
                        var offsetTop      = $('#sidebar').offset().top          // How far are we from top in total?
 +
                        //var navOuterHeight = $('.navbar').outerHeight(true) || 0  // If the navbar is fixed account for it
 +
                        //var bodyPaddingTop = parseInt($(document.body).css("padding-top"), 10) || 0  // or use body padding instead
 +
                        return (this.top = offsetTop - 140)
 +
                    }
 +
                    , bottom: function () {
 +
                        var footHight = document.getElementById("footer").offsetHeight;
 +
                        return (this.bottom = footHight + 20) || 0
 +
                    }
 +
                }
 +
            })
 +
        }
 +
    </script>
  
 
</html>
 
</html>

Revision as of 08:50, 19 August 2016

New HTML template for the wiki




Bootstrap Example

TITLE

leader under the title, short introduction. approximately 400 characters is max (with spaces)


Will no be shown in mobile view. Max characters? Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.


/*internal link for sidebar to identify*/

Section 1

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Mazim oblique aliquam cum id, nam possim scaevola adolescens ea. Ex vel causae tibique epicuri, ne dolore suavitate usu, labitur fierent insolens in mei. Cu dolore accusata pertinacia vel, clita temporibus ex qui. Aliquip splendide ne eos, corrumpit reprimique eum ea.

Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.

Section 2

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Mazim oblique aliquam cum id, nam possim scaevola adolescens ea. Ex vel causae tibique epicuri, ne dolore suavitate usu, labitur fierent insolens in mei. Cu dolore accusata pertinacia vel, clita temporibus ex qui. Aliquip splendide ne eos, corrumpit reprimique eum ea.

Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.

Section 2.1

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Mazim oblique aliquam cum id, nam possim scaevola adolescens ea. Ex vel causae tibique epicuri, ne dolore suavitate usu, labitur fierent insolens in mei. Cu dolore accusata pertinacia vel, clita temporibus ex qui. Aliquip splendide ne eos, corrumpit reprimique eum ea.

Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.

Section 2.2

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Mazim oblique aliquam cum id, nam possim scaevola adolescens ea. Ex vel causae tibique epicuri, ne dolore suavitate usu, labitur fierent insolens in mei. Cu dolore accusata pertinacia vel, clita temporibus ex qui. Aliquip splendide ne eos, corrumpit reprimique eum ea.

Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.

Section 2.3

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Mazim oblique aliquam cum id, nam possim scaevola adolescens ea. Ex vel causae tibique epicuri, ne dolore suavitate usu, labitur fierent insolens in mei. Cu dolore accusata pertinacia vel, clita temporibus ex qui. Aliquip splendide ne eos, corrumpit reprimique eum ea.

Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.

Section 3

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Mazim oblique aliquam cum id, nam possim scaevola adolescens ea. Ex vel causae tibique epicuri, ne dolore suavitate usu, labitur fierent insolens in mei. Cu dolore accusata pertinacia vel, clita temporibus ex qui. Aliquip splendide ne eos, corrumpit reprimique eum ea.

Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.


  • FIND US AT:
Facebook Twitter
  • DTU BIOBUILDERS
  • DENMARK
  • DTU - SØLTOFTS PLADS, BYGN. 221/002
  • 2800 KGS. LYNGBY

  • E-mail:
  • dtu-biobuilders-2016@googlegroups.com
  • MAIN SPONSORS:
Lundbeck fundation DTU blue dot Lundbeck fundation Lundbeck fundation