From 03ca5979c06ea5a5b7802da0931201168075b4d3 Mon Sep 17 00:00:00 2001
From: HauErn Lien <lienhe81@gmail.com>
Date: Wed, 2 Oct 2024 13:10:28 +0000
Subject: [PATCH] Update file hardware.html
---
wiki/pages/hardware.html | 8 +++++++-
1 file changed, 7 insertions(+), 1 deletion(-)
diff --git a/wiki/pages/hardware.html b/wiki/pages/hardware.html
index 2a5e7a9..42ae2d3 100644
--- a/wiki/pages/hardware.html
+++ b/wiki/pages/hardware.html
@@ -96,13 +96,19 @@
<div class="col-lg-12">
<h3>Part 2: Control module</h3>
<p style="text-indent: 20px;">TThe control module serves as the central processing unit of the system, integrating an Arduino Uno R3 with the ATmega 328P processor. This combination allows for precise management of the device's operations. We have implemented three distinct intensity modes—low, medium, and high—to enable users to customize the concentration of muscone based on their therapeutic needs. The control system features a rotating register that seamlessly cycles through the modes: off, low, medium, and high. This design not only enhances usability but also ensures that users can easily adapt the device's functionality to suit their preferences.</p>
- </div>
+ <div class="image-container" style="display: flex; flex-direction: column; align-items: center;">
+ <img src="https://static.igem.wiki/teams/5187/wiki-hardware-fig/flowchart-final.jpg" alt="ibd_figure" class="shadowed-image" style="width: 30%; max-width: 300px;">
+ </div>
+ </div>
</div>
<div class="row mt-4">
<div class="col-lg-12">
<h3>Part 3: Medication Storage</h3>
<p>The medication storage component is engineered to safely and effectively contain the muscone-alcohol mixture, preserving its stability and efficacy. Designed with accessibility in mind, this compartment allows for easy refilling while maintaining the integrity of the therapeutic agent.</p>
+ <div class="image-container" style="display: flex; flex-direction: column; align-items: center;">
+ <img src="https://static.igem.wiki/teams/5187/wiki-hardware-fig/fig9.jpg" alt="ibd_figure" class="shadowed-image" style="width: 30%; max-width: 300px;">
+ </div>
</div>
</div>
--
GitLab