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

Line 4: Line 4:
 
<head>
 
<head>
 
     <!-- Edited by Isabella 7-9-16 14:30 in sidebar - remove xs-hidden from sidebar -->
 
     <!-- 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 -->
+
     <!-- 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">
Line 18: Line 18:
 
     <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://static.igem.org/mediawiki/2016/c/c2/T--DTU-Denmark--Lab-header.jpg)"> <!-- EDIT style url (this should lead to an image) -->
+
             <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">
Line 44: Line 44:
 
     <div class="col-md-9 col-sm-10 colLeft"> <!-- LEFT -->
 
     <div class="col-md-9 col-sm-10 colLeft"> <!-- LEFT -->
 
         <div><a class="anchor" id="section-1"></a>
 
         <div><a class="anchor" id="section-1"></a>
−
         <h2 class="h2">Section 1</h2>
+
         <h2 class="h2">June</h2>
 
              
 
              
 
             <blockquote class="visible-xs"> <!-- quote from masterhead duplicate -->
 
             <blockquote class="visible-xs"> <!-- quote from masterhead duplicate -->
Line 50: Line 50:
 
                 <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
 
                 <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
 
             </blockquote>
 
             </blockquote>
−
             <h3>iGEM info</h3>
+
             <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
−
<p> Document the dates you worked on your project.</p>
+
    <!--Requirements for new sections
−
             <h5>What should this page have?</h5>
+
    Change:
−
<ul>
+
    <div class="panel-heading" role="tab" id="heading1"> - change number for heading1
−
<li>Chronological notes of what your team is doing.</li>
+
    <a data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="true" aria-controls="collapse1">Collapsible Group 1</a> - change number for collapse1 (two times in this row)
−
<li> Brief descriptions of daily important events.</li>
+
    <div id="collapse1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading1"> - change number of both collapse1 and heading1 in this line
−
<li>Pictures of your progress. </li>
+
    All the numbers should match - all lines that need to be changed are marked
−
<li>Mention who participated in what task.</li>
+
    -->
−
</ul>
+
   
 +
    <!--PANEL1-->
 +
    <div class="panel panel-default">
 +
        <a data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapse1"> <!--change x2-->
 +
            <div class="panel-heading" role="tab" id="heading1"> <!--change x1-->
 +
                <h4 class="panel-title">
 +
                    Week 1 (May 30- June 5)
 +
                </h4>
 +
             </div>
 +
        </a>
 +
        <div id="collapse1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading1"> <!-- change x2 -->
 +
            <div class="panel-body">
 +
                <ul>
 +
                    <li class="wetlab">
 +
                    Wetlab
 +
                    <p>insert description</p>
 +
                    <ul>
 +
                        <li>
 +
                            Molecular Tools
 +
                            <p>insert description</p>
 +
                            <ul>
 +
                                <li>
 +
                                    Pex10
 +
                                    <p>insert description</p>
 +
                                </li>
 +
                                <li>
 +
                                    Ura3
 +
                                    <p>insert description</p>
 +
                                </li>
 +
                                <li>
 +
                                    pSB1A8YL
 +
                                    <p>insert description</p>
 +
                                </li>
 +
                            </ul>
 +
                        </li> <!-- \molecular tools -->
 +
                       
 +
                        <li>Products
 +
                            <p>insert description</p>
 +
                            <ul>
 +
                                <li>
 +
                                    Beta-carotene
 +
                                    <p>insert description</p>
 +
                                </li>
 +
                                <li>
 +
                                    Proinsulin
 +
                                    <p>insert description</p>
 +
                                </li>
 +
                                <li>
 +
                                    HrGFP
 +
                                    <p>insert description</p>
 +
                                </li>
 +
                                <li>
 +
                                    Promoter
 +
                                    <p>insert description</p>
 +
                                </li>
 +
                            </ul>
 +
                        </li>
 +
                           
 +
                        <li>
 +
                            Substrate
 +
                            <p>insert description</p>
 +
                        </li>
 +
                           
 +
                        <li>
 +
                            Interlab
 +
                            <p>insert description</p>
 +
                        </li>
 +
                           
 +
                    </ul>
 +
                   
 +
                   
 +
                    </li> <!-- /wetlab -->
 +
                   
 +
                    <li class="compute">
 +
                        <ul>
 +
                            <li>
 +
                                Modeling
 +
                                <p>insert description</p>
 +
                            </li>
 +
                            <li>
 +
                                Software
 +
                                <p>insert description</p>
 +
                            </li>
 +
                            <li>
 +
                                Hardware
 +
                                <p>insert description</p>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
               
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <!--PANEL2-->
 +
    <div class="panel panel-default">
 +
        <a data-toggle="collapse" href="#collapse2" aria-expanded="false" aria-controls="collapse2"> <!--change x2-->
 +
            <div class="panel-heading" role="tab" id="heading2"> <!--change x1-->
 +
                <h4 class="panel-title">
 +
                    Week 2
 +
                </h4>
 +
            </div>
 +
        </a>
 +
        <div id="collapse2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading2"> <!-- change x2 -->
 +
            <div class="panel-body">
 +
                <p>
 +
                    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.
 +
                </p>
 +
            </div>
 +
        </div>
 +
    </div>
 +
</div> 
  
−
<h5>Inspiration</h5>
 
−
<p>You can see what others teams have done to organize their notes:</p>
 
  
−
<ul>
+
            <p>
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a> NB: very nice</li>
+
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
−
</ul>
+
−
+
−
+
−
<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.
 
                 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>
Line 103: Line 204:
 
         <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>
  
 
         </div>
 
         </div>
Line 128: Line 232:
  
 
         <div><a class="anchor" id="section-7"></a>
 
         <div><a class="anchor" id="section-7"></a>
−
         <h2 class="h2">Sponsors</h2>
+
         <h2 class="h2">Section 7</h2>
 
             <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.
 
                 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.

Revision as of 13:37, 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

    • 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