-
Notifications
You must be signed in to change notification settings - Fork 0
/
CookieTopper.html
97 lines (93 loc) · 4.53 KB
/
CookieTopper.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Christian Kuss</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Cinzel|Raleway" rel="stylesheet">
<script src="style.js"></script>
<link rel="icon" href="resources/img/HomePage/mylogo.png">
<link rel="stylesheet" href="style.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-112798738-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-112798738-1');
</script>
</head>
<body id="myPage">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html#myPage"><img src="resources/img/HomePage/mylogo.png" id="mylogo"></a>
</div>
<div class="collapse navbar-collapse navbar-expand-lg" id="myNavbar">
<ul class="nav navbar-nav navbar-right" id="navbuttons">
<li><a href="index.html#about">ABOUT</a></li>
<li><a href="index.html#experience">EXPERIENCE</a></li>
<li class="project-dropdown">
<a href="index.html#projects">PROJECTS</a>
<div class="project-dropdown-content">
<a href="PlanetPolluter.html">PLANET POLLUTER</a>
<a href="PillDispenser.html">SMART PILL DISPENSER</a>
<a href="SumoBot.html">SUMO BOT</a>
<a href="CookieTopper.html">COOKIE TOPPER</a>
</div>
</li>
<li><a href="Blog.html">BLOG</a></li>
<li><a href="resources/Kuss_Resume.pdf" target="_blank">RÉSUMÉ</a></li>
</ul>
</div>
</nav>
<div class="container-fluid" id="cookieimg">
<div class="container container-body">
<h1 class="text-center">
Cookie Topper
</h1>
<div class="row">
<div class="col-sm-10 col-sm-offset-1">
<p>
This project was completed by Sean Healy and I as a part of our Project Lead the Way class,
Principles of Engineering. In this assignment we were tasked with topping a Chips Ahoy cookie
(because they need some extra flavor) with whip cream from a can. We were supplied a VEX Robotics
kit and ROBOTC program (but it seems no one knows what those are). Probably the most challenging
design aspect was to try and actually press the nozzle to dispense the whip cream. We did eventually
come up with a rack and pinion method that worked decently well. You can see in the video below that
what we needed was a way to separate the whip cream from the can so it did not hang. The rest of the
device is pretty simple with motors moving the conveyor belt which passes the cookies under a color
sensor. We did end up having to use a color sensor rather than a distance sensor due to the
"bounciness" of the conveyor belt.
</p>
<p>
I like to keep this project up because it was honestly one of my first notable engineering projects
and it brings back good memories of eating lots of whip cream topped cookies.
</p>
</div>
</div>
<div class="row">
<div class="col-sm-8 col-sm-offset-2 video-container">
<video src="resources/img/cookietopper/cookieTopper.mov" controls></video>
</div>
</div>
</div>
</div>
<footer class="text-center">
<a href="#myPage" title="To Top">
<span class="glyphicon glyphicon-chevron-up"></span>
</a>
</footer>
</body>
</html>