Difference between revisions of "Team:RUM-UPRM/Engineering"

Revision as of 01:08, 27 October 2020

RUM-UPRM Wiki Source Code

TITLE

Title

Text Here

Tema 2

Text Here

Tema 3

Text Here

</div>

<p style="text-indent:40px; margin-left:7%; margin-right:7%"> Working on our solution, we decided to construct genetic circuits that would help us achieve the bioremediation of Mercury and the biodegradation of RDX. During this process, we consulted different individuals about their perspectives of the situation including our Advisors & Primary Investigators, citizens, engineers, professors and students.

V. Phase II Preparation

<p style="text-indent:40px; margin-left:7%; margin-right:7%"> Due to Covid-19, there are many things we were not able to do. We did not have access to the lab, nevertheless we could prepare a plan to return to the lab, a proposal to gain access to Vieques, a hardware competition and an experimental design for the next cycle. We will also take into consideration the judges’ feedback after this year’s competition for the improvement of our project

Phase II

<img src="

" style="width: 70%">

</div>

I. Building Prototype in Lab

When we finally gain access to the lab, we will build our prototype. This will consist of constant lab work.

II.Building Hardware

<p style="text-indent:40px; margin-left:7%; margin-right:7%"> We will also finish the design of the hardware of our project taking into account the results from the Hardware Competition.

III. Test prototype and hardware with samples from Vieques

<p style="text-indent:40px; margin-left:7%; margin-right:7%"> We found past IGEM projects that focused on the bioremediation of Mercury and used these ideas to create our own. We also found genes that can biodegrade RDX that we could implement as well.

IV. Optimization of prototype

<p style="text-indent:40px; margin-left:7%; margin-right:7%"> Using the data obtained from our tests, we will make the changes needed to optimize the efficiency of our bioremediation system.

V. Implementation

<p style="text-indent:40px; margin-left:7%; margin-right:7%"> After final tests and changes, we will implement our system in Vieques.

</section>

</footer>

   </body>

</html>

@@ Line 1: / Line 1: @@
 {{RUM-UPRM}}
+{{RUM-UPRM/Nav}}
 <html lang="en">
-<body>
+<head>
-<!--Preloader-->
+  <meta charset="utf-8">
-<div class="se-pre-con"></div>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
-<!-- Navigation-->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
-        <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
-            <div class="container">
-                <a class="navbar-brand js-scroll-trigger" href="https://2020.igem.org/Team:RUM-UPRM">RUM-UPRM</a>
+<style>
-                <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+  body {
-                    Menu
+    position: relative;
-                    <i class="fas fa-bars"></i>
-                </button>
-                <div class="collapse navbar-collapse" id="navbarResponsive">
+  }
-                    <ul class="navbar-nav ml-auto">
+  ul.nav-pills {
-                        <li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://2020.igem.org/Team:RUM-UPRM/Members">Team</a></li>
+    top: 70px;
-                        <li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://2020.igem.org/Team:RUM-UPRM/Description">Projects</a></li>
+}
-<li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://2020.igem.org/Team:RUM-UPRM/Safety">Safety</a></li>
-<li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://2020.igem.org/Team:RUM-UPRM/Engineering">Engineering Success</a></li>
+ul.nav {
-<li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://2020.igem.org/Team:RUM-UPRM/Human_Practices">Human Practices</a></li>
+position: sticky;
-<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#">Awards</a></li>
-<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#">Judging Form</a></li>
+  }
-                    </ul>
+  div.col-8 div {
-                </div>
+    height: 500px;
-            </div>
+  }
-        </nav>
+.sticky {
-<section class="bg-light content" style="background-size: 100%;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
+    position: relative;
-<div class="d-flex h-100 align-items-center">
+     top: 0;
-          <h1 class="mx-auto my-0 text-center">Engineering Success</h1>
+    width: 100%;
-       </div>
+}
-<div class=”section text-center”>
+#myScrollspy {
+position: sticky;
+top: 70px;
+}
+  </style>
+</head>
+<body data-spy="scroll" data-target="#myScrollspy" data-offset="1">
+<div class="container-fluid" style= "background-color:rgba(63, 201, 222, 1); height:100px; top: 200px">
+  <center><h1>TITLE</h1></center>
 </div>
-<div>
+<div class="container-fluidtwo">
+  <div class="row">
+    <nav class="col-sm-3 col-4" id="myScrollspy">
+      <ul class="nav nav-pills flex-sm-column">
+        <li class="nav-item">
+          <a class="nav-link active" href="#section1">Tema 1</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="#section2">Tema 2</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="#section3">Tema 3</a>
+        </li>
+      </ul>
+    </nav>
+    <div class="col-sm-9 col-8; scroll"> <div align="justify">
+      <div id="section1">
+        <center><h1>Title</h1></center>
+        <p style="margin-left:7%; margin-right:7%"> Text Here </p>
+</div>
+      <div id="section2">
+  <center><h1>Tema 2</h1> </center>
+<p style=" margin-left:7%; margin-right:7%"> Text Here</p>
+</div>
+       <div id="section3">
+        <center> <h1>Tema 3</h1> </center>
+<p style=" margin-left:7%; margin-right:7%">Text Here </p>
+</div>
+</div>
+    </div>
+  </div>
+</div>
+</div>
+ <script>
+window.onscroll = function() {myFunction()};
+var myScrollspy = document.getElementById("myScrollspy");
+var sticky = myScrollspy.offsetTop+70px;
+function myFunction() {
+  if (window.pageYOffset >= sticky) {
+    myScrollspy.classList.add("sticky")
+  } else {
+    myScrollspy.classList.remove("sticky");
+  }
+}
+</script>
+</body>
+</html>
+{{RUM-UPRM/Footer}}
 </div>	<h3 class="mx-auto my-0 text-center">Phase I</h3>

Difference between revisions of "Team:RUM-UPRM/Engineering"

Revision as of 01:08, 27 October 2020

TITLE

Title

Tema 2

Tema 3

Contents

Phase I

I. Research

II.Identify a Problem

III. Finding the Solution

IV. Design

V. Phase II Preparation

Phase II

I. Building Prototype in Lab

II.Building Hardware

III. Test prototype and hardware with samples from Vieques

IV. Optimization of prototype

V. Implementation