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

Line 1: Line 1:
−
{{Team:DTU-Denmark/header.html}} <!-- Header template  -->
+
{{Team:DTU-Denmark/header.html}} <!-- DON'T TOUCH!!! -->
  
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
 +
    <!-- Edited by Isabella 7-9-16 14:30 in sidebar - remove xs-hidden from sidebar -->
 +
    <!-- Edited by Isabella 26-9-16-14:22 fix white space above picture, do not edit the spaces between things this create unintentional space-->
 
     <title>Bootstrap Example</title>
 
     <title>Bootstrap Example</title>
 
     <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">
−
   
 
−
    <x>  </x>
 
−
 
 
 
     <style>
 
     <style>
−
          
+
         .grid-row {
−
        #MYbody {
+
             clear:both;
−
             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: 500;
 
−
        }
 
−
       
 
−
        .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;
 
−
            text-transform: uppercase;
 
−
        }
 
−
       
 
−
        #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;
 
−
        }
 
−
       
 
−
        /* Undo the affixed behavior in mobile views */
 
−
        #sidebar.affix {
 
−
            position: static;
 
−
        }
 
−
 
−
        /* Apply the affixed behavior in large views */
 
−
        @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. */
 
−
            #sidebar.affix-bottom {
 
−
                position: absolute;
 
−
                width: 100%;
 
−
            }
 
−
           
 
−
        }
 
−
       
 
−
        /*Fixes dissapear reappear of sidebar when scrolling on iPad */
 
−
        #sidebar *:not(html) {
 
−
            -webkit-transform: translate3d(0, 0, 0);
 
−
        }
 
−
       
 
−
        /*Developer settings for overview*/
 
−
        /*#overview {color: #fff; background-color: #1E88E5;}
 
−
        #medal-requirements {color: #fff; background-color: #673ab7;}
 
−
        #bronze {color: #fff; background-color: #ff9800;}
 
−
        #silver {color: #fff; background-color: #00bcd4;}
 
−
        #gold {color: #fff; background-color: #009688;}*/
 
−
       
 
 
     </style>
 
     </style>
−
       
 
−
 
 
</head>
 
</head>
  
  
 
<!-- BODY -->
 
<!-- BODY -->
−
 
+
<body data-spy="scroll" data-target="#scrollspy" data-offset="90">
 
<div class="MYbody">
 
<div class="MYbody">
  
Line 213: Line 23:
 
     <div class="container-fluid">
 
     <div class="container-fluid">
 
         <div class="row">
 
         <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="col-md-12 thumbnail" style="background-image:url(https://www.spring-green.com/wp-content/uploads/2015/12/Tree-that-needs-pruning1.jpg)"> <!-- EDIT style url (this should lead to an image) -->
  
 
                 <div class="caption">
 
                 <div class="caption">
−
                     <div class="col-md-5 col-sm-5 col-xs-12 title"> <!-- the approximate max number of characters ~ 400 -->
+
                     <div class="col-md-5 col-sm-5 col-xs-12 title"> <!-- the approximate max number of characters ~ 400 --> <!-- EDIT -->
−
                         <h1>TITLE<p class="lead">leader under the title, short introduction. approximately 400 characters is max (with spaces) </p></h1>
+
                         <h1>Title<p class="lead">leader under the title, short introduction. 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.</p></h1>
 
                     </div>
 
                     </div>
−
                     <div class="col-md-2 col-sm-2 xs-hidden space"></div>
+
                     <div class="col-md-2 col-sm-2 hidden-xs space"></div>
−
                     <div class="col-md-5 col-sm-5 xs-hidden intro">
+
                     <div class="col-md-5 col-sm-5 hidden-xs intro"> <!-- will be hidden on phones, duplicate the text to blockquote down below first section header, to show it there, when it dissapear-->
−
                         <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>      
+
                         <blockquote class="blockquote-reverse"> <!-- EDIT -->
 +
                            <p>Quote Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 +
                            <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
 +
                        </blockquote>    
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 231: Line 44:
  
 
<br>
 
<br>
 +
<!-- Content -->
 
<div class="container">
 
<div class="container">
 
<div class="row"> <!--Must sorround both content and sidebar-->
 
<div class="row"> <!--Must sorround both content and sidebar-->
−
     <div class="col-md-9 colLeft"> <!-- LEFT -->
+
     <div class="col-md-9 col-sm-10 colLeft"> <!-- LEFT -->
−
         <div><a class="anchor" id="section-1"></a> <!--internal link for sidebar to identify-->
+
         <div><a class="anchor" id="section-1"></a>
 
         <h2 class="h2">Section 1</h2>
 
         <h2 class="h2">Section 1</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><p>
+
            <blockquote class="visible-xs"> <!-- quote from masterhead duplicate -->
−
            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>Quote Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
−
            </p><p>
+
                <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
−
            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>
+
            </blockquote>
−
         </div> <!-- /section 1-->
+
           
 +
            <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>
 +
         </div> <!-- /overview-->
 +
       
 +
       
 
          
 
          
 
         <div><a class="anchor" id="section-2"></a>
 
         <div><a class="anchor" id="section-2"></a>
 
         <h2 class="h2">Section 2</h2>
 
         <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.
+
             <div class="grid-row">
−
            </p><p>
+
                <div class="col-3">
−
            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.
+
                    <a href="#">Bruh</a>
−
            </p><p>
+
                </div>
−
            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 class="col-9">
−
        <h3 class="h3">Section 2.1</h3>
+
                    <p>Hello test</p>
−
             <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.
+
                </div>
−
             </p><p>
+
            </div>
−
            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><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.
−
            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>
+
             </p>
−
        <h3 class="h3">Section 2.2</h3>
+
            <h3 class="h3">Section 2.1</h3>
−
            <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>
+
                    Paragraph
−
            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>
−
            </p><p>
+
                    Paragraph
−
             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>
+
                </p>
−
        <h3 class="h3">Section 2.3</h3>
+
            <h3 class="h3">Section 2.2</h3>
−
            <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>
+
                    Paragraph
−
            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>
−
            </p><p>
+
                    Paragraph
−
            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>
+
                </p>
−
         </div> <!-- /section 2 -->
+
             <h3 class="h3">Section 2.3</h3>
 +
                <p>
 +
                    Paragraph
 +
                </p><p>
 +
                    Paragraph
 +
                </p>
 +
         </div>
 
          
 
          
 
         <div><a class="anchor" id="section-3"></a>
 
         <div><a class="anchor" id="section-3"></a>
 
         <h2 class="h2">Section 3</h2>
 
         <h2 class="h2">Section 3</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>
−
             </p><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.
−
            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><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><a class="anchor" id="section-4"></a>
 +
        <h2 class="h2">Section 4</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>
 +
        </div>
 +
 
 +
        <div><a class="anchor" id="section-5"></a>
 +
        <h2 class="h2">Section 5</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>
 +
        </div>
 +
 
 +
        <div><a class="anchor" id="section-6"></a>
 +
        <h2 class="h2">Section 6</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>
 +
        </div>
 +
 
 +
        <div><a class="anchor" id="section-7"></a>
 +
        <h2 class="h2">Section 7</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>
 
         </div>
 
         </div>
 
     </div> <!-- /LEFT -->
 
     </div> <!-- /LEFT -->
 
      
 
      
 
     <!-- RIGHT-->
 
     <!-- RIGHT-->
−
     <div class="col-md-3 hidden-sm hidden-xs colRight" id="scrollspy">  
+
     <div class="col-md-3 col-sm-2 colRight" id="scrollspy">  
−
         <ul class="nav nav-stacked" id="sidebar"> <!-- data-offset-top="230" data-offset-bottom="100">-->
+
         <ul class="nav" id="sidebar">
−
            <!--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-->
+
 
             <li><a href="#section-1">Section 1</a></li>
 
             <li><a href="#section-1">Section 1</a></li>
−
             <li><a href="#section-2">section 2</a></li>
+
             <li><a href="#section-2">Section 2</a></li>
−
             <li><a href="#section-3">section 3</a></li>
+
             <li><a href="#section-3">Section 3</a></li>
 +
            <li><a href="#section-4">Section 4</a></li>
 +
            <li><a href="#section-5">Section 5</a></li>
 +
            <li><a href="#section-6">Section 6</a></li>
 +
            <li><a href="#section-7">Section 7</a></li>
 
         </ul>
 
         </ul>
 
     </div> <!-- /RIGHT -->
 
     </div> <!-- /RIGHT -->
Line 294: Line 150:
 
</div> <!-- /BODY-->
 
</div> <!-- /BODY-->
  
−
    <script> // The affix elements javascript
+
</body>
−
        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>
+
  
 +
<!--script for functionality of sidebar, DON'T TOUCH!!! -->
 +
<script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/sidebar-js?action=raw&ctype=text/javascript"></script>
 
</html>
 
</html>
  
−
 
+
<!-- DON'T TOUCH!!! -->
 
{{Team:DTU-Denmark/footer}}
 
{{Team:DTU-Denmark/footer}}

Revision as of 13:04, 6 October 2016

New HTML template for the wiki




Bootstrap Example

Title

leader under the title, short introduction. 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.


Section 1

Quote Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

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.

Section 2

Bruh

Hello test

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.

Section 2.1

Paragraph

Paragraph

Section 2.2

Paragraph

Paragraph

Section 2.3

Paragraph

Paragraph

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.

Section 4

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.

Section 5

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.

Section 6

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.

Section 7

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.

  • 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