diff --git a/static/page.css b/static/page.css index 9391eaf649570ad78be419decdfa08699ddd59fa..8d5846edc5c63fe880353a3d6429fa5d9db123f4 100644 --- a/static/page.css +++ b/static/page.css @@ -331,7 +331,7 @@ body{ } .pagecontent .h2{ text-align: left; - font-size: max(1.8vw, 20px); + font-size: max(1.5vw, 27px); margin-top: 40px; margin-bottom: 10px; font-family: SourceSansPro; diff --git a/wiki/pages/results.html b/wiki/pages/results.html index a61c22fba41a0ae6a4f21c42d3bcd95ae7b4aa6e..42ba7fdf7d8ce0835d4f1f9fb4920c4296d9420a 100644 --- a/wiki/pages/results.html +++ b/wiki/pages/results.html @@ -14,7 +14,11 @@ <div onclick="goTo(document.getElementById('one'))"><span id="subtitle1" style="color: #62D881;"><strong>DRY LAB</strong></span></div> - <div onclick="goTo(document.getElementById(''))"><span id="subtitle1" style="color: #62D881;"><strong>WET LAB</strong></span></div> + <div onclick="goTo(document.getElementById(''))"><span id="subtitle2" style="color: #62D881;"><strong>WET LAB</strong></span></div> + <div onclick="goTo(document.getElementById(''))"><span id="subtitle2" style="color: #62D881;">uTP-FP expression </div> + <div onclick="goTo(document.getElementById(''))"><span id="subtitle2" style="color: #62D881;">UCYN-A fusion</div> + + </div> <div class="pagecontent"> @@ -56,12 +60,21 @@ </figcaption> </div> <p>For in vivo characterization, we constructed candidate uTP sequences by concatenating the consensus sequences of discovered motif patterns. The uTP sequence classifiers were used to select the correct motifs for the fluorescent proteins we planned to use, mVenus and mNeonGreen. The two sequences with the highest confidence values (uTP1 and uTP2) were selected for in vivo experiments. These sequences were also submitted to the Parts Registry.</p> - + </div> + <div class="h" id="two"> + <div class="h1"><strong>WET LAB</strong></div> </div> + <div class="h" id="three"> + <div class="h2">Expression of uTP tagged by Fluorescent proteins</div> + </div> + + <div class="h" id="four"> + <div class="h2">UCYN-A isolation and fusion</div> + </div> @@ -80,7 +93,10 @@ </div> <script> var TopDistance = 120; - let elements = [document.getElementById('one')]; + let elements = [document.getElementById('one'), + document.getElementById('two'), + document.getElementById('three'), + document.getElementById('four')]; window.goTo = function(el){ @@ -96,6 +112,9 @@ } function HighlightCheck(){ Highlight(elements[0], document.getElementById('subtitle1')); + Highlight(elements[0], document.getElementById('subtitle2')); + Highlight(elements[0], document.getElementById('subtitle3')); + Highlight(elements[0], document.getElementById('subtitle4')); } window.addEventListener("scroll", HighlightCheck);