diff --git a/wiki/pages/index.html b/wiki/pages/index.html
index 785f5e37f02919cb01abdb653bf5a46b2078d314..09e4e600140a9cad9ef2fe5aad06889d6f6f28d4 100644
--- a/wiki/pages/index.html
+++ b/wiki/pages/index.html
@@ -21,6 +21,35 @@
overflow:hidden;
}
+.highlight {
+ color: #89e1fe;
+}
+
+span {
+ margin: 20px;
+}
+ .btn-1 {
+ /* font-family: Hack, monospace; */
+ background: #2872fb;
+ color: #fff;
+ cursor: pointer;
+ font-size: 1.5rem;
+ padding: 1.0rem;
+ border: 0;
+ transition: all 0.5s;
+ border-radius: 10px;
+ width: auto;
+ position: relative;
+}
+ .btn-1:hover {
+ background: #002277;
+ color: #fff;
+ transition: all 0.5s;
+ border-radius: 10px;
+ box-shadow: 0px 6px 15px #00f 61;
+ padding: 1.0rem 1.0rem 1.0rem 1.0rem;
+}
+
</style>
@@ -41,8 +70,8 @@
<div class="row" style="font-size: larger;">
<div class="column" style="float: left; width: 50%;">
<div class="row">
- <p" style="padding-right: 30px; font-size: 2.75vh;">Water quality is of growing concern in Ghana, with about <b>60%</b> of the water bodies being polluted with most in critical condition <a href="#promo_vid" style="text-decoration:none;">(1)</a>. The main cause of this pollution is unregulated industrial activities, such as illegal mining, which leeches toxic heavy metals into the water, while poor plastic waste management leads to severe microplastic pollution. </p>
- <p" style="padding-right: 30px;"><b>Figure 1:</b> Map of the Birim River in Ghana. Town locations along the Birim River are illustrated alongside levels of toxic heavy metals above the permissible limits of the World Health Organization (WHO). Toxic heavy metals in question are arsenic, cadmium, mercury, and lead. Adapted from Afuwu and Owusu, 2016 <a href="#promo_vid" style="text-decoration:none;">(2)</a>.</p>
+ <p" style="padding-right: 30px;">Water quality is of growing concern in Ghana, with about <b class="highlight">60%</b> of the water bodies being polluted with most in critical condition <a href="#promo_vid" style="text-decoration:none;">(1)</a>. The main cause of this pollution is unregulated industrial activities, such as illegal mining, which leeches toxic heavy metals into the water, while poor plastic waste management leads to severe microplastic pollution. </p>
+ <p" style="padding-right: 30px;"><b>Figure 1.</b> Map of the Birim River in Ghana. Town locations along the Birim River are illustrated alongside levels of toxic heavy metals above the permissible limits of the World Health Organization (WHO). Toxic heavy metals in question are arsenic, cadmium, mercury, and lead. Adapted from Afuwu and Owusu, 2016 <a href="#promo_vid" style="text-decoration:none;">(2)</a>.</p>
</div>
</div>
<div class="column" style="float: left; width: 50%; padding-left: 30px;">
@@ -56,9 +85,9 @@
<h1 style="text-align: center;">Statistics</h1>
<hr>
- <div class="row" style="font-size: 3.4vh;">
- <p class="column" style="float: left; width: 50%; padding: 40px;">Ghana generates over <b style="font-size: 3.9vh;">3000 tons</b> of plastic waste daily, with an estimated <b style="font-size: 4vh;">250,000 tons</b> of plastic waste generated dumped into the Atlantic Ocean annually <a href="#promo_vid" style="text-decoration:none;">(3)</a>. </p>
- <p class="column" style="float: left; width: 50%; padding: 40px;">Ghana’s water bodies contain levels of heavy metals such as cadmium, mercury and lead <b style="font-size: 5vh;">400</b>, <b style="font-size: 4.5vh;">180</b>, and <b style="font-size: 4vh;">15</b> times over the WHO limit <a href="#promo_vid" style="text-decoration:none;">(2)</a>. </p>
+ <div class="row" style="font-size: larger">
+ <p class="column" style="float: left; width: 50%; padding: 40px;">Ghana generates over <b class="highlight">3000 tons</b> of plastic waste daily, with an estimated <b class="highlight"">250,000 tons</b> of plastic waste generated dumped into the Atlantic Ocean annually <a href="#promo_vid" style="text-decoration:none;">(3)</a>. </p>
+ <p class="column" style="float: left; width: 50%; padding: 40px;">Ghana’s water bodies contain levels of heavy metals such as cadmium, mercury and lead <b class="highlight">400</b>, <b class="highlight">180</b>, and <b class="highlight">15</b> times over the WHO limit <a href="#promo_vid" style="text-decoration:none;">(2)</a>. </p>
</div>
<div class="number"></div>
</div>
@@ -90,14 +119,15 @@
<h1 style="text-align:center; font-size: 6vh;">Heavy Metal Biosensor</h1>
<hr>
<br>
- <div class="row">
- <p class="column" style="float: left; width: 50%; font-size: 2.5vh; padding-right: 40px;">We wanted to create a cell-free biosensor to combine with our bioremediation device to provide a way to quickly detect the target metals cadmium, lead, arsenic or mercury (commonly detected heavy metals in Ghana’s River waters). These biosensors are transcription-only which minimises the device’s necessary components effectively increasing usability and also reducing cost.</p>
- <span class="column" style="float: left; width: 50%;"><img class="column" src="https://static.igem.wiki/teams/4390/wiki/diagrams/biosensor-1.png" style="float: left; width: 100%;box-shadow: 10px 10px 20px rgba(77, 159, 203, 0.5); background-color: white;"></span>
+ <div class="row" style="font-size: larger;">
+ <p class="column" style="float: left; width: 50%; padding-right: 40px;">We wanted to create a cell-free biosensor to combine with our bioremediation device to provide a way to quickly detect the target metals cadmium, lead, arsenic or mercury (commonly detected heavy metals in Ghana’s River waters). These biosensors are transcription-only which minimises the device’s necessary components effectively increasing usability and also reducing cost.</p>
+ <div class="column" style="float: left; width: 50%;"><img class="column" src="https://static.igem.wiki/teams/4390/wiki/diagrams/biosensor-1.png" style="float: left; width: 100%;box-shadow: 10px 10px 20px rgba(77, 159, 203, 0.5); background-color: white;"></div>
</div>
<br>
<br>
- <p style="font-size: 2.5vh; text-align: center;"><a href="https://2022.igem.wiki/edinburgh-uhas-ghana/design#1"><u style="color: black;"><b>Read more about our Biosensor design!</b></u></a></p>
- <br>
+ <span>
+ <center><a href="https://2022.igem.wiki/edinburgh-uhas-ghana/design#1"><button class="btn-1">Go to Biosensor design</button></a></center>
+ </span>
</div>
</div>
@@ -108,14 +138,14 @@
<h1 style="text-align:center; font-size: 6vh;">Bioremediation Device</h1>
<hr>
<br>
- <div class="row">
- <span class="column" style="float: left; width: 50%;"><img class="column" src="https://static.igem.wiki/teams/4390/wiki/bioremediation/bioremediation-picture.png" alt="Bioremediation Device Visual" style="float: left;box-shadow: 10px 10px 20px rgb(2, 28, 40, 0.5); width:100%; background-color:white;"></span>
- <p style="float: left; width: 50%; font-size: 2.5vh; padding-left: 40px;">Through a literature search, we found the target protein metallothioneins which are metal-chelating proteins. We synthesised and then extracted the metallothioneins, these proteins were then immobilised into a cellulose hydrogel to create our cell-free bioremediation device. The hydrogel is able to take in water which allows the metallothioneins to chelate the toxic heavy metals out of the water and keep them in the hydrogel.</p>
+ <div class="row" style="font-size: larger;">
+ <div class="column" style="float: left; width: 50%;"><img class="column" src="https://static.igem.wiki/teams/4390/wiki/bioremediation/bioremediation-picture.png" alt="Bioremediation Device Visual" style="float: left;box-shadow: 10px 10px 20px rgb(2, 28, 40, 0.5); width:100%; background-color:white;"></div>
+ <p style="float: left; width: 50%; padding-left: 40px;">Through a literature search, we found the target protein metallothioneins which are metal-chelating proteins. We synthesised and then extracted the metallothioneins, these proteins were then immobilised into a cellulose hydrogel to create our cell-free bioremediation device. The hydrogel is able to take in water which allows the metallothioneins to chelate the toxic heavy metals out of the water and keep them in the hydrogel.</p>
</div>
<br>
- <br>
- <p style="font-size: 2.5vh; text-align: center;"><a href="https://2022.igem.wiki/edinburgh-uhas-ghana/design#2"><u style="color: rgb(0, 0, 0);"><b>Read more about our Bioremediation device design!</b></u></a></p>
- <br>
+ <span>
+ <center><a href="https://2022.igem.wiki/edinburgh-uhas-ghana/design#2"><button class="btn-1">Go to Bioremediation device design</button></a></center>
+ </span>
<br>
</div>
</div>
@@ -127,14 +157,15 @@
<h1 style="text-align:center; font-size: 6vh;">PET Biodegradation Device</h1>
<hr>
<br>
- <div class="row">
- <p class="column" style="float: left; width: 50%; font-size: 2.5vh; padding-right: 40px;">We used mutated varieties of the PETase enzyme which can break down and covert polyethylene terephthalate (PET) plastic into more usable monohydroxyethyl terephthalate (MHET). These were synthesised these enzymes and then immobilised onto silica beads. These beads could then be placed in water to break down PET. </p>
- <span class="column" style="float: left; width: 50%;"><img src="https://static.igem.wiki/teams/4390/wiki/main-page/pet-main-page-one.jpeg" style="float: left;box-shadow: 10px 10px 20px rgb(2, 28, 40); width:100%;"></span>
+ <div class="row" style="font-size: larger;">
+ <p class="column" style="float: left; width: 50%; padding-right: 40px;">We used mutated varieties of the PETase enzyme which can break down and covert polyethylene terephthalate (PET) plastic into more usable monohydroxyethyl terephthalate (MHET). These were synthesised these enzymes and then immobilised onto silica beads. These beads could then be placed in water to break down PET. </p>
+ <div class="column" style="float: left; width: 50%;"><img src="https://static.igem.wiki/teams/4390/wiki/main-page/pet-main-page-one.jpeg" style="float: left;box-shadow: 10px 10px 20px rgb(2, 28, 40); width:100%;"></div>
</div>
<br>
<br>
- <p style="font-size: 2.5vh; text-align: center;"><a href="https://2022.igem.wiki/edinburgh-uhas-ghana/design#3"><u style="color: rgb(255, 255, 255);"><b>Read more about our PET biodegradation device design!</b></u></a></p>
- <br>
+ <span>
+ <center><a href="https://2022.igem.wiki/edinburgh-uhas-ghana/design#3"><button class="btn-1">Go to PET biodegradation device design</button></a></center>
+ </span>
<hr>