diff --git a/assignment/assignment1.html b/assignment/assignment1.html index 87658c0e93a37fb66a1d48ef40190878455eb818..43ffdf155fa080b0857a5134f70bbccb044d3739 100644 --- a/assignment/assignment1.html +++ b/assignment/assignment1.html @@ -73,8 +73,7 @@ <p>• Very often, the biomass is collected from nearby forests and requires long hours of labour. • If the biomass is purchased then it is a big burden for the household budget. Thus, a policy was initiated to improve the efficiency of cook stoves. • The improved cooking stove consumes less fuel and requires less time for cooking. -• These stoves also emit less smoke and compared to traditional stoves improve indoor air quality by releasing harmful gases via the chimney.</strong> -.</p> +• These stoves also emit less smoke and compared to traditional stoves improve indoor air quality by releasing harmful gases via the chimney.</strong>.</p> <h4 id="Abstarct" style="border-bottom: 6px solid yellow; background-color: lightgrey" > <strong> Abstract </strong> </h4> <p style="justify-content: center"><strong> The Traditional Mud Chulha emitted considerable amount of toxic component, @@ -90,14 +89,12 @@ <p style="justify-content: center"><strong> Cooking and heating with dried biomass release toxic pollutants in the indoor environment. The inefficient way to burn solid biomass fuel releases a large amount of air pollutants, including fine particles (PM10 and PM2.5) and gaseous pollutants - (CO, SOX - - and NOX) that present a high environmental risk.<br> Therefore, the objectives of my project + (CO, SOXand NOX) that present a high environmental risk.<br> Therefore, the objectives of my project is to develop an improved metal chulha over commonly available traditional mud chulha for rural households; This contribution helps to raise awareness about the need for improvement in design and provides evidence data for policy implication and to switch on improved and better designed cookstoves and better designed for health care of the rural people, their economic concerns and climate benefits. </strong></p> - <br> <br> + <br> <h4 id="Sketch" style="border-bottom: 6px solid yellow; background-color: lightgrey" > <strong>Sketch of project </strong> </h4> <div class="row"> <div class="col"> @@ -108,22 +105,114 @@ <header> <h4 id="Grantt" style="border-bottom: 6px solid yellow; background-color: lightgrey" > <strong> Grantt Chart of project </strong> </h4> - <div class="row"> - <div class="col"> - <div class="card text-center"> - <div class="oval"><img src="img/abcd.png" width="75%" - height="300" class="svg__image"> </div> + <br> <br> - <header> + <!DOCTYPE html> +<html> +<head> +<meta name="viewport" content="width=device-width, initial-scale=1.0"> +<style> +* {box-sizing: border-box;} + +.img-zoom-container { + position: relative; +} + +.img-zoom-lens { + position: absolute; + border: 1px solid #d4d4d4; + /*set the size of the lens:*/ + width: 60px; + height: 60px; +} + +.img-zoom-result { + border: 1px solid #d4d4d4; + /*set the size of the result div:*/ + width: 600px; + height: 400px; +} +</style> +<script> +function imageZoom(imgID, resultID) { + var img, lens, result, cx, cy; + img = document.getElementById(imgID); + result = document.getElementById(resultID); + /*create lens:*/ + lens = document.createElement("DIV"); + lens.setAttribute("class", "img-zoom-lens"); + /*insert lens:*/ + img.parentElement.insertBefore(lens, img); + /*calculate the ratio between result DIV and lens:*/ + cx = result.offsetWidth / lens.offsetWidth; + cy = result.offsetHeight / lens.offsetHeight; + /*set background properties for the result DIV:*/ + result.style.backgroundImage = "url('" + img.src + "')"; + result.style.backgroundSize = (img.width * cx) + "px " + (img.height * cy) + "px"; + /*execute a function when someone moves the cursor over the image, or the lens:*/ + lens.addEventListener("mousemove", moveLens); + img.addEventListener("mousemove", moveLens); + /*and also for touch screens:*/ + lens.addEventListener("touchmove", moveLens); + img.addEventListener("touchmove", moveLens); + function moveLens(e) { + var pos, x, y; + /*prevent any other actions that may occur when moving over the image:*/ + e.preventDefault(); + /*get the cursor's x and y positions:*/ + pos = getCursorPos(e); + /*calculate the position of the lens:*/ + x = pos.x - (lens.offsetWidth / 2); + y = pos.y - (lens.offsetHeight / 2); + /*prevent the lens from being positioned outside the image:*/ + if (x > img.width - lens.offsetWidth) {x = img.width - lens.offsetWidth;} + if (x < 0) {x = 0;} + if (y > img.height - lens.offsetHeight) {y = img.height - lens.offsetHeight;} + if (y < 0) {y = 0;} + /*set the position of the lens:*/ + lens.style.left = x + "px"; + lens.style.top = y + "px"; + /*display what the lens "sees":*/ + result.style.backgroundPosition = "-" + (x * cx) + "px -" + (y * cy) + "px"; + } + function getCursorPos(e) { + var a, x = 0, y = 0; + e = e || window.event; + /*get the x and y positions of the image:*/ + a = img.getBoundingClientRect(); + /*calculate the cursor's x and y coordinates, relative to the image:*/ + x = e.pageX - a.left; + y = e.pageY - a.top; + /*consider any page scrolling:*/ + x = x - window.pageXOffset; + y = y - window.pageYOffset; + return {x : x, y : y}; + } +} +</script> +</head> +<body> + +<div class="img-zoom-container"> + <img id="myimage" src="img/abcd.png" width="75%" + height="300"> + <div id="myresult" class="img-zoom-result"></div> +</div> +<script> +// Initiate zoom effect: +imageZoom("myimage", "myresult"); +</script> + +</body> <h4 id="Expected" style="border-bottom: 6px solid yellow; background-color: lightgrey" > <strong> Expected Output of the Project </strong> </h4> - </header> + <p style="justify-content: center"><strong> With Installation of Energy Efficient metal chulha it will enhances the thermal efficiency with the reduction in specific amount of fuelwood consumption. It will further reduced the duration of time and the amount of fuel to prepare a particular amount of food. It will also reduced the concentration of indoor air emission, which reflects the lower concentration of pollutants into the indoor kitchen environment and help to reduce fuelwood consumption and less exposure to smoke, especially women responsible for daily cooking in the indoor kitchen. </strong></p> <br> - <br> + <h3 id="Idea2" style="border-bottom: 6px solid yellow; background-color: lightgrey"> <strong>Idea 2: Solar Powered Smart Kitchen Chimney </strong> </h3> <br> <h4> Scope of the Project </h4> <p style="justify-content: center"><strong> •In India, the biomass is used for generation of heat for cooking process. <br> @@ -131,13 +220,13 @@ • The burning of biomass, can release smoke and high concentration of particulate matter. <br> • Which dangerous for health of person working in kitchen and person who will come contact with the smoke. <br> • So, it is necessity to absorb this smoke from kitchen, before it gets add into the atmosphere. </strong></p> - <br> <br> + <br> <h4 id="Abstract1" style="border-bottom: 6px solid yellow; background-color: lightgrey" > <strong> Abstarct </strong></h4> <p style="justify-content: center"><strong> A smart kitchen chimney uses the solar energy as a power source the run the DC fan of the chimney. When the smokes come in contact with the sensor of chimney, the signal will gets to Arduino microcontroller, the exhaust fan will get operate, which can absorb the smoke from kitchen and send it into carbon charcoal filter where the carbon and other hazardous gases will get absorbs and the smoke will exhausted into the atmosphere. </strong></p> - <br> <br> + <br> <h4 id="What" style="border-bottom: 6px solid yellow; background-color: lightgrey" > <strong> Introduction </strong> </h4> <p style="justify-content: center"><strong> The chimney is the passage through which smoke and combustion gas escape from workplace to outer environment. The existing chimneys are operated based on AC source which is more costlier and some places the electricity is not available. @@ -149,7 +238,7 @@ in our proposed system. <br> The automatic on/off control process of exhaust fan is made by Arduino microcontroller and smoke sensor. The smoke sensor detect the smoke more accurately and send required data to exhaust fan module and the fan get operate. </strong></p> - <br> <br> + <br> <h4 style="border-bottom: 6px solid yellow; background-color: lightgrey" > <strong> Sketch of project </strong> </h4> <div class="row"> <div class="col"> @@ -164,7 +253,7 @@ <div class="oval"><img src="img/abc3.jpg" width="60%" height="300" class="svg__image"> </div> - <br> <br> + <br> <header> <h2 id="Website" style="color:blueviolet">Website Development</h2> </header> @@ -191,7 +280,7 @@ Layout: How to control where the different elements are positioned on the screen. I will also learn several techniques that professionals use to make their pages more attractive. </strong></p> - <br> <br> + <br> <h4 id="Attributes" style="border-bottom: 6px solid yellow; background-color: lightgrey" > <strong> 2. Attributes </strong> </h4> <p style="justify-content: center"><strong> Attributes Tell Us More About Elements. Attributes provide additional information about the contents of an element. They appear on the opening tag of the element and are made up of two parts: a name and a value, @@ -205,7 +294,7 @@ <div class="card text-center"> <div class="oval"><img src="img/Screenshot_2.png" width="75%" height="200" class="svg__image"> </div> - <br> <br> + <br> <h4 id="Body" style="border-bottom: 6px solid yellow; background-color: lightgrey" > <strong> 3.Body, Head & Title </strong> </h4> <p style="justify-content: center"><strong> a. < body > I met the element in the first example what I created. Everything inside this element is shown inside the main browser window. <br> b. <head> Before the element I have been seen a element. This contains information about the @@ -219,7 +308,7 @@ <div class="card text-center"> <div class="oval"><img src="img/Screenshot_3.png" width="75%" height="100" class="svg__image"> </div> - <br> <br> + <br> <h4 id="Creating" style="border-bottom: 6px solid yellow; background-color: lightgrey" > <strong> 4. Creating a First Web Page on my Laptop </strong> </h4> <p style="justify-content: center"><strong> a. To create first web page on a my laptop, I have start a Notepad and Bracket. <br>b. Typed the code. <br>c. Save this file as first-test. html. <br> diff --git a/assignment/assignment10.html b/assignment/assignment10.html new file mode 100644 index 0000000000000000000000000000000000000000..84f90e313d39bc173e60ec5b335dbb815d2bacd1 --- /dev/null +++ b/assignment/assignment10.html @@ -0,0 +1,169 @@ +<!DOCTYPE HTML> +<!-- + Synchronous by TEMPLATED + templated.co @templatedco + Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) +--> +<html> + <head> + <title>Assignment 10</title> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <meta name="description" content="" /> + <meta name="keywords" content="" /> + <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'> + <!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]--> + <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> + <script src="js/skel.min.js"></script> + <script src="js/skel-panels.min.js"></script> + <script src="js/init.js"></script> + <noscript> + <link rel="stylesheet" href="css/skel-noscript.css" /> + <link rel="stylesheet" href="css/style.css" /> + </noscript> + <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]--> + <!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]--> + </head> + <body class="homepage"> + <div id="wrapper"> + + <!-- Header --> + <div id="header"> + <div class="container"> + + <!-- Logo --> + <div id="logo"> + + <h1><a > Applications and Implications</a></h1> + <span>Assignment 10</span> + </div> + + <!-- Nav --> + <nav id="nav"> + <ul> + <li class="active"><a href="..//index.html">Home</a></li> + <li><a href="..//about me.html">About Me</a></li> + <li><a href="assignment.html">Assignment</a></li> + <li><a href="..//my project.html">My Project</a></li> + <li><a href="..//contact.html">Contact Us</a></li> + </ul> + </nav> + </div> + </div> + <!-- /Header --> + + <div id="page"> + <div class="container"> + <div class="row"> + <div class="9u skel-cell-important"> + <section id="content" > + <header> + <h2 style="color:red">Applications and Implications</h2> + + <h4 id="10-Week Task" style="border-bottom: 6px solid yellow; background-color: lightgrey" > <strong>10-Week Task</strong> </h4> + <p style="justify-content: center"><strong>individual assignment: Propose a final project masterpiece that integrates the range of units covered. Answering the following questions. </strong> </p> + + <h4 id="Introduction" style="border-bottom: 6px solid yellow; background-color: lightgrey" > <strong>Introduction </strong> </h4> + <p style="justify-content: center"><strong> </strong> </p> + + <h4 id="different" style="border-bottom: 6px solid yellow; background-color: lightgrey" > <strong>Different Input Devices</strong> </h4> + <p style="justify-content: center"><strong> </strong> </p> + + +</style> +</head> +</html> +<br> <br> +<h4 id="What problem" style="border-bottom: 6px solid yellow; background-color: lightgrey" > <strong> What problem i have faced? </strong> </h4> + <p style="justify-content: center"><strong></strong> </p> + <h4 id="What i learn" style="border-bottom: 6px solid yellow; background-color: lightgrey" > <strong> What i learn? </strong> </h4> + <p style="justify-content: center"><strong> I am learn about <br> + + </strong> </p> + + + + <p>Go to the <a href="#Introduction">top</a></p> + </section> + </div> + + <div class="3u"> + <section id="sidebard2"> + <header> + <h2>Content</h2> + </header> + <ul class="style1"> + <li class="first"><span class="fa fa-check"></span><a href="#9-Week Task">10-Week Task</a> </li> <br> + + <li><span class="fa fa-check"></span><a href="#What I learn"> What I learn?</a> </li><br> + + </ul> + + </section> + </div> + </div> + + </div> + </div> + + <!-- Footer --> + <div id="footer"> + <div class="container"> + <div class="row"> + <div class="3u"> + <section id="box1"> + <header> + <h2>Back</h2> + </header> + <ul class="style1"> + <li class="first"><a href="assignment7.html">Assignment 8</a></li> <br> + <li><a href="assignment6.html">Assignment 7</a></li> <br> + <li><a href="assignment6.html">Assignment 6</a></li> <br> + <li><a href="assignment5.html">Assignment 5</a></li> <br> + <li><a href="assignment4.html">Assignment 4</a></li> <br> + <li><a href="assignment3.html">Assignment 3</a></li> <br> + <li><a href="assignment2.html">Assignment 2</a></li> <br> + <li><a href="assignment1.html">Assignment 1</a></li> <br> + + </ul> + </section> + </div> + <div class="6u"> + <section id="box2"> + <header> + <h2> <a href="assignment9.html">Assignment 10: Applications and Implications </a></h2> + </header> + <div> <a href="assignment10.html" class="image full"><img src="img/" alt=""></a> </div> + <p>Write about assignment 10.</p> + </section> + </div> + <div class="3u"> + <section id="box3"> + <header> + <h2>Next</h2> + </header> + <ul class="style1"> + <li class="first"><a href="assignment11.html">Assignment 11</a></li> <br> + <li><a href="assignment12.html">Assignment 12</a></li> <br> + <li><a href="assignment13.html">Assignment 13</a></li> <br> + <li><a href="assignment14.html">Assignment 14</a></li> <br> + <li><a href="assignment15.html">Assignment 15</a></li> <br> + <li><a href="assignment16.html">Assignment 16</a></li> <br> + <li><a href="assignment17.html">Assignment 17</a></li> <br> + <li><a href="assignment18.html">Assignment 18</a></li> <br> + </ul> + </section> + </div> + </div> + </div> + </div> + + <!-- Copyright --> + <div id="copyright"> + <div class="container"> + Design: <a href="http://templated.co">TEMPLATED</a> Images: <a href="http://unsplash.com">Unsplash</a> (<a href="http://unsplash.com/cc0">CC0</a>) + </div> + </div> + + </div> + </body> +</html> \ No newline at end of file diff --git a/assignment/assignment3.html b/assignment/assignment3.html index 9f928f657f6fb6677fc6bff58347e49ae6386130..040f9700a08ca7003b2e96571b4d042e5ee4d7ff 100644 --- a/assignment/assignment3.html +++ b/assignment/assignment3.html @@ -365,7 +365,7 @@ 6. Different process of Vinyl Cutters Machine. </strong> </p> - <a style="color:mediumvioletred" class="btn-new rom-middle animated" href="file3.zip" download>Download my original file here</a> <br> + <a style="color:mediumvioletred" class="btn-new rom-middle animated" href="./file/file3.zip" download>Download my original file here</a> <br> <br> <br> <p>Go to the <a href="Introduction">top</a></p> </section> diff --git a/assignment/assignment9.html b/assignment/assignment9.html index ca7af214a39e1a71f772c11165d2a5ffa9f8bd51..9516474a3c5b69ee9f6ab18b2f2380cf0fe27bcd 100644 --- a/assignment/assignment9.html +++ b/assignment/assignment9.html @@ -168,7 +168,7 @@ the board. When the object is detected, the LED will blink. </strong> </p> height="350" class="svg__image"> </div> <br> <p style="justify-content: center"><strong> Here is the video of connection and simulation. </strong> </p> - <body> <iframe width="700" height="450" src="https://www.youtube.com/watch?v=iAcR2FcdjGw"></iframe> </body> + <body> <iframe width="700" height="450" src="https://www.youtube.com/v/iAcR2FcdjGw&t=25s" ></iframe> </body> <br><br> <h4 id="light" style="border-bottom: 6px solid yellow; background-color: lightgrey" > <strong>Light Sensor with Arduino Board</strong> </h4> <p style="justify-content: center"><strong> The light sensor is a passive devices that convert this “light energy†whether visible or in the infra-red parts of the spectrum into an electrical signal output. @@ -221,8 +221,8 @@ the board. When the object is detected, the LED will blink. </strong> </p> height="350" class="svg__image"> </div> <br> <p style="justify-content: center"><strong> Here is the video of connection and simulation. </strong> </p> - <body> <iframe width="700" height="450" src="https://www.youtube.com/watch?v=P_qkoKYS8q8"></iframe> </body> - <br><br> + <iframe width="700" height="450" src="https://www.youtube.com/embed/watch?v=P_qkoKYS8q8"> </iframe> + <br> <br> <h4 id="design" style="border-bottom: 6px solid yellow; background-color: lightgrey" > <strong>Design of Smoke Sensor Board</strong> </h4> <p style="justify-content: center"><strong> For final project, i have required smoke sensor, to sense the smoke get exhausted from the burning of fuel in kitchen for cooking. When the sensor sense the smoke, it will gives signal to the board and fan of the chimeny will get start. The smoke from the kitchen will get exhausted to the outside. So here i am trying to develope the board of @@ -303,7 +303,7 @@ in Eagle software is as belows. </strong> </p> <li><a href="assignment4.html">Assignment 4</a></li> <br> <li><a href="assignment3.html">Assignment 3</a></li> <br> <li><a href="assignment2.html">Assignment 2</a></li> <br> - <li><a href="assignment1.html">Assignment 1</a></li> <br> + <li><a href="assignment1.html">Assignment 1</a></li> <br> </ul> </section>