-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
176 lines (134 loc) · 4.98 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://kit.fontawesome.com/ceb7f46f96.js" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans&family=IM+Fell+Double+Pica&family=Sacramento&display=swap" rel="stylesheet">
<style>
*{box-sizing: border-box;}
body{
margin: 0;
font-family:monospace,sans-serif, cursive;
}
@@font-face {
font-family: 'Sacramento', cursive;
}
@@font-face {
font-family: 'IM Fell Double Pica', serif;
}
@@font-face {
font-family: 'DM Sans', sans-serif;
}
.header{
overflow:hidden;
background-color: #f1f1f1;
padding: 20px 10px;
}
.header a{
float: left;
color: black;
text-align: center;
padding: 12px;
text-decoration: none;
font-size: 18px;
line-height: 25px;
border-radius: 4px;
}
.header a.logo{
font-size: 25px;
font-weight: bold;
}
.header a:hover{
background-color: #ddd;
color: black;
}
.header a.active{
background-color: #95c2de;
color: white;
}
.header-right{
float: right;
}
@media screen and (max-width: 500px){
.header a{
float: none;
display: block;
text-align: left;
}
.header-right{
float: none;
}
}
.footer{
position:fixed;
left: 0;
bottom: 0;
width: 100%;
padding: 5px;
background-color: #95c2de;
text-align: center;
}
.fab {
padding: 20px;
font-size: 30px;
width: 30px;
text-align: center;
text-decoration: none;
border-radius: 50%;
}
.fa:hover {
opacity: 0.7;
}
.fa-linkedin {
color: white;
}
.fa-telegram-plane {
color: white;
}
.fa-github {
color: white;
}
.fa-yarn {
color: white;
}
.ah{
padding: 20px;
font-size: 10px;
color: white;
text-align: left;
}
</style>
<script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
</head>
<body>
<p>
University of Toronto’s first humanoid robotics team
In January 2016, a few undergraduate engineering students at the University of Toronto learned of the RoboCup International Competition, and were inspired by the vision it was founded upon—to have a team of autonomous humanoid robots beat the most recent champions of the World Cup by 2050, in full compliance with FIFA rules. Upon noticing there were no teams representing Canada in the competition, the first plans to start a robot soccer league began. In the summer of 2017, a team of inexperienced—but determined—undergraduate engineering students came together to create the first iteration a robot which could one day achieve RoboCup’s founding goal.
The initial efforts to form new team within UTRA began summer 2016. However, it was not until summer 2017 that we were well-defined and the creation of our robots from scratch began. Following some recruitment around that time, our team had a small number of members split across three subsystems: mechanical, electrical and software. Later that summer, the embedded subsystem (microcontroller software), emerged out of the electrical subsystem, and the control subsystem was formed to focus on bipedal locomotion.
By the end of 2017, our team grew to more than 20 members, all engineering undergraduates at the University of Toronto. Around that time, we were highly focused on achieving the basic requirements to qualify for the 2018 RoboCup competition in Montreal that upcoming summer. After several sleepless February nights, the video below was produced along with a concise paper.
</p>
<div class="header">
<a href="https://programmingduh.github.io/index" class="logo" style="font-family:Sacramento"><h2>Alicia Jin</h2></a>
<div class="header-right">
<a href="https://programmingduh.github.io/index">Home☆</a>
<a href="https://programmingduh.github.io/aboutme">About Me🂱</a>
<a href="https://programmingduh.github.io/projects">Projects⚛︎</a>
<a href="https://programmingduh.github.io/contact">Contact✉︎</a>
<a href="https://programmingduh.github.io/subteams">Contact✉︎</a>
</div>
</div>
<div style="padding-left:20px">
<a style="font-size:30px" style="font-family: 'IM Fell Double Pica'" ><i>“The future is yet an untrodden path full of wonderful possibilities." - L.M. Montgomery</i></a></div>
<br>
<a class="logo" style="font-family:Sacramento"><h2>Welcome to my Portfolio</h2></a>
<div class="footer">
<ah style="color:white" style="font-size:11px" style="font-family:'Courier New'" >©2022 ALICIA JIN. ALL RIGHTS RESERVED.</ah>
<a href="https://www.linkedin.com/in/alicia-jin-047b02192/" class='fab fa-linkedin' style='font-size:36px'> </a>
<a href="mailto:[email protected]" class='fab fa-telegram-plane' style='font-size:36px'> </a>
<a href="https://github.com/programmingduh" class='fab fa-github' style='font-size:36px'> </a>
<a href="programmingduh.github.io/love.html" class='fab fa-yarn' style='font-size:36px'> </a>
</div>
</body>
</html>