forked from battulasaivinesh/Aarohan_2017
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathDetour.html
95 lines (83 loc) · 3.32 KB
/
Detour.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/bootstrap.min.css" >
<link rel="stylesheet" type="text/css" href="css/styles.css"/>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
<link rel="stylesheet" type="text/css" href="css/events.css"/>
<title>Aarohan 2017 | Detour</title>
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
</head>
<body>
<div id="events">
<div class="next">
</div>
<br/>
<div id="road">
</div>
<div id="heading">
<img src="images/Hoardings/Detour.png" >
</div>
<a href="javascript:history.back()"><button id="back" class="btn btn-secondary" role="button"> Back </button></a>
<div id="walk">
<img id="bike-img" src="images/bike.png">
</div>
<div id="trigger1">
<div id="image" class="holder">
<img src="images/images-events/detour.png"/>
</div>
</div>
<div id="trigger2">
<div id="write-out" class="holder">
<h2 class="bold">About the Event</h2>
<p>The objective of this challenge is to build an autonomous bot that is aware of its
surroundings, and can make its way following a trail, or go through a path with
walls on both sides without touching the walls. It must also be able to 'look'
forward, so as to not bump into obstacles on its path.</p><p>
The first part of the course is through a path with white walls on both sides. The
path has 90 degree turns. However, the bot must never touch these walls.
The second part of the course requires the bot to follow a curved path (black
line on white surface), while detecting obstacles on its path, and taking certain
definite courses of action to remove these obstacles.</p>
<a href="pdf/detour.pdf" target="_blank" class="btn btn-primary uppercase">Problem Statement</a>
<a href="registration.php" class="btn btn-primary uppercase">Register</a>
</div>
</div>
<div class="space">
</div>
<div id="trigger-w">
</div>
<div id="cloud">
<img src="images/Clouds/cloud3.png" >
<div id="text-l"><h1 >RELATED EVENTS</h1></div>
</div>
<div id="related" class="container">
<div class="row">
<div class ="col-xs-3 col-md-3 box">
<a href="robowars.html"><img src="images/images-events/robowar.png"></a>
</div>
<div class ="col-xs-3 col-md-3 box">
<a href="shuttle.html"><img src="images/images-events/shuttle.png"></a>
</div>
<div class ="col-xs-3 col-md-3 box">
<a href="insideout.html"><img src="images/images-events/insdieout.png"></a>
</div>
<!-- <div class ="col-xs-3 col-md-3 box">
<a href="jigsaw.html"><img src="images/images-events/.png"></a>
</div> -->
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/preloader.js"></script>
<script src="js/TweenMax.min.js"></script>
<script src="js/ScrollMagic.min.js"></script>
<script src="js/velocity.min.js"></script>
<script src="js/animation.gsap.min.js"></script>
<script src="js/libraries.min.js"></script>
<script src="js/jquery.parallax.js"></script>
<script src="js/debug.addIndicators.min.js"></script>
<script src="js/flowtype.js"></script>
<script src="js/event.js"></script>
</body>
</html>