Homepage

4b3c764c · Aadityanshu Abhinav · 2c609fdc · 4b3c764c · 4b3c764c · 4b3c764c
Commit 4b3c764c authored 1 year ago by Aadityanshu Abhinav
--- a/HP_First_Image.png
+++ b/HP_First_Image.png
--- a/HP_Second_Image.png
+++ b/HP_Second_Image.png
--- a/iGEM_Home.html
+++ b/iGEM_Home.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles.css">
+    <title>Synthopedia | iGEM | IITM</title>
+</head>
+<body>
+    <div class="content">
+        <div class="container">
+            <!--Unless stated otherwise, the text is black over white bg-->
+            <!--The first pic, aligned left of text-->
+            <img src="HP_First_Image.png" alt="first photo" class="image">
+            <!--This is the first para, indented right--> 
+            <p class="first-para">Synthetic biology envisions a bioengineering<br>domain for designing new genetic parts and <br>systems, or redesigning of existing ones. <br><br> Until now, the most versatile workhorse of <br>synthetic biology has been <i><b>Escherichia coli.</b></i><br>However, there is a need for exploring new <br>chassis which can be naturally adapted to <br>unique traits or metabolic pathways.</p>
+        </div>
+        <div class="container">
+            <!--The second para, indented left-->
+            <p class="second-para"><span class="enlarge">Lactococcus lactis (L. lactis)</span><br> is a ‘Generally Regarded As Safe’ (GRAS)<br>organism. It is naturally found in milk products<br> and is also known to colonize the human gut.<br> Unlike E. coli, it does not have an endotoxin<br> layer, which requires extra measures for<br> purification.<br><br>Due to its ability to use a wide range of<br> substrates and tolerance for a wide range of<br> conditions (pH, temperature, solvent<br> concentration), L. lactis serves as an alternate<br> bacterial model for metabolic and bioprocess<br> engineering.</p>
+            <!--The second pic, aligned right of text-->
+            <img src="HP_Second_Image.png" alt="second photo" class="image">
+        </div>
+        <div class="container">
+            <!--The third pic, aligned left of text-->
+            <img src="/the/third/photo" alt="third photo" class="image">
+            <!--The third para, indented right-->
+            <p class="third-para">The range of products it can be engineered to<br>produce include bioplastics, biofuels,<br>biopolymers, polyols, and food flavors.<br><br>However, the absence of genetic and regulatory<br>libraries for this organism make genetic<br>circuits design and assembly challenging in<br>this chassis.<br><br>The ability to fine-tune gene expression forms<br>a cornerstone for the design and operation of<br>genetic circuits. This optimization has not<br>been fully carried out in non-traditional<br>chassis like L. lactis.</p>
+        </div>
+    </div>
+    <br><br>
+    <div class="container">
+        <div class="black-bg-paragraph">
+            <!--The fourth para, with white, larger font on a black background-->
+            <p class="fourth-para">Our project is aimed at the <b>construction and testing of a<br> library of synthetic 5’ untranslated regions (UTR) <br>containing ribosome binding sites (RBS) in <i>L. lactis.</i></b></p>
+        </div>
+    </div>
+    <br><br>
+    <div class="container">
+        <!--The fifth para, back to the customary black text over whole black background, aligned centrally, and has no images around-->
+        <p class="fifth-para">In addition to our lab work, we also plan to study these drawbacks and come up with <br>potential improvements to the existing model. This would include studying the effect <br>of temperature on mRNA folding, the interaction between the mRNA and the ribosomal S1<br>protein, the difference in optimal RBS-AUG spacing in Gram-positive and Gram-negative<br>bacteria, and the effect of RNAse-mediated degradation of the transcript.<br><br>Combining the model with an optimisation algorithm, we aim to rationally design the <br>‘best’ RBS for a given gene, in a given organism.</p>   
+    </div>
+</body>
+</html>
\ No newline at end of file
--- a/styles.css
+++ b/styles.css
+/* Reset some default styles for consistency */
+body, h1, p {
+    margin: 0;
+    padding: 0;
+}
+
+/* Create a container to hold the image and paragraph */
+.container {
+    display: flex;
+    justify-content: center;
+    align-items: center; /* Vertically center the contents */
+    /*height: 100vh;*/
+}
+
+/* Create a container to hold the image and paragraph */
+/*.content {
+    /*width: 60%;*/ /* Set the content container to 60% of the screen width} */
+
+/* Style the image */
+.image {
+    max-width: 100%; /* Ensure the image does not exceed its container */
+}
+
+/* Style the paragraph */
+.first-para {
+    font-family: "Courier New", monospace; /* Use the Monotype Courier font */
+    font-size: 12pt;
+    color: black;
+    background-color: white;
+    padding: 20px; /* Add some padding for spacing */
+    margin-left: 20px;
+    text-align: left;
+}
+
+.second-para {
+    font-family: "Courier New", monospace; /* Use the Monotype Courier font */
+    font-size: 12pt;
+    color: black;
+    background-color: white;
+    padding: 20px; /* Add some padding for spacing */
+    margin-right: 20px;
+    text-align: right;
+}
+
+.third-para {
+    font-family: "Courier New", monospace; /* Use the Monotype Courier font */
+    font-size: 12pt;
+    color: black;
+    background-color: white;
+    padding: 20px; /* Add some padding for spacing */
+    margin-left: 20px;
+    text-align: left;
+}
+
+/* Style the enlarged text */
+.enlarge {
+    font-size: 16pt; /* Larger font size for the first four words */
+    font-weight: bold; /* Bold text */
+    font-style: italic; /* Italic text */
+}
+
+/* Style the black background paragraph */
+.black-bg-paragraph {
+    font-family: "Italian Typewriter Unicode", monospace; /* Use the Monotype Courier font */
+    background-color: black;
+    color: white;
+    padding: 20px;
+    margin-left: 20px;
+    margin-right: 20px;
+    text-align: left;
+}
+
+/* Style the white text within the black background paragraph */
+.fourth-para {
+    font-family: "Italian Typewriter Unicode", monospace;
+    font-size: 18pt; /* Font size for the white text */
+}
+
+.fifth-para {
+    font-family: "Courier New", monospace; /* Use the Monotype Courier font */
+    font-size: 12pt;
+    color: black;
+    background-color: white;
+    padding: 20px; /* Add some padding for spacing */
+    margin-left: 20px;
+    text-align: left;
+}
\ No newline at end of file