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 @@
<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>
......
......@@ -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>
......
......@@ -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>
......
......@@ -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>
......
......@@ -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;
......
  • 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