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

Line 8: Line 8:
 
     <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">
 +
    <style>
 +
        /*******
 +
        NOTEBOOK
 +
        *******/
 +
       
 +
        .notebook ul {
 +
            list-style: none;
 +
            padding:0;
 +
            margin:0;
 +
        }
 +
       
 +
        .notebook li {
 +
            padding-left: 1em;
 +
            text-indent: -.7em;
 +
        }
 +
       
 +
        /*first lvl*/
 +
        .notebook li.wetlab:before {
 +
            list-style-image: url(https://static.igem.org/mediawiki/2016/c/c7/T--DTU-Denmark--wetlab.png)
 +
        }
 +
       
 +
        .notebook li.compute:before {
 +
            list-style-image: url(https://static.igem.org/mediawiki/2016/f/fe/T--DTU-Denmark--compute.png)
 +
        }
 +
       
 +
       
 +
        /*second lvl*/
 +
        .notebook li.mol-tools:before {
 +
            list-style-image: url(https://static.igem.org/mediawiki/2016/a/ae/T--DTU-Denmark--moleculartools.png)
 +
        }
 +
       
 +
       
 +
        .notebook li.products:before {
 +
            list-style-image: url()
 +
        }
 +
       
 +
        .notebook li.substrate:before {
 +
            list-style-image: url(https://static.igem.org/mediawiki/2016/7/79/T--DTU-Denmark--substrate.png)
 +
        }
 +
       
 +
        .notebook li.interlab:before {
 +
            list-style-image: url(https://static.igem.org/mediawiki/2016/e/e6/T--DTU-Denmark--interlab.png)
 +
        }
 +
       
 +
        .notebook li.model:before {
 +
            list-style-image: url(https://static.igem.org/mediawiki/2016/d/d8/T--DTU-Denmark--modeling.png)
 +
        }
 +
       
 +
        .notebook li.software:before {
 +
            list-style-image: url(https://static.igem.org/mediawiki/2016/1/1f/T--DTU-Denmark--software.png)
 +
        }
 +
       
 +
        .notebook li.hardware:before {
 +
            list-style-image: url(https://static.igem.org/mediawiki/2016/8/8d/T--DTU-Denmark--hardware.png)
 +
        }
 +
       
 +
        /*third lvl*/
 +
       
 +
        .notebook li.pex10:before {
 +
            list-style-image: url(https://static.igem.org/mediawiki/2016/a/a7/T--DTU-Denmark--pex10.png)
 +
        }
 +
       
 +
        .notebook li.ura3:before {
 +
            list-style-image: url(https://static.igem.org/mediawiki/2016/5/57/T--DTU-Denmark--ura3.png)
 +
        }
 +
       
 +
        .notebook li.plasmid:before {
 +
            list-style-image: url(https://static.igem.org/mediawiki/2016/a/ac/T--DTU-Denmark--pSB1A8YL.png)
 +
        }
 +
       
 +
        .notebook li.b-caro:before {
 +
            list-style-image: url(https://static.igem.org/mediawiki/2016/e/e2/T--DTU-Denmark--betacarotene.png)
 +
        }
 +
       
 +
        .notebook li.insulin:before {
 +
            list-style-image: url(https://static.igem.org/mediawiki/2016/a/ad/T--DTU-Denmark--proinsulin.png)
 +
        }
 +
       
 +
        .notebook li.gfp:before {
 +
            list-style-image: url(https://static.igem.org/mediawiki/2016/3/3b/T--DTU-Denmark--hrgfp.png)
 +
        }
 +
       
 +
        .notebook li.promoter:before {
 +
            list-style-image: url(https://static.igem.org/mediawiki/2016/f/f9/T--DTU-Denmark--promoter.png)
 +
        }
 +
       
 +
       
 +
       
 +
       
 +
        li:before {
 +
            content: "• ";
 +
            color: red; /* or whatever color you prefer */
 +
        }
 +
    </style>
 
</head>
 
</head>
  
Line 40: Line 134:
 
<br>
 
<br>
 
<!-- Content -->
 
<!-- Content -->
−
<div class="container">
+
<div class="container notebook">
 
<div class="row"> <!--Must sorround both content and sidebar-->
 
<div class="row"> <!--Must sorround both content and sidebar-->
 
     <div class="col-md-9 col-sm-10 colLeft"> <!-- LEFT -->
 
     <div class="col-md-9 col-sm-10 colLeft"> <!-- LEFT -->
Line 62: Line 156:
 
     <div class="panel panel-default">
 
     <div class="panel panel-default">
 
         <a data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapse1"> <!--change x2-->
 
         <a data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapse1"> <!--change x2-->
−
             <div class="panel-heading" role="tab" id="heading1"> <!--change x1-->
+
             <div class=" panel-heading" role="tab" id="heading1"> <!--change x1-->
 
                 <h4 class="panel-title">
 
                 <h4 class="panel-title">
 
                     Week 1 (May 30- June 5)
 
                     Week 1 (May 30- June 5)
Line 75: Line 169:
 
                     <p>insert description</p>
 
                     <p>insert description</p>
 
                     <ul>
 
                     <ul>
−
                         <li>
+
                         <li class="mol-tools">
 
                             Molecular Tools
 
                             Molecular Tools
 
                             <p>insert description</p>
 
                             <p>insert description</p>
 
                             <ul>
 
                             <ul>
−
                                 <li>
+
                                 <li class="pex10">
 
                                     Pex10
 
                                     Pex10
 
                                     <p>insert description</p>
 
                                     <p>insert description</p>
 
                                 </li>
 
                                 </li>
−
                                 <li>
+
                                 <li class="ura3">
 
                                     Ura3
 
                                     Ura3
 
                                     <p>insert description</p>
 
                                     <p>insert description</p>
 
                                 </li>
 
                                 </li>
−
                                 <li>
+
                                 <li class="plasmid">
 
                                     pSB1A8YL
 
                                     pSB1A8YL
 
                                     <p>insert description</p>
 
                                     <p>insert description</p>
Line 94: Line 188:
 
                         </li> <!-- \molecular tools -->
 
                         </li> <!-- \molecular tools -->
 
                          
 
                          
−
                         <li>Products
+
                         <li class="products">
 +
                            Products
 
                             <p>insert description</p>
 
                             <p>insert description</p>
 
                             <ul>
 
                             <ul>
−
                                 <li>
+
                                 <li class="b-caro">
 
                                     Beta-carotene
 
                                     Beta-carotene
 
                                     <p>insert description</p>
 
                                     <p>insert description</p>
 
                                 </li>
 
                                 </li>
−
                                 <li>
+
                                 <li class="insulin">
 
                                     Proinsulin
 
                                     Proinsulin
 
                                     <p>insert description</p>
 
                                     <p>insert description</p>
 
                                 </li>
 
                                 </li>
−
                                 <li>
+
                                 <li class="gfp">
 
                                     HrGFP
 
                                     HrGFP
 
                                     <p>insert description</p>
 
                                     <p>insert description</p>
 
                                 </li>
 
                                 </li>
−
                                 <li>
+
                                 <li class="promoter">
 
                                     Promoter
 
                                     Promoter
 
                                     <p>insert description</p>
 
                                     <p>insert description</p>
Line 116: Line 211:
 
                         </li>
 
                         </li>
 
                              
 
                              
−
                         <li>
+
                         <li class="substrate">
 
                             Substrate
 
                             Substrate
 
                             <p>insert description</p>
 
                             <p>insert description</p>
 
                         </li>
 
                         </li>
 
                              
 
                              
−
                         <li>
+
                         <li class="interlab">
 
                             Interlab
 
                             Interlab
 
                             <p>insert description</p>
 
                             <p>insert description</p>
Line 132: Line 227:
 
                      
 
                      
 
                     <li class="compute">
 
                     <li class="compute">
 +
                        Compute
 +
                        <p>insert description</p>
 
                         <ul>
 
                         <ul>
−
                             <li>
+
                             <li class="model">
 
                                 Modeling
 
                                 Modeling
 
                                 <p>insert description</p>
 
                                 <p>insert description</p>
 
                             </li>
 
                             </li>
−
                             <li>
+
                             <li class="software">
 
                                 Software
 
                                 Software
 
                                 <p>insert description</p>
 
                                 <p>insert description</p>
 
                             </li>
 
                             </li>
−
                             <li>
+
                             <li class="hardware">
 
                                 Hardware
 
                                 Hardware
 
                                 <p>insert description</p>
 
                                 <p>insert description</p>
 
                             </li>
 
                             </li>
 
                         </ul>
 
                         </ul>
−
                     </li>
+
                     </li> <!-- compute -->
 
                  
 
                  
 
                 </ul>
 
                 </ul>

Revision as of 14:18, 18 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.


June

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

Someone famous in Source Title
  • Wetlab

    insert description

    • Molecular Tools

      insert description

      • Pex10

        insert description

      • Ura3

        insert description

      • pSB1A8YL

        insert description

    • Products

      insert description

      • Beta-carotene

        insert description

      • Proinsulin

        insert description

      • HrGFP

        insert description

      • Promoter

        insert description

    • Substrate

      insert description

    • Interlab

      insert description

  • Compute

    insert description

    • Modeling

      insert description

    • Software

      insert description

    • Hardware

      insert description

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

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

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