(Prototype team page) |
BloonCorps (Talk | contribs) |
||
(14 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | {{ | + | {{Template:MIT/bootstrap_min_css}} |
− | {{MIT}} | + | {{Template:MIT/menu}} |
− | <html> | + | <html lang="en"> |
+ | <style> | ||
+ | p { | ||
+ | font-size: 16px !important; | ||
+ | } | ||
− | + | /* Sidenav disabled for small screens */ | |
+ | @media(max-width:576px){ | ||
+ | .pageName h1{ | ||
+ | font-size:2 rem; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 992px) { | ||
+ | .sidenav { | ||
+ | -ms-flex: 0 0 20%; | ||
+ | flex: 0 0 20%; | ||
+ | max-width: 20%; | ||
+ | height: 100vh; | ||
+ | margin: 0; | ||
+ | padding-top: 2vh; | ||
+ | } | ||
+ | } | ||
− | + | /*important sidenav stuff*/ | |
− | + | .sidenav ul { | |
+ | font-family: 'Sansita', sans-serif; | ||
+ | list-style-type: none; | ||
+ | position:fixed; | ||
+ | margin-left: -20px; | ||
+ | } | ||
− | + | .sidenav a { | |
− | + | text-align: center; | |
− | + | font-size: 1.1 rem; | |
+ | color: #767676; | ||
+ | } | ||
− | + | .sidenav a.active { | |
+ | color: white; | ||
+ | background-color: orange; | ||
+ | border-radius: 1rem; | ||
+ | } | ||
+ | /* Shifts the body to the right for purposes */ | ||
+ | @media (min-width: 992px) { | ||
+ | main { | ||
+ | -ms-flex: 0 0 80%; | ||
+ | flex: 0 0 80%; | ||
+ | max-width: 80%; | ||
+ | } | ||
+ | main hr { | ||
+ | margin-right: 7 vw; | ||
+ | margin-left: 0 vw; | ||
+ | } | ||
+ | body { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | position: relative; | ||
+ | top: 32px; | ||
+ | left: -24px; | ||
+ | } | ||
− | + | .pageName { | |
− | + | padding-left: 0%; | |
− | + | margin-top:2vh; | |
− | + | } | |
− | + | main section { | |
− | </ | + | padding: 0vh 1vw 1vh 0; |
+ | } | ||
+ | } | ||
+ | </style> | ||
− | < | + | <body data-spy="scroll" data-target=".sidenav" data-offset="101"> |
+ | <div class="content container-fluid"> | ||
+ | <div class="row"> | ||
+ | <!--Sidebar (Remember to change the subtitle context, but don't change the id)--> | ||
+ | <aside class="sidenav d-none d-lg-flex flex-column justify-content-start align-items-center col-2"> | ||
+ | <ul class="nav flex-column"> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link" href="#Subtitle1">Cloning</a> | ||
+ | </li> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link" href="#Subtitle2">Assays</a> | ||
+ | </li> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link" href="#Subtitle3"><i>B. subtilis</i></a> | ||
+ | </li> | ||
+ | <!-- You can write extra bookmarks here--> | ||
+ | </ul> | ||
+ | </aside> | ||
− | < | + | <main class=""> |
− | < | + | <!--The Page Name--> |
− | < | + | <div class="pageName"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <h1 style="font-size: 48px;">Experiments</h1> | ||
+ | <div class="divider"></div> | ||
+ | </div> | ||
+ | <section> | ||
+ | <h2>Overview</h2> | ||
+ | <ol> | ||
+ | <li><p>Cloning</p></li> | ||
+ | <li><p>Assays</p></li> | ||
+ | <li><p><i>B. subtilis</i></p></li> | ||
+ | </ol> | ||
+ | </section> | ||
+ | <hr> | ||
+ | <section> | ||
+ | |||
+ | <h2 id ="Subtitle1">Cloning</h2> | ||
+ | |||
+ | <iframe src="https://static.igem.org/mediawiki/2021/2/26/T--MIT--cloningmasterdoc.pdf" height = "800" width = "850"></iframe> | ||
+ | |||
+ | |||
+ | </section> | ||
+ | <hr> | ||
+ | <section> | ||
+ | <h2 id ="Subtitle2">Assays</h2> | ||
+ | <!--<h3>Subheading</h3>--> | ||
+ | |||
+ | <iframe src="https://static.igem.org/mediawiki/2021/e/ed/T--MIT--assaymasterdoc.pdf" height = "800" width = "850"></iframe> | ||
+ | |||
+ | <hr> | ||
+ | <h2 id ="Subtitle3"><i>B. subtilis</i></h2> | ||
+ | |||
+ | |||
+ | <iframe src="https://static.igem.org/mediawiki/2021/e/ef/T--MIT--bettersub.pdf" height = "800" width = "850"></iframe> | ||
+ | |||
+ | </section> | ||
+ | |||
+ | </main> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <script src="https://2019.igem.org/Team:NCKU_Tainan/js/jquery-3_4_1_min_js?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2019.igem.org/Team:NCKU_Tainan/js/4.3.1/bootstrap_min_js?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2019.igem.org/Team:NCKU_Tainan/js/Universal?action=raw&ctype=text/javascript"></script> | ||
+ | <script> | ||
+ | // remember to edit this according to page | ||
+ | $( document ).ready(function() { | ||
+ | $("#breadtext").html('<a href="https://2019.igem.org/Team:NCKU_Tainan">Home</a> > <a>Results</a>') | ||
+ | }); | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> | ||
+ | {{Template:MIT/footer}} |
Latest revision as of 02:12, 22 October 2021
Experiments
Overview
Cloning
Assays
B. subtilis
Cloning
Assays
B. subtilis