Merge branch '61-Bootstrap4.0-Spacing' into 'master'

Replace all standalone spacing styles with Bootstrap features

Closes #61

See merge request !86

srctweb/_includes/jumbotron.html

@@ -2,7 +2,7 @@
 
 <div class="jumbotron jumbostyle">
   <div class="container">
-    <div class="d-flex justify-content-center flex-wrap" id="srct-logo-home">
+    <div class="d-flex justify-content-center flex-wrap pt-3" id="srct-logo-home">
       <img src="/assets/img/SRCT_sq_white_shadow.png" class="srct-logo" alt="SRCT's logo"/>
       <p class="xolonium srct-title">Student-Run<br />Computing&nbsp;+<br />Technology</p>
     </div>

srctweb/_pages/contact.html

@@ -34,7 +34,7 @@ srct-devs@lists.srct.gmu.edu
 
 <legend><i class="fas fa-users fa-fw"></i>&nbsp;<strong>Social Media</strong></legend>
 
-<div class="row smidge">
+<div class="row pb-2">
   <div class="col-sm-4 centered">
     <i class="fab fa-facebook fa-fw fa-lg"></i>&nbsp;&nbsp;<a href="https://facebook.com/MasonSRCT">facebook.com/MasonSRCT</a>
   </div>
@@ -46,7 +46,7 @@ srct-devs@lists.srct.gmu.edu
     <a href="https://github.com/srct">github.com/srct</a>
   </div>
 </div>
-<div class="row smidge">
+<div class="row pb-2">
   <div class="col-sm-4">
     <i class="fab fa-trello fa-fw fa-lg"></i>&nbsp;&nbsp;<a href="https://trello.com/srct">trello.com/srct</a>
   </div>

srctweb/_pages/home.html

@@ -6,7 +6,7 @@ description: "Mason SRCT is a student organization at George Mason University th
 jumbotron: true
 ---
 
-<div class="smidge text-center">
+<div class="pb-2 text-center">
     <h4>
       <i class="fas fa-gavel fa-fw"></i>&nbsp;<strong>Next Meeting</strong>
       &nbsp;
@@ -14,14 +14,14 @@ jumbotron: true
     </h4>
 </div>
 
-<div class="btn-toolbar smidge d-flex justify-content-center">
+<div class="btn-toolbar pb-2 d-flex justify-content-center">
   <div class="btn-group mr-4 mb-2" role="group">
     <a href="https://srct.slack.com" class="btn btn-outline-primary btn-lg"><i class="fab fa-slack" aria-hidden="true"></i> Join SRCT on Slack</a>  
   </div>
 </div>
 
 
-<div class="smidge">
+<div class="pb-2">
   <legend><i class="fas fa-bullhorn fa-fw"></i>&nbsp;<strong><a id="Mission" href="#Mission">Mission</a></strong></legend>
   <div class="col-md-12">
     <p><strong>S</strong>tudent-<strong>R</strong>un <strong>C</strong>omputing and
@@ -35,13 +35,13 @@ jumbotron: true
   </div>
 </div>
 
-<div class="row smidge">
+<div class="row pb-2">
   <legend><i class="fas fa-child fa-fw"></i>&nbsp;<strong><a id="Initiatives" href="#Initiatives">Initiatives</a></strong></legend>
 
   <!-- Projects & Infrastructure Responsive Image -->
   <img src="/assets/img/openhatch.jpg" alt="Renfred and Daniel assist Heather, a student attending our Openhatch workshop in 2014." class="index-image d-md-none d-flex mx-auto">  
   
-  <div class="col-lg-9 col-lg-pull-3 col-md-8 col-md-pull-4 col-sm-12 col-xs-12 smidge">
+  <div class="col-lg-9 col-lg-pull-3 col-md-8 col-md-pull-4 col-sm-12 col-xs-12 pb-2">
     <h4><strong>Projects & Infrastructure</strong></h4>
       <p>Our primary purpose is improving life at Mason by developing and hosting
          software services. We give students the opportunity to build their computing
@@ -75,7 +75,7 @@ jumbotron: true
   <!-- Events & Workshops Responsive Image -->
   <img src="/assets/img/bitcamp.jpg" alt="Michel and Ben compete at Bitcamp, a hackathon held at the university of Maryland, in 2014." class="index-image d-md-none d-flex mx-auto">
   
-  <div class="col-lg-9 col-lg-pull-3 col-md-8 col-md-pull-4 col-sm-12 col-xs-12 smidge">
+  <div class="col-lg-9 col-lg-pull-3 col-md-8 col-md-pull-4 col-sm-12 col-xs-12 pb-2">
     <h4><strong>Events & Workshops</strong></h4>
       <p>We work to offer opportunities for Mason students to strengthen their skills and
          further their leadership experience through a broad variety of events throughout
@@ -106,7 +106,7 @@ jumbotron: true
   <!-- Outreach & Community Responsive Image -->
   <img src="/assets/img/org-fair.jpg" alt="Chris, Melissa, and Luca  stand at our table for Student Involvement's Get Connected student org fair in the beginning of fall 2014." class="index-image d-md-none d-flex mx-auto">
   
-  <div class="col-lg-9 col-lg-pull-3 col-md-8 col-md-pull-4 col-sm-12 col-xs-12 smidge">
+  <div class="col-lg-9 col-lg-pull-3 col-md-8 col-md-pull-4 col-sm-12 col-xs-12 pb-2">
     <h4><strong>Outreach & Community</strong></h4>
       <p>We believe in returning the skills we've learned together back to our community.
          Our student membership works to provide other students with hands-on learning
@@ -134,12 +134,12 @@ jumbotron: true
   <img src="/assets/img/org-fair.jpg" alt="Chris, Melissa, and Luca  stand at our table for Student Involvement's Get Connected student org fair in the beginning of fall 2014." class="index-image d-none d-lg-block">
 </div>
 
-<div class="smidge">
+<div class="pb-2">
   <legend><i class="fas fa-laptop fa-fw"></i>&nbsp;<strong><a id="GettingInvolved" href="#GettingInvolved">Getting Involved</a></strong></legend>
 
   <div class="row">
       <div class="col-lg-4 d-flex align-items-stretch">
-          <div class="card border-primary index-card">
+          <div class="card border-primary mb-3">
               <div class="card-header text-white bg-primary">
                   <h4 class="card-title text-center"><i class="fas fa-comments fa-fw"></i> Get In Touch</h4>
               </div>
@@ -173,7 +173,7 @@ jumbotron: true
       </div>
 
       <div class="col-lg-4 d-flex align-items-stretch">
-          <div class="card border-primary index-card">
+          <div class="card border-primary mb-3">
               <div class="card-header text-white bg-primary">
                   <h4 class="card-title text-center"><i class="fas fa-heart fa-fw"></i> Stop On By</h4>
               </div>
@@ -206,7 +206,7 @@ jumbotron: true
       </div>
 
       <div class="col-lg-4 d-flex align-items-stretch">
-          <div class="card border-primary index-card">
+          <div class="card border-primary mb-3">
               <div class="card-header text-white bg-primary">
                   <h4 class="card-title text-center"><i class="fas fa-copy fa-fw"></i> Additional Resources</h4>
               </div>

srctweb/_pages/projects.html

@@ -11,7 +11,7 @@ description: "Projects created and maintained by SRCT's members."
 <div class="row">
   {% for project in site.data.projects %}
     {% if project.status == 'active' %}
-      <div class="col-lg-6 project-entry">
+      <div class="col-lg-6 mb-2">
         <a class="project-link" name="{{ project.name }}" href="#{{ project.name }}"><i class="{{ project.fa_icon }} project-icon"></i></a>
         <legend>
           <strong>{{ project.name }}</strong>
@@ -28,7 +28,7 @@ description: "Projects created and maintained by SRCT's members."
         {% if project.next_release %}<strong class="project-role">Next Release:</strong> <a href="{{ project.next_release_url }}">{{ project.next_release }}</a><br>{% endif %}
         {% if project.language %}<strong class="project-role">Language:</strong> {{ project.language }}{% endif %}
         
-        <p class="project-text">
+        <p class="mt-2 pb-3">
           {{ project.blurb }}
         </p>
       </div>
@@ -43,7 +43,7 @@ description: "Projects created and maintained by SRCT's members."
 <div class="row">
   {% for project in site.data.projects %}
     {% if project.status == 'in_dev' %}
-      <div class="col-lg-6 project-entry">
+      <div class="col-lg-6 mb-2">
         <a class="project-link" name="{{ project.name }}" href="#{{ project.name }}"><i class="{{ project.fa_icon }} project-icon"></i></a>
         <legend>
           <strong>{{ project.name }}</strong>
@@ -59,7 +59,7 @@ description: "Projects created and maintained by SRCT's members."
         {% if project.next_release %}<strong class="project-role">Next Release:</strong> <a href="{{ project.next_release_url }}">{{ project.next_release }}</a><br>{% endif %}
         {% if project.language %}<strong class="project-role">Language:</strong> {{ project.language }}{% endif %}
         
-        <p class="project-text">
+        <p class="mt-2 pb-3">
           {{ project.blurb }}
         </p>
       </div>
@@ -74,7 +74,7 @@ description: "Projects created and maintained by SRCT's members."
 <div class="row">
   {% for project in site.data.projects %}
     {% if project.status == 'inactive' %}
-      <div class="col-lg-6 project-entry">
+      <div class="col-lg-6 mb-2">
         <a class="project-link" name="{{ project.name }}" href="#{{ project.name }}"><i class="{{ project.fa_icon }} project-icon"></i></a>
         <legend>
           <strong>{{ project.name }}</strong>
@@ -90,7 +90,7 @@ description: "Projects created and maintained by SRCT's members."
         {% if project.next_release %}<strong class="project-role">Next Release:</strong> <a href="{{ project.next_release_url }}">{{ project.next_release }}</a><br>{% endif %}
         {% if project.language %}<strong class="project-role">Language:</strong> {{ project.language }}{% endif %}
         
-        <p class="project-text">
+        <p class="mt-2 pb-3">
           {{ project.blurb }}
         </p>
       </div>
@@ -105,7 +105,7 @@ description: "Projects created and maintained by SRCT's members."
 <div class="row">
   {% for project in site.data.projects %}
     {% if project.status == 'ideas' %}
-      <div class="col-lg-6 project-entry">
+      <div class="col-lg-6 mb-2">
         <a class="project-link" name="{{ project.name }}" href="#{{ project.name }}"><i class="{{ project.fa_icon }} project-icon"></i></a>
         <legend>
           <strong>{{ project.name }}</strong>
@@ -121,7 +121,7 @@ description: "Projects created and maintained by SRCT's members."
         {% if project.next_release %}<strong class="project-role">Next Release:</strong> <a href="{{ project.next_release_url }}">{{ project.next_release }}</a><br>{% endif %}
         {% if project.language %}<strong class="project-role">Language:</strong> {{ project.language }}{% endif %}
         
-        <p class="project-text">
+        <p class="mt-2 pb-3">
           {{ project.blurb }}
         </p>
       </div>

srctweb/assets/css/style.css

@@ -34,10 +34,6 @@ a[name] {
   font-family: Xolonium;
 }
 
-#srct-logo-home {
-  padding-top: 1rem;
-}
-
 .srct-logo {
   height: 10rem;
   width: 10rem;
@@ -65,37 +61,6 @@ a[name] {
   width: 10px;
 }
 
-.smidge {
-  padding-bottom: 10px;
-}
-
-.smidgen {
-  padding-bottom: 5px;
-}
-
-.people-left {
-  padding-left: 0;
-  padding-right: 0;
-}
-
-.people-right {
-  padding-right: 0;
-  padding-left: 0;
-}
-
-@media(min-width:992px) {
-  .people-left {
-    padding-right: 15px;
-  }
-  .people-right {
-    padding-left: 15px;
-  }
-}
-
-.index-card {
-  margin-bottom: 1rem;
-}
-
 .index-image {
   border-radius: 50%;
   height: 15rem;
@@ -135,10 +100,6 @@ a[name] {
 
 /** Projects Page **/
 
-.project-entry {
-  margin-bottom: 10px;
-}
-
 .project-icon {
   text-align: center;
   display: block;
@@ -179,11 +140,6 @@ a[name] {
   font-size: 0.9em;
 }
 
-.project-text {
-  margin-top: 10px;
-  padding-bottom: 15px;
-}
-
 #banner {
   padding-top: 2rem;
   background: #e4e6d7;