restyle projects page

theme/static/src/scss/library-overrides.scss

@@ -1,4 +1,3 @@
-/* @group Bootstrap Panels */
 .panel-green {
   @include panel-variant(#139F5B, $white, #139F5B, #139F5B);
 }
@@ -6,10 +5,7 @@
 .panel-blue {
   @include panel-variant(#337AB7, $white, #337AB7, #337AB7);
 }
-/* @end Bootstrap Panels */
 
-
-/* @group Bootstrap buttons */
 .btn {
   border-radius: 0;
 }
@@ -17,18 +13,12 @@
 .btn.btn-github {
   @include button-variant(#333, #F5F5F5, #D8D8D8);
 }
-/* @end Bootstrap buttons */
 
-
-/* @group Pygments */
 .highlight > pre {
   background-color: transparent;
   font-size: $font-size-base;
 }
-/* @end Pygments */
 
-
-/* @group backgrounds */
 .btn-primary-dark {
   @include button-variant($white, $brand-orange-dark, $brand-orange-dark);
 }
@@ -38,4 +28,7 @@
     color: $brand-grey-dark;
   }
 }
-/* @end backgrounds */
+
+section {
+  padding: 75px 0;
+}

theme/templates/projects.html

@@ -6,13 +6,9 @@
 
 {% block content %}
   <section class="bg-primary">
-    <div class="container">
-      <div class="row">
-        <div class="col-lg-8 col-lg-offset-2 text-center">
-          <h1 class="section-heading">{{ article.title }}</h1>
-          <hr class="light">
-        </div>
-      </div>
+    <div class="container text-center text-uppercase">
+      <h1 class="section-heading uppercase">{{ article.title }}</h1>
+      <hr class="light">
     </div>
   </section>
   <section>
@@ -26,7 +22,7 @@
   <div class="container text-center">
     <div class="btn-group">
       {% if article.download_link %}
-        <a class="btn btn-primary btn-xl" href="{{ article.download_link }}" download="Attack-on-blocks.zip">Download {{ article.title }}</a>
+        <a class="btn btn-primary btn-xl" href="{{ article.download_link }}">Download {{ article.title }}</a>
       {% endif %}
       {% if article.repo %}
         <a class="btn btn-github btn-xl" href="{{ article.repo }}"><i class="fa fa-github fa-lg"></i> View on Github</a>