1
Fork 0

make robotics index follow theme

This commit is contained in:
Jake Howard 2017-01-19 21:03:48 +00:00
parent fe6f1d300b
commit 44d8251ebc
3 changed files with 32 additions and 25 deletions

View file

@ -10,3 +10,9 @@
.text-shadow { .text-shadow {
text-shadow: 0 5px 3px $brand-grey-dark; text-shadow: 0 5px 3px $brand-grey-dark;
} }
.outer-gutter {
padding: 0 $grid-gutter-width / 2;
@extend .no-gutter;
}

View file

@ -15,11 +15,6 @@
@include button-variant(#333, #F5F5F5, #D8D8D8); @include button-variant(#333, #F5F5F5, #D8D8D8);
} }
.btn-srobo {
@include button-variant($white, $srobo-blue, darken($srobo-blue, 5%));
}
.highlight > pre { .highlight > pre {
font-size: $font-size-base; font-size: $font-size-base;
} }

View file

@ -12,29 +12,35 @@ More information can be found on [their website](https://studentrobotics.org).
## My Entries ## My Entries
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 a large amount of the content the content still remains. 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 a large amount of the content the content still remains.
<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">
<h3>Student Robotics 2014</h3>
<p><strong>Robot Name:</strong> Lucy
<br /><small>(No, it doesn't stand for anything)</small>
<p><a href="/robotics/2014/" class="btn btn-srobo btn-block">More Info</a></p>
</div>
</div>
</div>
<div class="row outer-gutter">
<div class="col-sm-6"> <div class="col-sm-6">
<div class="thumbnail"> <a href="/robotics/2014/" class="portfolio-box image" data-image="https://c2.staticflickr.com/8/7670/17115168179_1ef30ac6e9_b.jpg">
<img src="https://c2.staticflickr.com/8/7726/17309695331_584e7de16c_b.jpg" alt="A.L.I.C.E"> <div class="portfolio-box-caption">
<div class="caption"> <div class="portfolio-box-caption-content">
<h3>Student Robotics 2015</h3> <div class="project-name">
<p><strong>Robot Name : </strong> A.L.I.C.E <h2>2014</h2>
<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> </div>
<p><a href="/robotics/2015/" class="btn btn-srobo btn-block" >More Info</a></p> <div class="project-category">
<i>Lucy</i>
</div>
</div>
</div> </div>
</div> </a>
</div>
<div class="col-sm-6">
<a href="/robotics/2015/" class="portfolio-box image" data-image="https://c2.staticflickr.com/8/7726/17309695331_584e7de16c_b.jpg">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-name">
<h2>2015</h2>
</div>
<div class="project-category">
<i>A.L.I.C.E</i>
</div>
</div>
</div>
</a>
</div> </div>
</div> </div>