Difference between revisions of "Team:Marburg/Parts"

 
(16 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{Marburg}}
 
{{Marburg}}
 
<html>
 
<html>
−
<style>
 
−
    .lbl-toggle {
 
−
        text-align: inherit !important;
 
−
    }
 
−
 
−
    .box-dark {
 
−
        background-color: #3d404d;
 
−
        min-height: 30vh;
 
−
        box-shadow: 1px 1px 40px black;
 
−
        margin-left: -10vw;
 
−
        width: 120vw;
 
−
        position: relative;
 
−
        z-index: 2;
 
−
        display: flex;
 
−
        flex-direction: column;
 
−
        align-items: center;
 
−
        transform: rotate(355deg);
 
−
        justify-content: center;
 
−
        margin-top: -12vh;
 
−
    }
 
−
 
−
    .heading {
 
−
        color: #f5f5f5;
 
−
        text-align: center;
 
−
        font-size: 1.75em;
 
−
        width: fit-content;
 
−
        margin-top: 25px;
 
−
        margin-bottom: unset !important;
 
−
        transform: rotate(-355deg);
 
−
    }
 
−
 
−
    .line {
 
−
        border-top: 2px solid #f5f5f5;
 
−
        background-color: #f5f5f5;
 
−
        border-width: 2px;
 
−
        display: block;
 
−
        width: 100px;
 
−
        margin-top: 25px;
 
−
        margin-bottom: unset;
 
−
        transform: rotate(-355deg);
 
−
    }
 
−
 
−
    .logo {
 
−
        width: 100px;
 
−
        height: 100px;
 
−
        position: absolute;
 
−
        bottom: -50px;
 
−
        transform: rotate(-355deg);
 
−
        margin-left: -10px;
 
−
    }
 
−
 
−
    .main {
 
−
        overflow-x: hidden;
 
−
    }
 
−
 
−
    hr {
 
−
        display: block;
 
−
        height: 1px;
 
−
        border: 0;
 
−
        border-top: 2px solid #3d404d;
 
−
        padding: 0;
 
−
        margin: 1em auto;
 
−
        width: 50vw;
 
−
    }
 
−
 
−
    @media (max-width: 810px) {
 
−
 
−
        .logo,
 
−
        .line,
 
−
        .heading {
 
−
            margin-left: -30px;
 
−
        }
 
−
 
−
        .line {
 
−
            margin: 1.5rem 0 !important;
 
−
            margin-left: -40px !important;
 
−
        }
 
−
    }
 
−
</style>
 
 
<div>
 
<div>
 
     <div class="box-dark">
 
     <div class="box-dark">
 
         <h1 class="heading">
 
         <h1 class="heading">
−
             P A R T S<span style="visibility: hidden;">A</span>O V E R V I E W
+
             P A R T S &ensp; O V E R V I E W
 
         </h1>
 
         </h1>
 
         <hr class="line">
 
         <hr class="line">
Line 91: Line 12:
 
         <section class="section">
 
         <section class="section">
 
             <h1 class="title"></h1>
 
             <h1 class="title"></h1>
−
             <p style="text-align: justify;">With our additional created parts, we expanded the current Marburg
+
             <p style="text-align: justify;">With our additional created parts, we expanded the current <a href="https://2018.igem.org/Team:Marburg/Part_Collection" target="_blank">Marburg
−
                 Collection.</p>
+
                 Collection</a>.</p>
 
         </section>
 
         </section>
 
         <br>
 
         <br>
 +
<figure style="text-align: center; margin-left: 25px;">
 +
              <img style="height: 400px; width: 1200px"
 +
                  src="https://static.igem.org/mediawiki/2019/3/3d/T--Marburg--Toolbox_Overview.svg"
 +
                  alt="Marburgcollection Overview">
 +
              <figcaption style="max-width: 1000px">
 +
                  Fig.1 - Overview of the Marburg Collection. The newly added part-positions are shown with a grey background.
 +
              </figcaption>
 +
          </figure>
 
         <br>
 
         <br>
 
         <section class="section grid">
 
         <section class="section grid">
−
             <div class="sub" onclick="popup('rbn311')">
+
             <div class="sub" onclick="window.location.href= '/Team:Marburg/Basic_Part'">
 
                 <div class="sub-header">
 
                 <div class="sub-header">
 
                     <h1>
 
                     <h1>
Line 106: Line 35:
 
                 </div>
 
                 </div>
 
                 <div class="sub-content">
 
                 <div class="sub-content">
−
                     <p>
+
                     <div>
−
                        Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
+
                      The most versatile shuttle vector for cyanobacteria based on the modular Golden Gate Assembly method.
−
                    </p>
+
−
                </div>
+
−
            </div>
+
−
            <div id="rbn311" class="popup">
+
−
                <div class="popup-container">
+
−
                    <div class="popup-header">
+
−
                        <h1 class="title">Light Measurement</h1>
+
−
                        <button type="button" onclick="hide('rbn311')">X</button>
+
−
                    </div>
+
−
                    <div class="popup-content" style="text-align: justify; text-align-last: justify;">
+
−
                        <section class="section">
+
−
                            Abstract?
+
−
                        </section>
+
−
                        <section class="section">
+
−
                            <div class="wrap-collabsible" style="margin-bottom: 25px;">
+
−
                                <input id="collapsible1_1" class="toggle" type="checkbox">
+
−
                                <label for="collapsible1_1" class="lbl-toggle">
+
−
                                    Unterprojekt1
+
−
                                    <hr style="width: unset;">
+
−
                                </label>
+
−
                                <div class="collapsible-content">
+
−
                                    <div class="content-inner" style="text-align: left; text-align-last: left;">
+
−
                                        <!--div -p - text - /p - /div wenn auch bilder drin-->
+
−
                                        <p>
+
−
                                            Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser
+
−
                                            fertig ist.
+
−
                                        </p>
+
−
                                    </div>
+
−
                                </div>
+
−
                            </div>
+
−
                            <div class="wrap-collabsible">
+
−
                                <input id="collapsible1_2" class="toggle" type="checkbox">
+
−
                                <label for="collapsible1_2" class="lbl-toggle">
+
−
                                    Unterprojekt2
+
−
                                    <hr style="width: unset;">
+
−
                                </label>
+
−
                                <div class="collapsible-content">
+
−
                                    <div class="content-inner" style="text-align: left; text-align-last: left;">
+
−
                                        <p>
+
−
                                            Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser
+
−
                                            fertig ist.
+
−
                                        </p>
+
−
                                    </div>
+
−
                                </div>
+
−
                            </div>
+
−
                        </section>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="sub" onclick="popup('rbn312')">
+
             <div class="sub" onclick="window.location.href= '/Team:Marburg/Composite_Part'">
 
                 <div class="sub-header">
 
                 <div class="sub-header">
 
                     <h1>
 
                     <h1>
Line 166: Line 49:
 
                 </div>
 
                 </div>
 
                 <div class="sub-content">
 
                 <div class="sub-content">
−
                     <p>
+
                     <div>
−
                        Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
+
                             Transcriptional terminators: The key role in regulating natural and synthetic genetic systems.
−
                    </p>
+
−
                </div>
+
−
            </div>
+
−
            <div id="rbn312" class="popup">
+
−
                <div class="popup-container">
+
−
                    <div class="popup-header">
+
−
                        <h1 class="title">Composite Parts</h1>
+
−
                        <button type="button" onclick="hide('rbn312')">X</button>
+
−
                    </div>
+
−
                    <div class="popup-content" style="text-align: justify; text-align-last: justify;">
+
−
                        <p>
+
−
                             Text?
+
−
                        </p>
+
−
                        <section class="section">
+
−
                            <div class="wrap-collabsible" style="margin-bottom: 25px;">
+
−
                                <input id="collapsible1_1" class="toggle" type="checkbox">
+
−
                                <label for="collapsible1_1" class="lbl-toggle">
+
−
                                    Unterprojekt1
+
−
                                    <hr style="width: unset;">
+
−
                                </label>
+
−
                                <div class="collapsible-content">
+
−
                                    <div class="content-inner" style="text-align: left; text-align-last: left;">
+
−
                                        <!--div -p - text - /p - /div wenn auch bilder drin-->
+
−
                                        <p>
+
−
                                            Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser
+
−
                                            fertig ist.
+
−
                                        </p>
+
−
                                    </div>
+
−
                                </div>
+
−
                            </div>
+
−
                            <br>
+
−
                            <div class="wrap-collabsible">
+
−
                                <input id="collapsible1_2" class="toggle" type="checkbox">
+
−
                                <label for="collapsible1_2" class="lbl-toggle">
+
−
 
+
−
                                    <hr style="width: unset;">
+
−
                                </label>
+
−
                                <div class="collapsible-content">
+
−
                                    <div class="content-inner" style="text-align: left; text-align-last: left;">
+
−
                                        <p>
+
−
                                            Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser
+
−
                                            fertig ist.
+
−
                                        </p>
+
−
                                    </div>
+
−
                                </div>
+
−
                            </div>
+
−
                        </section>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="sub" onclick="popup('rbn313')">
+
             <div class="sub" onclick="window.location.href= '/Team:Marburg/Part_Collection'">
 
                 <div class="sub-header">
 
                 <div class="sub-header">
 
                     <h1>
 
                     <h1>
Line 227: Line 63:
 
                 </div>
 
                 </div>
 
                 <div class="sub-content">
 
                 <div class="sub-content">
−
                     <p>
+
                     <div>
−
                        Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
+
                         We proudly present the Marburg Collection 2.0.
−
                    </p>
+
−
                </div>
+
−
            </div>
+
−
            <div id="rbn413" class="popup">
+
−
                <div class="popup-container">
+
−
                    <div class="popup-header">
+
−
                         <h1 class="title">Light Measurement</h1>
+
−
                        <button type="button" onclick="hide('rbn413')">X</button>
+
−
                    </div>
+
−
                    <div class="popup-content" style="text-align: justify; text-align-last: justify;">
+
−
                        <section class="section">
+
−
                            Abstract?
+
−
                        </section>
+
−
                        <section class="section">
+
−
                            <div class="wrap-collabsible" style="margin-bottom: 25px;">
+
−
                                <input id="collapsible1_1" class="toggle" type="checkbox">
+
−
                                <label for="collapsible1_1" class="lbl-toggle">
+
−
                                    Unterprojekt1
+
−
                                    <hr style="width: unset;">
+
−
                                </label>
+
−
                                <div class="collapsible-content">
+
−
                                    <div class="content-inner" style="text-align: left; text-align-last: left;">
+
−
                                        <!--div -p - text - /p - /div wenn auch bilder drin-->
+
−
                                        <p>
+
−
                                            Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser
+
−
                                            fertig ist.
+
−
                                        </p>
+
−
                                    </div>
+
−
                                </div>
+
−
                            </div>
+
−
                            <div class="wrap-collabsible">
+
−
                                <input id="collapsible1_2" class="toggle" type="checkbox">
+
−
                                <label for="collapsible1_2" class="lbl-toggle">
+
−
                                    Unterprojekt2
+
−
                                    <hr style="width: unset;">
+
−
                                </label>
+
−
                                <div class="collapsible-content">
+
−
                                    <div class="content-inner" style="text-align: left; text-align-last: left;">
+
−
                                        <p>
+
−
                                            Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser
+
−
                                            fertig ist.
+
−
                                        </p>
+
−
                                    </div>
+
−
                                </div>
+
−
                            </div>
+
−
                        </section>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 280: Line 70:
 
         </section>
 
         </section>
 
     </div>
 
     </div>
−
</div>
 
−
 
−
</body>
 
  
 
</html>
 
</html>
 +
{{Marburg/footer}}

Latest revision as of 06:47, 9 December 2019

P A R T S   O V E R V I E W

With our additional created parts, we expanded the current Marburg Collection.


Marburgcollection Overview
Fig.1 - Overview of the Marburg Collection. The newly added part-positions are shown with a grey background.

B A S I C
P A R T S

The most versatile shuttle vector for cyanobacteria based on the modular Golden Gate Assembly method.

C O M P O S I T E
P A R T S

Transcriptional terminators: The key role in regulating natural and synthetic genetic systems.

P A R T
C O L L E C T I O N

We proudly present the Marburg Collection 2.0.