archive/theorangeone.net-legacy
Archived
1
Fork 0
Code Releases Packages Activity

Import robotics templates from old site

Browse source
This commit is contained in:
Jake Howard 2016-01-26 19:10:34 +00:00
parent 55fe1910f6
commit fdff55bf28
10 changed files with 236 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
project/pages/tests.py
View file

@ -49,3 +49,17 @@ class AllProjectsTestCase(TestCase):
def test_accessable(self):
response = self.client.get(reverse('pages:all-projects'))
self.assertEqual(response.status_code, 200)
class RoboticsTestCase(TestCase):
def test_2015_index_accessable(self):
response = self.client.get(reverse('pages:robotics-2015-index'))
self.assertEqual(response.status_code, 200)
def test_2014_index_accessable(self):
response = self.client.get(reverse('pages:robotics-2014-index'))
self.assertEqual(response.status_code, 200)
def test_2015_robot_accessable(self):
response = self.client.get(reverse('pages:robotics-2015-robot'))
self.assertEqual(response.status_code, 200)

7
project/pages/urls.py
View file

@ -6,7 +6,14 @@ urlpatterns = [
url(r'^about/website/$', views.about.WebsiteView.as_view(), name='about-website'),
url(r'^about/me/$', views.about.MeView.as_view(), name='about-me'),
url(r'^about/$', views.about.IndexView.as_view(), name='about'),
url(r'^projects/all/$', views.projects.AllView.as_view(), name="all-projects"),
url(r'^projects/(?P<project>.+)/$', views.projects.ProjectView.as_view(), name="projects"),
url(r'^robotics/$', views.robotics.IndexView.as_view(), name="robotics-index"),
url(r'^robotics/2014/$', views.robotics.Index2014View.as_view(), name="robotics-2014-index"),
url(r'^robotics/2015/robot/$', views.robotics.Robot2015View.as_view(), name="robotics-2015-robot"),
url(r'^robotics/2015/$', views.robotics.Index2015View.as_view(), name="robotics-2015-index"),
url(r'^$', views.core.IndexView.as_view(), name='index')
]

2
project/pages/views/__init__.py
View file

@ -1 +1 @@
from . import about, core, projects
from . import about, core, projects, robotics

19
project/pages/views/robotics.py Normal file
View file

@ -0,0 +1,19 @@
from project.common.views import CustomTemplate
class IndexView(CustomTemplate):
template_name = 'robotics/index.html'
# 2015
class Index2015View(CustomTemplate):
template_name = 'robotics/2015-index.html'
class Robot2015View(CustomTemplate):
template_name = 'robotics/2015-robot.html'
# 2014
class Index2014View(CustomTemplate):
template_name = 'robotics/2014-index.html'

6
static/src/less/assets.less Normal file
View file

@ -0,0 +1,6 @@
@btn-srobo-color: @gray-lighter;
@btn-srobo-bg: #253571;
@btn-srobo-border: darken(@btn-srobo-bg, 5%);
.btn-srobo {
.button-variant(@btn-srobo-color; @btn-srobo-bg; @btn-srobo-border);
}

3
static/src/less/style.less
View file

@ -7,6 +7,7 @@
@import 'homepage';
@import 'variables';
@import 'navbar';
@import 'assets';
/* @group Global */
.btn {
@ -41,7 +42,7 @@ a.no-color-change {
/* @group Functional */
p.center-text {
.center-text {
text-align: center;
}

46
templates/robotics/2014-index.html Normal file
View file

@ -0,0 +1,46 @@
{% extends 'content_base.html' %}
{% block pageTitle %}Student Robotics 2014{% endblock %}
{% block headercontent %}
<div class="row">
<h1>Student Robotics 2014</h1>
</div>
<div class="row">
<h4>The home of Lucy. <small>(No it doesnt stand for anything)</small></h4>
</div>
{% endblock %}
{% block content%}
<div class="container">
<div class="row">
<div class="col-sm-4">
<img style="border-radius: 12px;" class="full-width" src="https://farm1.staticflickr.com/737/20984044320_ccbba155f9_o.gif" />
</div>
<div class="col-sm-8">
<p>Welcome to the homepage of Collyer's Student Robotics Team 2015 (The 'A' Team) - Creators of 'A.L.I.C.E'! Here you can see everything that goes on throughout the competition.</p>
<p>This website is here to bridge the gap between the team and the outside world, and also to document everything that we do so that parents and Blue Shirts can see what we have been getting up to! Not only is the website for this, but it's also in the competition too! There is a prize (Awarded at the competition itself), for the best online presence. Hopefully no one else that has entered has their own domain name with dedicated section for the competition! </p>
</div>
</div>
</div>
<div class="container">
<h2>The Competition</h2>
<p>As was announced at kickstart, the game for this year is a take on the classic gamemode Capture the Flag. 4 teams compete over 5 flags to move as many of them as they can into their scoring zones. The person with the most flags in their scoring zone wins.</p>
<p>The flags are 25cm cubes of wood on caster wheels weighing roughly 2kg. The rules prevent us from lifting them, so the idea is to drag them around!</p>
<p>To see a copy of the rules from the competition, Click Here!</p>
</div>
<div class="container">
<h2>Why call it 'ALICE'?</h2>
<p>The decision to name the robot 'Alice' was a decision made by the whole group. Thats a lie, Ben suggested it and as no one had any better ideas and because he gets overruling vote on this for some reason , it stuck.</p>
<p>After this decisions was made, I decided to set out to find the cheesiest acronym we could for 'Alice', to make the name slightly more interesting, and not some random girls name pulled from thin air on the bus ride home from kickstart. There were a few rather good ideas, most of them coming from Sam:</p>
<p><ul>
<li>'Automated Laser-cut Interactive Capturing Entity'</li>
<li>'Abnormally Lame and Innacurate Control-less Engine'</li>
<li>'Anti-Losing Immaculate Competitive Extravaganza'</li>
</ul></p>
<p>One idea was also suggested that we name the robot after the first sponsor we got, but as we didnt get one util after the team split, the other team took that name instead. In the end we decided to go with one that Sam initially suggested, so 'Alice' officially stands for:</p>
<p><h3 class="center-text">'Autonomous Logistics and Inevitable Collision Engine'</h3></p>
</div>
{% endblock %}

47
templates/robotics/2015-index.html Normal file
View file

@ -0,0 +1,47 @@
{% extends 'content_base.html' %}
{% block pageTitle %}Student Robotics 2015{% endblock %}
{% block headercontent %}
<div class="row">
<h1>Student Robotics 2015</h1>
</div>
<div class="row">
<h4>The home of the Autonomous Logistics and Inevitable Collision Engine!</h4>
</div>
{% endblock %}
{% block content%}
<div class="container">
<div class="row">
<div class="col-sm-4">
<img style="border-radius: 12px; width: 100%;" src="https://farm1.staticflickr.com/737/20984044320_ccbba155f9_o.gif" />
</div>
<div class="col-sm-8">
<p>Welcome to the homepage of Collyer's Student Robotics Team 2015 (The 'A' Team) - Creators of 'A.L.I.C.E'! Here you can see everything that goes on throughout the competition.</p>
<p>This website is here to bridge the gap between the team and the outside world, and also to document everything that we do so that parents and Blue Shirts can see what we have been getting up to! Not only is the website for this, but it's also in the competition too! There is a prize (Awarded at the competition itself), for the best online presence. Hopefully no one else that has entered has their own domain name with dedicated section for the competition! </p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-8">
<h2>The Competition</h2>
<p>As was announced at kickstart, the game for this year is a take on the classic gamemode Capture the Flag. 4 teams compete over 5 flags to move as many of them as they can into their scoring zones. The person with the most flags in their scoring zone wins.</p>
<p>The flags are 25cm cubes of wood on caster wheels weighing roughly 2kg. The rules prevent us from lifting them, so the idea is to drag them around!</p>
<p>To see a copy of the rules from the competition, <a>Click Here!</a></p>
</div>
<div class="col-sm-4">
<div class="list-group">
<a class="list-group-item active h4">Quick Links</a>
<a href="{% url 'pages:robotics-2015-robot' %}" class="list-group-item">The Robot - A.L.I.C.E</a>
<a href="#" class="list-group-item">The Code</a>
<a href="#" class="list-group-item">Gallery</a>
<a href="#" class="list-group-item">Blog</a>
<a href="#" class="list-group-item">Competition Information</a>
</div>
</div>
</div>
</div>
{% endblock %}

51
templates/robotics/2015-robot.html Normal file
View file

@ -0,0 +1,51 @@
{% extends 'content_base.html' %}
{% block pageTitle %}The Robot | SR 2015{% endblock %}
{% block headercontent %}
<div class="row">
<h1>A.L.I.C.E</h1>
</div>
<div class="row">
<h4>The Autonomous Logistics and Inevitable Collision Engine!</h4>
</div>
{% endblock %}
{% block content%}
<div class="container">
<p>
Our entry for 2015, named 'ALICE', was a massive improvement over last years model, in both design, and the code for it. Before ALICE was built, the design team built us a very basic chassis usind scrap parts from 2014, which allowed us to write a large amount of the code base before we even had the robot built. Originally I wanted the final chassis to be built before the end of January, so we had a lot of time to test out the design for the robot and test using the final, in reality, it was closer to the middle of march before this was a reality.
</p>
</div>
<div class="container">
<div class="row">
<div class="col-sm-4">
<!-- Image of initial design (on paper) -->
</div>
<div class="col-sm-8">
</div>
</div>
<p>
The entire chassis was made from custom, in-house cut, sheets of plywood, which allowed us to be very precise in the design of the robot to make sure that all the pieces would fit together properly, making the chassis less likely to break.
</p>
<p>
The initial design was concieved by Ben, at kickstart, and was then refined over the coming weeks by me and the rest of the building team. This was made much easier from the use of the 3d model (See Right), that ben made, which helped us visualize any changes that were to be made, as well as work out strategy by seeing the measurements we had to work with.
</p>
<p>
Once the build was completed, it was to a much higher design and quality than I could have ever imagined! It allowed us to forget about any shortcomings when it came to chassis, not having to compensate for weight distribution, or worry about the grip on the wheels.
</p>
</div>
<div class="container">
<h2>Why call it 'ALICE'?</h2>
<p>The decision to name the robot 'Alice' was a decision made by the whole group. Thats a lie, Ben suggested it and as no one had any better ideas and because he gets overruling vote on this, for some reason , it stuck.</p>
<p>After this decisions was made, I decided to set out to find the cheesiest acronym we could for 'Alice', to make the name slightly more interesting, and not some random girls name pulled from thin air on the bus ride home from kickstart. There were a few rather good ideas, most of them coming from Sam:</p>
<p><ul>
<li>'Automated Laser-cut Interactive Capturing Entity'</li>
<li>'Abnormally Lame and Innacurate Control-less Engine'</li>
<li>'Anti-Losing Immaculate Competitive Extravaganza'</li>
</ul></p>
<p>One idea was also suggested that we name the robot after the first sponsor we got, but as we didnt get one util after the team split, the other team took that name instead. In the end we decided to go with one that Sam initially suggested, so 'Alice' officially stands for:</p>
<p><h3 class="center-text">'Autonomous Logistics and Inevitable Collision Engine'</h3></p>
</div>
{% endblock %}

43
templates/robotics/index.html Normal file
View file

@ -0,0 +1,43 @@
{% extends 'content_base.html' %}
{% block pageTitle %}Student Robotics{% endblock %}
{% block content%}
<div class="container">
<p>Student Robotics is the the place where my development knowledge really started to grow. Thanks to the other people in my team teaching me. I had never done anything robotics related, and so when my computing teacher initially told us about it, I wasnt really interested. After I found out that my friend was also doing it, I signed up, and went along to the kickstart. From then on I was hooked, getting involved with all aspects of the development and design, as well as helping out other teams on the IRC room.</p>
</div>
<div class="container">
<h2>What is Student Robotics?</h2>
<p>Student Robotics is a volunteer organisation that runs an annual robotics competition for 16-18 year olds. It was originally founded by students from the University of Southampton in 2006, and now includes volunteers (“Blue Shirts”) from multiple other universities, including the University of Bristol and Grenoble INP. It primarily takes teams and volunteers from the UK, but also some from Germany and France.</p>
<p>To find out more, visit their website <a href="https://studentrobotics.org">Here.</a></p>
</div>
<div class="container">
<p>Being at college for 2 years, meant I was able to enter 2 years of competitions, SR14, and SR15. We were encouraged to gain an online presence for our team, so I created a website for both years. Unfortunately due to account inactivity, and me changing my website 3 times since, The original pages have been lost, however all the content still remains. Below you can find all the content, media and information about both competitions, as well as the source code for Lucy, the 2014 entry. </p>
</div>
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="thumbnail">
<div class="caption">
<h2>Student Robotics 2014</h2>
<p><strong>Robot Name:</strong> Lucy</p>
<p><a href="{% url 'pages:robotics-2014-index' %}" class="btn btn-srobo btn-block">More Info</a></p>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="thumbnail">
<div class="caption">
<h2>Student Robotics 2015</h2>
<p><strong>Robot Name : </strong> A.L.I.C.E <small>(<strong>A</strong>utonomous <strong>L</strong>ogistics and <strong>I</strong>nevitable <strong>C</strong>ollision <strong>E</strong>ngine)</small></p>
<p><a href="{% url 'pages:robotics-2015-index' %}" class="btn btn-srobo btn-block" >More Info</a></p>
</div>
</div>
</div>
</div>
</div>
{% endblock %}