Update content on robotics pages

project/pages/tests.py

@@ -65,3 +65,7 @@ class RoboticsTestCase(TestCase):
     def test_2015_robot_accessable(self):
         response = self.client.get(reverse('robotics:2015-robot'))
         self.assertEqual(response.status_code, 200)
+
+    def test_2015_code_accessable(self):
+        response = self.client.get(reverse('robotics:2015-code'))
+        self.assertEqual(response.status_code, 200)

project/pages/urls/robotics.py

@@ -6,5 +6,6 @@ urlpatterns = [
     url(r'^$', robotics.IndexView.as_view(), name="index"),
     url(r'^2014/$', robotics.Index2014View.as_view(), name="2014-index"),
     url(r'^2015/robot/$', robotics.Robot2015View.as_view(), name="2015-robot"),
+    url(r'^2015/code/$', robotics.Code2015View.as_view(), name="2015-code"),
     url(r'^2015/$', robotics.Index2015View.as_view(), name="2015-index")
 ]

project/pages/views/robotics.py

@@ -1,4 +1,4 @@
-from project.common.views import CustomTemplate
+from project.common.views import CustomTemplate, MarkdownView
 
 
 class IndexView(CustomTemplate):
@@ -14,6 +14,10 @@ class Robot2015View(CustomTemplate):
     template_name = 'robotics/2015-robot.html'
 
 
+class Code2015View(MarkdownView):
+    markdown = 'robotics/2015-code.md'
+
+
 # 2014
 class Index2014View(CustomTemplate):
     template_name = 'robotics/2014-index.html'

static/src/js/components/navbar/navbar.js

@@ -19,14 +19,17 @@ export default class NavBar extends React.Component {
                 <ul className="nav navbar-nav" id="navigation">
                   <Dropdown title="Projects">
                     <Item ident="projects:project" args={['pithos']} icon="ion-social-freebsd-devil">Pithos</Item>
-                    <Item href="#" icon="ion-ios-monitor">BSOD Enabler</Item>
+                    <Item ident="projects:project" args={['bsod-enabler']} icon="ion-ios-monitor">BSOD Enabler</Item>
-                    <Item href="#" icon="ion-chatbox-working">Hipchat Emoticons for All</Item>
+                    <Item
+                      ident="projects:project"
+                      args={['hipchat-emoticons-for-all']}
+                      icon="ion-chatbox-working">Hipchat Emoticons for All</Item>
                     <Item href="#" icon="ion-social-windows">Custom PC</Item>
                     <Item ident="projects:all" icon="ion-android-more-vertical">All Projects...</Item>
                   </Dropdown>
                   <Dropdown title="Code">
                     <Item href="#" icon="ion-code-working">Code Challenges</Item>
-                    <Item href="#" icon="ion-ios-circle-filled">BSOD Enabler</Item>
+                    <Item href="#" icon="ion-ios-circle-filled">Pi Time Lapse</Item>
                     <Item href="#" icon="ion-ios-game-controller-a">The Wiki Game Solver</Item>
                   </Dropdown>
                   <Dropdown title="College">
@@ -59,8 +62,8 @@ export default class NavBar extends React.Component {
                   <Item href="#">Links</Item>
                   <Dropdown title="About">
                     <Item ident="about:me" icon="ion-android-person">Me</Item>
-                    <Item ident="about:website" icon="">Website</Item>
+                    <Item ident="about:website" icon="ion-cloud">Website</Item>
-                    <Item href="#" icon="ion-android-contacts">Contact Me</Item>
+                    <Item ident="about:index" icon="ion-android-contacts">Contact Me</Item>
                   </Dropdown>
                 </ul>
               </div>

static/src/less/style.less

@@ -38,10 +38,19 @@ a.no-color-change {
     color: inherit;
   }
 }
+img {
+  max-width: 100%;
+}
+
 /* @end Global */
 
 /* @group Functional */
 
+.center-align {
+  margin-left: auto;
+  margin-right: auto;
+}
+
 .center-text {
   text-align: center;
 }

templates/robotics/2014-index.html

@@ -6,10 +6,30 @@
   <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" />
+        <img class="img-rounded" src="https://c2.staticflickr.com/8/7670/17115168179_1ef30ac6e9_b.jpg" />
       </div>
       <div class="col-sm-8">
-        <p></p>
+        <p>Welcome to the homepage of Collyer's Student Robotics 2014 team. Originally, this page was a part of the competition, but due to 3 different site rewrites, the original content and formatting has been lost.</p>
+      </div>
+    </div>
+  </div>
+
+
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-8">
+        <h2>The Competition</h2>
+        <p>The game for this year was called <em>Slots</em>. Teams compeated to get as many of their tokens into a scoring zone in 3 minutes. Teams would also get extra points if they could get the token into a zones 'slot', an area the size of a token, raised by around 3 cm. </p>
+        <p>To see a copy of the rules from the competition, <a href="https://www.studentrobotics.org/resources/2014/rulebook.pdf">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="https://github.com/SR-CLY/2014" 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="https://www.studentrobotics.org/schools/game#2014" class="list-group-item">Competition Information</a>
+        </div>
       </div>
     </div>
   </div>

templates/robotics/2015-code.md

@@ -0,0 +1,21 @@
+# The Code | SR2015
+
+The code used for this competition was by far the most complicated and advanced code that had ever been written by a Collyer's team.
+
+The main change between any other year was using an entirely co-ordinate based movement system. Any input taken in from the camera was converted to co-ordinates in terms of the arena, so we could plot our movement more accurately and allow for any immovable objects such as the internal walls.
+
+The addition of this coordinate system allowed us to create the killer feature of this year, the position correction code. This code allowed us to automatically correct our position after we scanned for a marker, meaning we could allow for any imperfections in the build.
+
+There were a lot of really great features in this years code, that made our robot function much faster:
+
+- Position correction
+- co-ordinate based movement
+- Arc movement
+- Distance based movement
+- _move 'til touch_
+- Camera rotation
+
+### So, where is this code?
+Unfortunately, due to the number of features, we have decided to keep the source private, so that only other Collyer's teams may access it. A lot of blood, sweat and tears (not literally) went into writing this code, and it would be a shame if that were to be used to help any of our opponents.
+
+You can however see the code from our other years on our [GitHub organisation](https://github.com/SR-CLY).

templates/robotics/2015-index.html

@@ -6,11 +6,10 @@
   <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" />
+        <img class="img-rounded" 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>
@@ -20,17 +19,17 @@
       <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>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 href="">Click Here!</a></p>
+        <p>To see a copy of the rules from the competition, <a href="https://www.studentrobotics.org/resources/2015/rulebook.pdf">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 '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="{% url 'robotics:2015-code'%}" class="list-group-item">The Code</a>
-          <a href="#" class="list-group-item">Gallery</a>
+          <a href="https://flic.kr/s/aHska26DoH" class="list-group-item">Gallery</a>
-          <a href="#" class="list-group-item">Blog</a>
+          <a href="http://collyersstudentrobotics.blogspot.co.uk/" class="list-group-item">Blog</a>
-          <a href="#" class="list-group-item">Competition Information</a>
+          <a href="https://www.studentrobotics.org/schools/game#2015" class="list-group-item">Competition Information</a>
         </div>
       </div>
     </div>

templates/robotics/2015-robot.html

@@ -20,7 +20,7 @@
       The entire chassis was made from sheets of plywood, which we laser cut in college, allowing 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.
+      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, 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.
@@ -39,4 +39,7 @@
     <p>One idea was also suggested that we name the robot after the first sponsor we got, but as we didnt get one until 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>
+  <div class="container">
+    <img src="https://c1.staticflickr.com/9/8700/17404219256_30ed381651_b.jpg" class="img-rounded center"/>
+  </div>
 {% endblock %}

templates/robotics/index.html

@@ -14,16 +14,19 @@
   </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>
+    <h2>My Entries</h2>
+    <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.</p>
   </div>
 
   <div class="container">
     <div class="row">
       <div class="col-sm-6">
         <div class="thumbnail">
+          <img src="https://c2.staticflickr.com/8/7670/17115168179_1ef30ac6e9_b.jpg" alt="Lucy">
           <div class="caption">
             <h2>Student Robotics 2014</h2>
-            <p><strong>Robot Name:</strong> Lucy</p>
+            <p><strong>Robot Name:</strong> Lucy
+            <br /><small>(No, it doesn't stand for anything)</small>
             <p><a href="{% url 'robotics:2014-index' %}" class="btn btn-srobo btn-block">More Info</a></p>
           </div>
         </div>
@@ -31,9 +34,11 @@
 
       <div class="col-sm-6">
         <div class="thumbnail">
+          <img src="https://c2.staticflickr.com/8/7726/17309695331_584e7de16c_b.jpg" alt="A.L.I.C.E">
           <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><strong>Robot Name : </strong> A.L.I.C.E
+            <br /><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 'robotics:2015-index' %}" class="btn btn-srobo btn-block" >More Info</a></p>
           </div>
         </div>