Verified Commit c7db9be0 authored by David Haynes's avatar David Haynes 🙆
Browse files

Baller SRCT jumbotron logo

- thanks flexbox
- also begin work on images on homepage
parent 0c200691
...@@ -2,13 +2,9 @@ ...@@ -2,13 +2,9 @@
<div class="jumbotron jumbostyle"> <div class="jumbotron jumbostyle">
<div class="container"> <div class="container">
<div class="row"> <div class="d-flex justify-content-center flex-wrap" id="srct-logo-home">
<div class="col-lg-offset-3 col-lg-2 col-md-offset-3 col-md-3 col-sm-offset-2 col-sm-3 col-xs-offset-2 col-xs-4"> <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="img-responsive" alt="SRCT's logo"/> <p class="xolonium srct-title">Student-Run<br />Computing&nbsp;+<br />Technology</p>
</div>
<div class="col-md-5">
<p class="xolonium srct-title">Student-Run<br />Computing&nbsp;+<br />Technology</p>
</div>
</div> </div>
</div> </div>
</div> </div>
\ No newline at end of file
...@@ -17,9 +17,9 @@ ...@@ -17,9 +17,9 @@
<div class="container"> <div class="container">
{{ content }} {{ content }}
</div> </div>
<div id="footer">
{% include footer.html %}
</div>
</body> </body>
<div id="footer">
{% include footer.html %}
</div>
</html> </html>
...@@ -34,9 +34,6 @@ jumbotron: true ...@@ -34,9 +34,6 @@ jumbotron: true
<div class="row smidge"> <div class="row smidge">
<legend><i class="fa fa-child fa-fw"></i>&nbsp;<strong>Initiatives</strong></legend> <legend><i class="fa fa-child fa-fw"></i>&nbsp;<strong>Initiatives</strong></legend>
<div class="col-lg-3 col-lg-push-9 col-md-offset-0 col-md-4 col-md-push-8 col-sm-offset-3 col-sm-6 col-xs-offset-3 col-xs-6 smidge">
<img src="/assets/img/openhatch.jpg" alt="Renfred and Daniel assist Heather, a student attending our Openhatch workshop in 2014." class="img-circle img-responsive center-block">
</div>
<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 smidge">
<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
...@@ -65,15 +62,9 @@ jumbotron: true ...@@ -65,15 +62,9 @@ jumbotron: true
your idea to fruition and deployment.</p> your idea to fruition and deployment.</p>
</div> </div>
<div class="col-xs-offset-2 col-xs-8 smidge"> <!-- Projects & Infrastructure Image -->
<hr /> <img src="/assets/img/openhatch.jpg" alt="Renfred and Daniel assist Heather, a student attending our Openhatch workshop in 2014." class="index-image">
</div>
<div class="col-xs-2">
</div>
<div class="col-lg-3 col-lg-push-9 col-md-offset-0 col-md-4 col-md-push-8 col-sm-offset-3 col-sm-6 col-xs-offset-3 col-xs-6 smidge">
<img src="/assets/img/bitcamp.jpg" alt="Michel and Ben compete at Bitcamp, a hackathon held at the university of Maryland, in 2014." class="img-circle img-responsive center-block">
</div>
<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 smidge">
<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
...@@ -99,15 +90,9 @@ jumbotron: true ...@@ -99,15 +90,9 @@ jumbotron: true
or to the next release.</p> or to the next release.</p>
</div> </div>
<div class="col-xs-offset-2 col-xs-8 smidge"> <!-- Events & Workshops Image -->
<hr /> <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">
</div>
<div class="col-xs-2">
</div>
<div class="col-lg-3 col-lg-push-9 col-md-offset-0 col-md-4 col-md-push-8 col-sm-offset-3 col-sm-6 col-xs-offset-3 col-xs-6 smidge">
<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="img-circle img-responsive center-block">
</div>
<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 smidge">
<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.
...@@ -131,6 +116,9 @@ jumbotron: true ...@@ -131,6 +116,9 @@ jumbotron: true
possible. Women and students from minority groups are welcomed and encouraged to possible. Women and students from minority groups are welcomed and encouraged to
participate and join. And if you're in CS 101, come say hello!</p> participate and join. And if you're in CS 101, come say hello!</p>
</div> </div>
<!-- Outreach & Community 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">
</div> </div>
<div class="row smidge"> <div class="row smidge">
......
...@@ -29,11 +29,19 @@ a[name] { ...@@ -29,11 +29,19 @@ a[name] {
.xolonium { .xolonium {
font-family: Xolonium; font-family: Xolonium;
} }
#srct-logo-home {
padding-top: 1rem;
}
.srct-logo {
height: 10rem;
width: 10rem;
}
.srct-title { .srct-title {
color: white; color: white;
font-size: 1.72em; font-size: 2rem;
text-shadow: 1px 1px 6px #333; padding-top: 0.35rem;
} padding-left: 0.5rem;
text-shadow: 1px 1px 6px #333;}
.jumbostyle { .jumbostyle {
background: url(/assets/img/meeting.jpg) no-repeat; background: url(/assets/img/meeting.jpg) no-repeat;
background-size: cover; background-size: cover;
...@@ -41,6 +49,7 @@ a[name] { ...@@ -41,6 +49,7 @@ a[name] {
box-shadow: inset 0px 0px 20px #333; box-shadow: inset 0px 0px 20px #333;
padding-top: 100px; padding-top: 100px;
padding-bottom: 100px; padding-bottom: 100px;
border-radius: unset;
} }
.srctlogo { .srctlogo {
width: 10px; width: 10px;
...@@ -67,6 +76,12 @@ a[name] { ...@@ -67,6 +76,12 @@ a[name] {
padding-left:15px; padding-left:15px;
} }
} }
.index-image {
border-radius: 50%;
height: 15rem;
}
/** /**
* A cool little hack I found to try to allow a responsive Google Cal: * A cool little hack I found to try to allow a responsive Google Cal:
* http://themeloom.com/2013/02/tips-embed-google-maps-and-calendars-in-a-responsive-wordpress-theme/ * http://themeloom.com/2013/02/tips-embed-google-maps-and-calendars-in-a-responsive-wordpress-theme/
......
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