Commit 4c46e82f authored by tomatocurry1's avatar tomatocurry1

Replace all standalone spacing styles with Bootstrap features

parent c413e564
Pipeline #4685 passed with stages
in 48 seconds
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="jumbotron jumbostyle"> <div class="jumbotron jumbostyle">
<div class="container"> <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"/> <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> <p class="xolonium srct-title">Student-Run<br />Computing&nbsp;+<br />Technology</p>
</div> </div>
......
...@@ -34,7 +34,7 @@ srct-devs@lists.srct.gmu.edu ...@@ -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> <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"> <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> <i class="fab fa-facebook fa-fw fa-lg"></i>&nbsp;&nbsp;<a href="https://facebook.com/MasonSRCT">facebook.com/MasonSRCT</a>
</div> </div>
...@@ -46,7 +46,7 @@ srct-devs@lists.srct.gmu.edu ...@@ -46,7 +46,7 @@ srct-devs@lists.srct.gmu.edu
<a href="https://github.com/srct">github.com/srct</a> <a href="https://github.com/srct">github.com/srct</a>
</div> </div>
</div> </div>
<div class="row smidge"> <div class="row pb-2">
<div class="col-sm-4"> <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> <i class="fab fa-trello fa-fw fa-lg"></i>&nbsp;&nbsp;<a href="https://trello.com/srct">trello.com/srct</a>
</div> </div>
......
...@@ -6,7 +6,7 @@ description: "Mason SRCT is a student organization at George Mason University th ...@@ -6,7 +6,7 @@ description: "Mason SRCT is a student organization at George Mason University th
jumbotron: true jumbotron: true
--- ---
<div class="smidge text-center"> <div class="pb-2 text-center">
<h4> <h4>
<i class="fas fa-gavel fa-fw"></i>&nbsp;<strong>Next Meeting</strong> <i class="fas fa-gavel fa-fw"></i>&nbsp;<strong>Next Meeting</strong>
&nbsp; &nbsp;
...@@ -14,14 +14,14 @@ jumbotron: true ...@@ -14,14 +14,14 @@ jumbotron: true
</h4> </h4>
</div> </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"> <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> <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> </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> <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"> <div class="col-md-12">
<p><strong>S</strong>tudent-<strong>R</strong>un <strong>C</strong>omputing and <p><strong>S</strong>tudent-<strong>R</strong>un <strong>C</strong>omputing and
...@@ -35,13 +35,13 @@ jumbotron: true ...@@ -35,13 +35,13 @@ jumbotron: true
</div> </div>
</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> <legend><i class="fas fa-child fa-fw"></i>&nbsp;<strong><a id="Initiatives" href="#Initiatives">Initiatives</a></strong></legend>
<!-- Projects & Infrastructure Responsive Image --> <!-- 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"> <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> <h4><strong>Projects & Infrastructure</strong></h4>
<p>Our primary purpose is improving life at Mason by developing and hosting <p>Our primary purpose is improving life at Mason by developing and hosting
software services. We give students the opportunity to build their computing software services. We give students the opportunity to build their computing
...@@ -75,7 +75,7 @@ jumbotron: true ...@@ -75,7 +75,7 @@ jumbotron: true
<!-- Events & Workshops Responsive Image --> <!-- 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"> <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> <h4><strong>Events & Workshops</strong></h4>
<p>We work to offer opportunities for Mason students to strengthen their skills and <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 further their leadership experience through a broad variety of events throughout
...@@ -106,7 +106,7 @@ jumbotron: true ...@@ -106,7 +106,7 @@ jumbotron: true
<!-- Outreach & Community Responsive Image --> <!-- 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"> <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> <h4><strong>Outreach & Community</strong></h4>
<p>We believe in returning the skills we've learned together back to our community. <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 Our student membership works to provide other students with hands-on learning
...@@ -134,12 +134,12 @@ jumbotron: true ...@@ -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"> <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>
<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> <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="row">
<div class="col-lg-4 d-flex align-items-stretch"> <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"> <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> <h4 class="card-title text-center"><i class="fas fa-comments fa-fw"></i> Get In Touch</h4>
</div> </div>
...@@ -173,7 +173,7 @@ jumbotron: true ...@@ -173,7 +173,7 @@ jumbotron: true
</div> </div>
<div class="col-lg-4 d-flex align-items-stretch"> <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"> <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> <h4 class="card-title text-center"><i class="fas fa-heart fa-fw"></i> Stop On By</h4>
</div> </div>
...@@ -206,7 +206,7 @@ jumbotron: true ...@@ -206,7 +206,7 @@ jumbotron: true
</div> </div>
<div class="col-lg-4 d-flex align-items-stretch"> <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"> <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> <h4 class="card-title text-center"><i class="fas fa-copy fa-fw"></i> Additional Resources</h4>
</div> </div>
......
...@@ -11,7 +11,7 @@ description: "Projects created and maintained by SRCT's members." ...@@ -11,7 +11,7 @@ description: "Projects created and maintained by SRCT's members."
<div class="row"> <div class="row">
{% for project in site.data.projects %} {% for project in site.data.projects %}
{% if project.status == 'active' %} {% 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> <a class="project-link" name="{{ project.name }}" href="#{{ project.name }}"><i class="{{ project.fa_icon }} project-icon"></i></a>
<legend> <legend>
<strong>{{ project.name }}</strong> <strong>{{ project.name }}</strong>
...@@ -28,7 +28,7 @@ description: "Projects created and maintained by SRCT's members." ...@@ -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.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 %} {% if project.language %}<strong class="project-role">Language:</strong> {{ project.language }}{% endif %}
<p class="project-text"> <p class="mt-2 pb-3">
{{ project.blurb }} {{ project.blurb }}
</p> </p>
</div> </div>
...@@ -43,7 +43,7 @@ description: "Projects created and maintained by SRCT's members." ...@@ -43,7 +43,7 @@ description: "Projects created and maintained by SRCT's members."
<div class="row"> <div class="row">
{% for project in site.data.projects %} {% for project in site.data.projects %}
{% if project.status == 'in_dev' %} {% 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> <a class="project-link" name="{{ project.name }}" href="#{{ project.name }}"><i class="{{ project.fa_icon }} project-icon"></i></a>
<legend> <legend>
<strong>{{ project.name }}</strong> <strong>{{ project.name }}</strong>
...@@ -59,7 +59,7 @@ description: "Projects created and maintained by SRCT's members." ...@@ -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.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 %} {% if project.language %}<strong class="project-role">Language:</strong> {{ project.language }}{% endif %}
<p class="project-text"> <p class="mt-2 pb-3">
{{ project.blurb }} {{ project.blurb }}
</p> </p>
</div> </div>
...@@ -74,7 +74,7 @@ description: "Projects created and maintained by SRCT's members." ...@@ -74,7 +74,7 @@ description: "Projects created and maintained by SRCT's members."
<div class="row"> <div class="row">
{% for project in site.data.projects %} {% for project in site.data.projects %}
{% if project.status == 'inactive' %} {% 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> <a class="project-link" name="{{ project.name }}" href="#{{ project.name }}"><i class="{{ project.fa_icon }} project-icon"></i></a>
<legend> <legend>
<strong>{{ project.name }}</strong> <strong>{{ project.name }}</strong>
...@@ -90,7 +90,7 @@ description: "Projects created and maintained by SRCT's members." ...@@ -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.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 %} {% if project.language %}<strong class="project-role">Language:</strong> {{ project.language }}{% endif %}
<p class="project-text"> <p class="mt-2 pb-3">
{{ project.blurb }} {{ project.blurb }}
</p> </p>
</div> </div>
...@@ -105,7 +105,7 @@ description: "Projects created and maintained by SRCT's members." ...@@ -105,7 +105,7 @@ description: "Projects created and maintained by SRCT's members."
<div class="row"> <div class="row">
{% for project in site.data.projects %} {% for project in site.data.projects %}
{% if project.status == 'ideas' %} {% 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> <a class="project-link" name="{{ project.name }}" href="#{{ project.name }}"><i class="{{ project.fa_icon }} project-icon"></i></a>
<legend> <legend>
<strong>{{ project.name }}</strong> <strong>{{ project.name }}</strong>
...@@ -121,7 +121,7 @@ description: "Projects created and maintained by SRCT's members." ...@@ -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.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 %} {% if project.language %}<strong class="project-role">Language:</strong> {{ project.language }}{% endif %}
<p class="project-text"> <p class="mt-2 pb-3">
{{ project.blurb }} {{ project.blurb }}
</p> </p>
</div> </div>
......
...@@ -34,10 +34,6 @@ a[name] { ...@@ -34,10 +34,6 @@ a[name] {
font-family: Xolonium; font-family: Xolonium;
} }
#srct-logo-home {
padding-top: 1rem;
}
.srct-logo { .srct-logo {
height: 10rem; height: 10rem;
width: 10rem; width: 10rem;
...@@ -65,37 +61,6 @@ a[name] { ...@@ -65,37 +61,6 @@ a[name] {
width: 10px; 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 { .index-image {
border-radius: 50%; border-radius: 50%;
height: 15rem; height: 15rem;
...@@ -135,10 +100,6 @@ a[name] { ...@@ -135,10 +100,6 @@ a[name] {
/** Projects Page **/ /** Projects Page **/
.project-entry {
margin-bottom: 10px;
}
.project-icon { .project-icon {
text-align: center; text-align: center;
display: block; display: block;
...@@ -179,11 +140,6 @@ a[name] { ...@@ -179,11 +140,6 @@ a[name] {
font-size: 0.9em; font-size: 0.9em;
} }
.project-text {
margin-top: 10px;
padding-bottom: 15px;
}
#banner { #banner {
padding-top: 2rem; padding-top: 2rem;
background: #e4e6d7; background: #e4e6d7;
......
  • I also removed people-left and right cause it wasn't being used but I guess I can put it back if needed

Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment