|
|
(27 intermediate revisions by 2 users not shown) |
Line 60: |
Line 60: |
| text-align: center; | | text-align: center; |
| position: relative; | | position: relative; |
− | height: calc(100vh - 28px); | + | height: calc(100vh - 20px); |
| } | | } |
| | | |
Line 102: |
Line 102: |
| | | |
| <div class="page" id="page1"> | | <div class="page" id="page1"> |
− | <div class="bg" data-anchor-target="#page1" data--0p-top="height: 90%" data--100p-top="height: 0%"> | + | <div class="bg"> |
− | <div id="logo"data-anchor-target="#sponsors" data-200-top="opacity: 1" data-199-top="opacity: 0"> | + | <div id="logo"> |
| <h1><img src="/wiki/images/1/15/Czech_Republic_home-logo.png" alt="The IOD Band" width="600" /></h1> | | <h1><img src="/wiki/images/1/15/Czech_Republic_home-logo.png" alt="The IOD Band" width="600" /></h1> |
| </div> | | </div> |
| </div> | | </div> |
| <div id="sponsors"> | | <div id="sponsors"> |
− | <img src="/wiki/images/b/bd/Czech_Republic_sponsors.png" alt="Sponsors" width="700" /> | + | <img src="/wiki/images/b/bd/Czech_Republic_sponsors.png" alt="Sponsors" width="1094" usemap="#sponsors" /> |
| + | |
| + | <map name="sponsors"> |
| + | <area shape="rect" coords="15,30,195,50" href="http://ccy.zcu.cz" alt="GeorgievLab" target="_blank" /> |
| + | </map> |
| </div> | | </div> |
| </div> | | </div> |
Line 233: |
Line 237: |
| #title #sep2-3 | | #title #sep2-3 |
| { | | { |
− | margin: -200px auto -100px auto;
| |
− | background-color: transparent;
| |
| width: 1200px; | | width: 1200px; |
− | background-position: 150px; | + | background-color: transparent; |
| + | top: -200px; |
| + | background-position: 150px center; |
| + | margin: 0px auto -250px; |
| } | | } |
| | | |
Line 314: |
Line 319: |
| { | | { |
| position: absolute; | | position: absolute; |
− | width: 205px; | + | width: 235px; |
| border: 5px solid #303030; | | border: 5px solid #303030; |
| background-color: white; | | background-color: white; |
Line 332: |
Line 337: |
| { | | { |
| text-align: left; | | text-align: left; |
− | font-size: 15px; | + | font-size: 18px; |
| margin-bottom: -5px; | | margin-bottom: -5px; |
| } | | } |
Line 372: |
Line 377: |
| #title #page3 ul li:first-child | | #title #page3 ul li:first-child |
| { | | { |
− | top: 280px; | + | top: 290px; |
| left: 955px; | | left: 955px; |
| width: 155px; | | width: 155px; |
Line 439: |
Line 444: |
| <div id="yeast-blue" data-anchor-target="#page3 header h2" data-100-top="left: 565px; opacity: 1" data-500-top="left: 700px; opacity: 0"></div> | | <div id="yeast-blue" data-anchor-target="#page3 header h2" data-100-top="left: 565px; opacity: 1" data-500-top="left: 700px; opacity: 0"></div> |
| | | |
− | <div data-anchor-target="#page3 header h2" data-top="opacity: 1" data-100-top="opacity: 0"> | + | <div data-anchor-target="#page3 header h2" data-50-top="opacity: 1" data-150-top="opacity: 0"> |
| <div class="lines"></div> | | <div class="lines"></div> |
| | | |
Line 591: |
Line 596: |
| <div class="img" data-anchor-target="#page4 header h2" data-top="opacity: 1" data-200-top="opacity: 0"></div> | | <div class="img" data-anchor-target="#page4 header h2" data-top="opacity: 1" data-200-top="opacity: 0"></div> |
| | | |
− | <div class="text" data-anchor-target="#page4 header h2" data-top="opacity: 1" data-100-top="opacity: 0"> | + | <div class="text" data-anchor-target="#page4 header h2" data-50-top="opacity: 1" data-150-top="opacity: 0"> |
| <div class="lines"></div> | | <div class="lines"></div> |
| | | |
Line 606: |
Line 611: |
| <div class="block ohl"> | | <div class="block ohl"> |
| <h3>Output Haploid Library</h3> | | <h3>Output Haploid Library</h3> |
− | <p>output haploids interface with inputs haloids and generate various intercellular signals</p> | + | <p>output haploids interface with input haploids and generate various intercellular signals</p> |
| </div> | | </div> |
| | | |
Line 800: |
Line 805: |
| <header data-anchor-target="#page5" data-200-top="opacity: 1" data-500-top="opacity: 0"> | | <header data-anchor-target="#page5" data-200-top="opacity: 1" data-500-top="opacity: 0"> |
| <h2>This Is What They Do</h2> | | <h2>This Is What They Do</h2> |
− | <p>IODs use group logic to <strong>find in blood samples and make visible</strong> tumor cells with a given phenotype.</p> | + | <p>IODs use group logic to <strong>find in blood samples and make visible</strong> tumor cells with a given marker profile.</p> |
| </header> | | </header> |
| | | |
Line 811: |
Line 816: |
| </div> | | </div> |
| | | |
− | <div class="text" data-anchor-target="#page5 header h2" data-top="opacity: 1" data-100-top="opacity: 0"> | + | <div class="text" data-anchor-target="#page5 header h2" data-50-top="opacity: 1" data-150-top="opacity: 0"> |
| <div class="procedure"> | | <div class="procedure"> |
| <h3>Procedure*</h3> | | <h3>Procedure*</h3> |
Line 840: |
Line 845: |
| <h3>Group Logic</h3> | | <h3>Group Logic</h3> |
| <p> | | <p> |
− | Antigen recognition and intercellular communication create a logical network by which a single cell with a given surface marker profile is identified in a back ground of millions. | + | Antigen recognition and intercellular communication create a logical network by which a single cell with a given surface marker profile is identified in a background of millions. |
| </p> | | </p> |
| </div> | | </div> |
Line 848: |
Line 853: |
| </section> | | </section> |
| | | |
| + | <section> |
| + | <style> |
| + | |
| + | #title #page6 |
| + | { |
| + | margin: 50px 0 0 0; |
| + | padding: 0 0 50px 0; |
| + | position: relative; |
| + | width: 100%; |
| + | background-color: #303030; |
| + | min-height: 725px; |
| + | height: calc(100vh - 40px); |
| + | } |
| + | |
| + | #title #page6 > div |
| + | { |
| + | width: 960px; |
| + | margin: 0 auto; |
| + | } |
| + | |
| + | #title #page6 header |
| + | { |
| + | margin: 0; |
| + | text-align: left; |
| + | padding: 0 48px; |
| + | } |
| + | |
| + | #title #page6 h2 |
| + | { |
| + | color: white; |
| + | font-size: 58px; |
| + | text-transform: uppercase; |
| + | padding: 50px 0 0 0; |
| + | } |
| + | |
| + | #title #page6 p |
| + | { |
| + | color: white; |
| + | font-size: 15px; |
| + | padding: 0 0 15px 0; |
| + | margin: -5px 0 0 5px; |
| + | text-transform: uppercase; |
| + | } |
| + | |
| + | </style> |
| + | |
| + | <div class="page" id="page6" data-anchor-target="#page6" data-200-top="opacity: 1" data-900-top="opacity: 0"> |
| + | <div> |
| + | <header> |
| + | <h2>These are the IOD inventors</h2> |
| + | <p>The first Czech iGEM team</p> |
| + | </header> |
| + | <img alt="The IOD inventors" src="/wiki/images/5/54/Czech_Republc_TeamTitle.jpg" width="960" /> |
| + | </div> |
| + | </div> |
| + | </section> |
| <!-- It's not possible to upload JS file and inlining doesn't work. This is only solution. In case removing this file from Inet, application have fallback (like for mobile version). --> | | <!-- It's not possible to upload JS file and inlining doesn't work. This is only solution. In case removing this file from Inet, application have fallback (like for mobile version). --> |
| <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.30/skrollr.min.js"></script> | | <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.30/skrollr.min.js"></script> |
Line 865: |
Line 926: |
| { | | { |
| var s = skrollr.init(); | | var s = skrollr.init(); |
− | var bg = document.getElementById('page1').getElementsByTagName('div')[0];
| |
− | bg.style.position = "fixed";
| |
| } | | } |
| } | | } |