forked from CCGSRobotics/ccgsrobotics.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
200 lines (139 loc) · 6.68 KB
/
index.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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="en" >
<!-- Google analytics not set up -->
<!-- Need help on back end development -->
<head>
<meta charset="UTF-8">
<title>CCGS Robotics</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="css/custom_snow.css">
<link rel="stylesheet" href="css/loader.css">
<link rel="stylesheet" href="css/header.css">
<link rel="stylesheet" href="css/parralax.css">
<link rel="stylesheet" href="css/typewriter.css">
<link rel="stylesheet" href="css/button.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="css/facta.css">
<link rel="stylesheet" href="css/content.css">
<!--<link rel="shortcut icon" type="image/x-icon" href="https://www.ccgs.wa.edu.au/wp-content/themes/christchurchschool/assets/img/favicon.ico">-->
<link rel="shortcut icon" type="image/x-icon" href="icons/Normal.ico">
<!-- Stuff -->
<!-- Search Engine -->
<meta name="description" content="Introduction to CCGS Robotics.">
<meta name="image" content="https://ccgsrobotics.github.io/css/img01.jpg">
<!-- Schema.org for Google -->
<meta itemprop="name" content="CCGS Robotics">
<meta itemprop="description" content="Introduction to CCGS Robotics.">
<meta itemprop="image" content="https://ccgsrobotics.github.io/css/img01.jpg">
<!-- Open Graph general (Facebook, Pinterest & Google+) -->
<meta name="og:title" content="CCGS Robotics">
<meta name="og:description" content="Introduction to CCGS Robotics.">
<meta name="og:image" content="https://ccgsrobotics.github.io/css/img01.jpg">
<meta name="og:url" content="https://ccgsrobotics.github.io/">
<meta name="og:site_name" content="CCGS Robotics">
<meta name="og:locale" content="en_AU">
<meta name="og:type" content="website">
</head>
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
<header class="cf">
<nav>
<a href="index.html" class="logo">CCGS Robotics</a>
<div class="randomdiv" id="randomdiv">
<a class="logosub" href="https://www.thingiverse.com/groups/ccgs-robotics/things">Designs</a>
<a href="https://groups.google.com/forum/#!topic/oarkit/6ngI1czbHFA" class="logosub">OARKit</a>
<a href="https://github.com/CCGSRobotics" class="logosub" >Github</a>
<a id="blogposts" href="AllBlogs.html" class="logosub" >Blogs</a>
<a href="howto.html" class="logosub" >How To</a>
</div>
</nav>
</header>
<div class="body">
<!-- Preloader -->
<div id="preloader">
<div id="status" style="text-align: center;">
Loading.
</div></div>
<div class="container">
<div class="parallax"></div>
<div class="centered">
<div class='console-container'><span id='text'></span><div class='console-underscore' id='console'>_</div></div>
</div>
</div>
<div class="textbody">
<h3>Welcome to the CCGS Robotics Club</h3>
<p class="normal">The robotics club is a group of keen student engineers and programmers who work to make robots to send to the annual international RoboCup Competition.
<br></br>
There are many elements to the creation of robots, namely:
<br></br>
Software Design Networking Algorithms (Pathfinding and Automation) Electronics (Wiring Harness) CAD/CAM Design using CATIA. Once we have robots we drive them on the terrain outside of TG11 in the D&T Department to prepare for the competition, where we complete a series of challenges to earn points.
</p>
<br></br>
<h3>Downloads:</h3>
<!-- grey rounded box appears when hovering on link-->
<a href="TDP 2019 Final.pdf" download>
<button class="bubbly-button">Team Description Material 2019</button>
</a>
<a href="TDP 2018 Final.pdf" download>
<button class="bubbly-button">Team Description Material 2018</button>
</a>
<a href="User Documentation.pdf" download>
<button class="bubbly-button2">User Documentation</button>
<!-- to independently change each button colour and properties, use bubbly-button2-->
</a>
<br></br><br></br>
<div class = "facta">
<img class= "img_box" src="photos/TheProject.png" alt="Icon" style="width:25%;height:25%;" align="top":>
<h9 class="text_title">Our Mission</h9> <br>
To design robots that are rapidly manufacturable and cheap using 3D
printers and laser cutters. In which the primary use case is disaster response. Usually where
human response is too difficult or dangerous. They are designed to be easily deployable
and require little user knowledge.
</div>
<div class = "facta_left">
<img class= "img_box_right" src="photos/OpenSource.png" alt="Icon" style="width:25%;height:25%;" align="top":>
<h9 class="text_title">Open Source</h9> <br>
Almost all of our code is on <a class="LinkNorm" href="https://github.com/CCGSRoboticsGitHub">GitHub</a> with open repositories.
Through keeping the project open source we hope that different communities of developers and engineers collaborate to work
towards the end goal of building robots to save lives.
</div>
<div class = "facta">
<img class= "img_box" src="photos/Interface.png" alt="Icon" style="width:25%;height:25%;" align="top":>
<h9 class="text_title">RoboHUD</h9> <br>
Our GUI, RoboHUD is thoroughly documented on <a class="LinkNorm" href="https://robohud-docs.readthedocs.io/">ReadTheDocs.io</a>. RoboHUD is designed to have a simple
GUI for the drivers of the robot that can be customised completely through a JSON file.
</div>
<div class="content" id="content"><h3>Blog Posts</h3></div>
</div>
<div id="mybutton">
<button class="feedback" onclick="SignInPage()">
<img height="32px" width="32px" src="css/baseline-face-24px.svg"></img>
</button>
</div>
<div class="placeholder">
<!-- add space to bottom of website the lazy way-->
</div>
</div>
<div style="margin-top:4000px;" class="footer">Robotics Club <a href="https://github.com/CCGSRobotics/ccgsrobotics.github.io">[Website source on github]</a></div>
<script src="https://www.gstatic.com/firebasejs/5.10.0/firebase.js"></script>
<script>
// Initialize Firebase
var config = {
apiKey: "AIzaSyB8r3dDr-4aCRuA4VgnKhBCSC3ctsQwZjM",
authDomain: "ccgsrobotics-d4422.firebaseapp.com",
databaseURL: "https://ccgsrobotics-d4422.firebaseio.com",
projectId: "ccgsrobotics-d4422",
storageBucket: "ccgsrobotics-d4422.appspot.com",
messagingSenderId: "858227198958"
};
firebase.initializeApp(config);
</script>
<script src="js/header.js"></script>
<script src="js/typewriter.js"></script>
<script src="js/button.js"></script>
<script src="js/onscroll.js"></script>
<script src="js/mobileassist.js"></script>
<script src="js/facta.js"></script>
<script src="js/loader.js"></script>
<script src="js/loadblogTop4.js"></script>
<!-- FYI jquery at top of html -->
<!-- If you found this Good JOb *emotional support pls*-Ken -->