Skip to content
Snippets Groups Projects
Commit 925fb749 authored by esomo22e's avatar esomo22e
Browse files

push week 4

parent c1b01d01
No related branches found
No related tags found
No related merge requests found
Pipeline #
Hide whitespace changes
Inline Side-by-side
Showing
with 237 additions and 0 deletions
assignments/week4.html
+ 217
− 0
View file @ 925fb749
<!DOCTYPE html>
<html>
</html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Eunice Esomonu - Week 4: Biofabrication Dyes and Materials</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="all,follow">
<!-- Bootstrap CSS-->
<link rel="stylesheet" href="../vendor/bootstrap/css/bootstrap.min.css">
<!-- Font Awesome CSS-->
<link rel="stylesheet" href="../vendor/font-awesome/css/font-awesome.min.css">
<!-- Google fonts - Roboto-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,300,700,400italic">
<!-- owl carousel-->
<link rel="stylesheet" href="../vendor/owl.carousel/assets/owl.carousel.css">
<link rel="stylesheet" href="../vendor/owl.carousel/assets/owl.theme.default.css">
<!-- theme stylesheet-->
<link rel="stylesheet" href="../css/style.default.css" id="theme-stylesheet">
<!-- Custom stylesheet - for your changes-->
<link rel="stylesheet" href="../css/custom.css">
<!-- Custom stylesheet - for your changes-->
<link rel="stylesheet" href="../css/week5.css">
<!-- Favicon-->
<link rel="shortcut icon" href="../img/favicon.png">
<!-- Tweaks for older IEs--><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<body>
<div id="all">
<div class="container-fluid">
<div class="row row-offcanvas row-offcanvas-left">
<!-- *** SIDEBAR ***-->
<div id="sidebar" class="col-md-4 col-lg-3 sidebar-offcanvas">/
<div class="sidebar-content">
<h1 class="sidebar-heading"> <a href="../index.html">Eunice Esomonu - Fabricademy 2018-2019 </a></h1>
<p class="sidebar-p">I am an Interactive Designer and Artist who uses tools and materials
to develop enganging work. I use primarily data visualization and
installations to create engaging expriences on various platforms and mediums</p>
<ul class="sidebar-menu">
<!-- Link-->
<li class="sidebar-item"><a href="../index.html" class="sidebar-link active">Home</a></li>
<!-- Link-->
<li class="sidebar-item"><a href="../about.html" class="sidebar-link">About</a></li>
<!-- Link-->
<li class="sidebar-item"><a href="../final.html" class="sidebar-link">Final Project</a></li>
<!-- Link-->
<li class="sidebar-item"><a href="https://gitlab.fabcloud.org/academany/fabricademy/2019/students/eunice.esomonu" class="sidebar-link">Gitlab</a></li>
</ul>
<!-- <p class="social"><a href="#" data-animate-hover="pulse" class="external facebook"><i class="fa fa-facebook"></i></a><a href="#" data-animate-hover="pulse" class="external gplus"><i class="fa fa-google-plus"></i></a><a href="#" data-animate-hover="pulse" class="external twitter"><i class="fa fa-twitter"></i></a><a href="#" title="" class="external instagram"><i class="fa fa-instagram"></i></a><a href="#" data-animate-hover="pulse" class="email"><i class="fa fa-envelope"></i></a></p> -->
<div class="copyright text-center text-md-left">
<p class="credit">&copy;Fabricademy 2018-2019| Template by <a href="http://bootstrapious.com/portfolio-themes" class="external">Bootstrapious.com</a></p>
<!-- Please do not remove the backlink to us, unless you support the development at http://bootstrapious.com/donate. It is part of the license conditions. Thanks for understanding :) -->
</div>
</div>
</div>
<!-- *** SIDEBAR END *** -->
<!-- *** DETAIL ***-->
<div class="col-md-8 col-lg-9 content-column white-background">
<div class="small-navbar d-flex d-md-none">
<button type="button" data-toggle="offcanvas" class="btn btn-outline-primary"> <i class="fa fa-align-left mr-2"></i>Menu</button>
<h1 class="small-navbar-heading"> <a href="../index.html">Eunice Esomonu - Fabricademy 2018-2019</a></h1>
</div>
<div class="row">
<div class="col-xl-10">
<div class="content-column-content">
<h1>Biofabricating Dyes & Materials</h1>
<p class="lead">For week 5, we talked about the textile industry and pollution, which the textile industy is one of the biggest pollutants (second biggest) in the
world. The techniques used in textiles are an environmetnally disastrous process and chemicals are spread in water and air dude to the demands of the industry and concsumers.</p>
<p>In this class, we focus on showing and exploring material and color alternatives to the current, more dangerous dyes and materials used. Ranging from natural dyes, pigments, and materials.</p>
<p> The students can work in a group, identifying tasks, and splitting them, as long as they all proof they are able to carry out each task.</p>
<div class="img_des">
<img src="../img/week_4/20190121_134213.jpg" alt="materials">
<figcaption class="cap">Finished Dyes in Pots</figcaption>
</div>
<div class = "research_container">
<h2>Research</h2>
<p>I wanted to use the dyes that are available in my kitchen because I wasn't able to work in the group for the dyes but I did for the biomaterials</p>
<h4>Red Onion Skin Dye</h4>
<p>Red onion skins create a range of colors.It depends on the material, such as wool and silk dying brown or cotton dying pink. </p>
<div class="img_des">
<img src="../img/week_4/redonion_dye.jpg" alt="materials">
<figcaption class="cap">Range of colors when dyeing with Red Onion</figcaption>
</div>
<h4>Orange Peel Dye</h4>
<p>Orange and Lemon Peels can be used to make a soft pale yellow dye.</p>
<div class="img_des">
<img src="../img/week_4/orange_dye.jpg" alt="materials">
<figcaption class="cap">Various Citrus for dyeing</figcaption>
</div>
</div>
<div container = "press_container">
<h2>Materials</h2>
<div class = "mat_container">
<h4>Red Onion and Orange Peel Dyes</h4>
<div class="img_des">
<img src="../img/week_4/20190121_123259.jpg" alt="materials">
<figcaption class="cap">Materials for the Dye</figcaption>
</div>
<ul>
<li>White Lycra</li>
<li>Red Onion Skins, Orange Peels</li>
<li>Water</li>
<li>Strainer (I used a Pasta Strainer)</li>
<li>Scissors</li>
<li>Pot</li>
</ul>
</div>
<div class = "proc_container">
<h4>Procedures</h4>
<ol>
<li>Gather the Materials.</li>
<li>Put your materials(onion skins, orange peels) into the pot. </li>
<li>Fill the pot with water. Make sure their is enough water that materials can move around.</li>
<li>Boil the materials and water mix. Cover the pot.</li>
<iframe width="560" height="315" src="https://www.youtube.com/embed/Gx3S0wT_AaQ" frameborder="0" allow="accelerometer;
autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/hUW5-Na8Azg" frameborder="0" allow="accelerometer;
autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<li>Stir in the water and wait for an 30min-1 hour until you see the water color change.</li>
<li>Remove the materials from the solution using a strainer.</li>
<iframe width="560" height="315" src="https://www.youtube.com/embed/TLyO_aenpz8" frameborder="0" allow="accelerometer;
autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<li>Put the solution back into the pot.</li>
<li>Put the fabric into the solution.</li>
<li>Boil the dye with the fabric inside.</li>
<iframe width="560" height="315" src="https://www.youtube.com/embed/j0bCxyDkM64" frameborder="0" allow="accelerometer;
autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<li>Wait for the fabric to dye for about an hour.</li>
<li>Afterward, take the fabric out of the solution and put it on a plate.</li>
<li>Wait for the fabric to cool down and dry.</li>
</ol>
</div>
</div>
<div class = "result_container">
<h2>Results</h2>
<p>The results were successful. I was able to dye the fabric with orange peels. The Orange Peel turned the lycra
yellow and the Red Onion Skin turned the lycra brown and purple. I would've kept the orange peel longer so that it could
be a deeper yellow.</p>
<div class="img_des">
<img src="../img/week_4/20190121_132141.jpg" alt="materials">
<figcaption class="cap">Dyeing onions</figcaption>
</div>
<div class="img_des">
<img src="../img/week_4/20190121_132018.jpg" alt="materials">
<figcaption class="cap">Dyeing oranges</figcaption>
</div>
<div class="img_des">
<img src="../img/week_4/20190121_133521.jpg" alt="materials">
<figcaption class="cap">Fabric Dyes when (semi-)dry</figcaption>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- JavaScript files-->
<script src="../vendor/jquery/jquery.min.js"></script>
<script src="../vendor/popper.js/umd/popper.min.js"> </script>
<script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="../vendor/jquery.cookie/jquery.cookie.js"> </script>
<script src="../vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="../vendor/masonry-layout/masonry.pkgd.min.js"></script>
<script src="../js/front.js"></script>
</body>
css/week4.css
+ 20
− 0
View file @ 925fb749
img{
width: 600px;
height: 400px;
margin: 0 auto;
}
img.flip{
transform:rotate(90deg);
}
.img_des{
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
figcaption.cap{
margin: 0 0 0 150px;
}
img/week_4/20190121_123259.jpg 0 → 100644
+ 0
− 0
View file @ 925fb749
img/week_4/20190121_123259.jpg

951 KiB

img/week_4/20190121_130219.jpg 0 → 100644
+ 0
− 0
View file @ 925fb749
img/week_4/20190121_130219.jpg

578 KiB

img/week_4/20190121_130228.jpg 0 → 100644
+ 0
− 0
View file @ 925fb749
img/week_4/20190121_130228.jpg

505 KiB

img/week_4/20190121_131818.jpg 0 → 100644
+ 0
− 0
View file @ 925fb749
img/week_4/20190121_131818.jpg

822 KiB

img/week_4/20190121_132018.jpg 0 → 100644
+ 0
− 0
View file @ 925fb749
img/week_4/20190121_132018.jpg

508 KiB

img/week_4/20190121_132141.jpg 0 → 100644
+ 0
− 0
View file @ 925fb749
img/week_4/20190121_132141.jpg

1.17 MiB

img/week_4/20190121_132258.jpg 0 → 100644
+ 0
− 0
View file @ 925fb749
img/week_4/20190121_132258.jpg

483 KiB

img/week_4/20190121_132503.jpg 0 → 100644
+ 0
− 0
View file @ 925fb749
img/week_4/20190121_132503.jpg

696 KiB

img/week_4/20190121_133521.jpg 0 → 100644
+ 0
− 0
View file @ 925fb749
img/week_4/20190121_133521.jpg

1.07 MiB

img/week_4/20190121_134213.jpg 0 → 100644
+ 0
− 0
View file @ 925fb749
img/week_4/20190121_134213.jpg

922 KiB

img/week_4/orange_dye.jpg 0 → 100644
+ 0
− 0
View file @ 925fb749
img/week_4/orange_dye.jpg

98.6 KiB

img/week_4/redonion_dye.jpg 0 → 100644
+ 0
− 0
View file @ 925fb749
img/week_4/redonion_dye.jpg

46.7 KiB

0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment