Skip to content

Commit

Permalink
added water quality
Browse files Browse the repository at this point in the history
  • Loading branch information
Dylan Wong committed Nov 17, 2023
1 parent 1283731 commit af2f4d9
Showing 1 changed file with 81 additions and 84 deletions.
165 changes: 81 additions & 84 deletions src/components/projects/WaterQuality.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,13 @@
import Subtitle from "../Subtitle";
import img1 from "../../../public/images/WaterQualityAndFiltration/WaterQualityAndFiltration1.gif";
import img2 from "../../../public/images/WaterQualityAndFiltration/WaterQualityAndFiltration2.gif";

const WaterQuality = () => {
return (
<div className="grid grid-cols-3 gap-10 m-28">
<div className="col-span-2 pb-4">
<div className="grid grid-cols-3 gap-10 my-16 justify-around w-10/12 md:w-9/12">
<div className="col-span-3 md:col-span-2 justify-center flex flex-col">
<Subtitle title="General Overview" />
<p className="ml-2 mt-1 ">
<p className="mt-1 text-justify">
Water is one of the most imperative substances to life. With an ever
increasing population, there will need to be more sources of water to
be treated and tested. This however is not so easy in developing
Expand All @@ -23,96 +25,91 @@ const WaterQuality = () => {
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen
/>
<div className="col-span-2 pb-4">
<Subtitle title="Motivation" descripton="Water Quality System" />
<p className="ml-2 mt-1">
<ul
className="marker:text-ewb-blue-200 ml-4"
style={{ listStyleType: "square" }}
>
<li>
A system that is able to detect harmful substances such as
Nitrates, Ammonia, Algae, Conductivity. pH, Turbidity will help
prevent detrimental intake of hazardous substances in water
</li>
<li>
Will greatly improve the quality of life of rural isolated
communities where clean drinking water is hard to get
</li>
</ul>
</p>
<div className="col-span-3 md:col-span-2 justify-center flex flex-col">
<Subtitle title="Motivation" description="Water Quality System" />
<ul
className="marker:text-ewb-blue-200 ml-4"
style={{ listStyleType: "square" }}
>
<li className="mb-2">
A system that is able to detect harmful substances such as Nitrates,
Ammonia, Algae, Conductivity. pH, Turbidity will help prevent
detrimental intake of hazardous substances in water
</li>
<li className="mb-2">
Will greatly improve the quality of life of rural isolated
communities where clean drinking water is hard to get
</li>
</ul>
</div>
<img
src="/images/WaterQualityAndFiltration/WaterQualityAndFiltration1.gif"
src={img1.src}
alt="Water Quality And Filtration Gif 1"
className="col-span-3 md:col-span-1"
/>
<div className="col-span-2 pb-4">
<div className="col-span-3 md:col-span-2 justify-center flex flex-col">
<Subtitle title="Water Filtration System" />
<p className="ml-2 mt-1 ">
<ul
className="marker:text-ewb-blue-200 ml-4"
style={{ listStyleType: "square" }}
>
<li className="font-bold">Activated Carbon</li>
<li className="ml-6">
Made from mixing charcoal and table salt in an aqueous solution.
The activation of carbon takes approximately 24 hours. This
material is cheap and effective in removing any particulates in
the water.
</li>
<li className="font-bold">UV-System</li>
<li className="ml-6">
In order to remove harmful pathogens, a UV System will be
developed. This will kill any bacteria by destroying the DNA
structure preventing further proliferation in the water
</li>
</ul>
</p>
<ul
className="marker:text-ewb-blue-200 ml-4"
style={{ listStyleType: "square" }}
>
<li className="mb-2 font-bold">Activated Carbon</li>
<li className="ml-6">
Made from mixing charcoal and table salt in an aqueous solution. The
activation of carbon takes approximately 24 hours. This material is
cheap and effective in removing any particulates in the water.
</li>
<li className="mb-2 font-bold">UV-System</li>
<li className="ml-6">
In order to remove harmful pathogens, a UV System will be developed.
This will kill any bacteria by destroying the DNA structure
preventing further proliferation in the water
</li>
</ul>
</div>
<img src="/images/WaterQualityAndFiltration/WaterQualityAndFiltration2.gif" />
<div className="col-span-3 pb-4">
<img src={img2.src} className="col-span-3 md:col-span-1" />
<div className="col-span-3 md:col-span-2 justify-center flex flex-col">
<Subtitle
title="Educational Micro controller projects"
descripton="Education is very hard to obtain affecting isolated communities the most"
description="Education is very hard to obtain affecting isolated communities the most"
/>
<p className="ml-2 mt-1">
<ul
className="marker:text-ewb-blue-200 ml-4"
style={{ listStyleType: "square" }}
>
<li>
To learn more about where we are planning to implement our system
check out{" "}
<a
href="tanzania"
className="text-ewb-blue-200 font-bold hover:text-ewb-green"
>
Tanzania
</a>{" "}
and{" "}
<a
href="costa-rica"
className="text-ewb-blue-200 font-bold hover:text-ewb-green"
>
Costa Rica
</a>
</li>
<li>
Removes any possible human error in filtering water. Gives a clear
analysis on water being treated
</li>
<li>
Using a UV system to calculate time needed for water to be exposed
for maximum power efficiency. By calculating volume of water and
level of contamination from feedback from other sensors.
</li>
<li>
An automated system is needed to monitor the life of the filter.
By measuring these parameters, one can confidently know when to
replace the filter.
</li>
</ul>
</p>

<ul
className="marker:text-ewb-blue-200 ml-4"
style={{ listStyleType: "square" }}
>
<li className="mb-2">
To learn more about where we are planning to implement our system
check out{" "}
<a
href="tanzania"
className="text-ewb-blue-200 font-bold hover:text-ewb-green"
>
Tanzania
</a>{" "}
and{" "}
<a
href="costa-rica"
className="text-ewb-blue-200 font-bold hover:text-ewb-green"
>
Costa Rica
</a>
</li>
<li className="mb-2">
Removes any possible human error in filtering water. Gives a clear
analysis on water being treated
</li>
<li className="mb-2">
Using a UV system to calculate time needed for water to be exposed
for maximum power efficiency. By calculating volume of water and
level of contamination from feedback from other sensors.
</li>
<li className="mb-2">
An automated system is needed to monitor the life of the filter. By
measuring these parameters, one can confidently know when to replace
the filter.
</li>
</ul>
</div>
</div>
);
Expand Down

0 comments on commit af2f4d9

Please sign in to comment.