Merge 1734029 into a1ce9d9

anitab-org · May 5, 2018 · f17dd1a · f17dd1a
2 parents a1ce9d9 + 1734029
commit f17dd1a
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 16 deletions.
diff --git a/systers_portal/static/css/style.css b/systers_portal/static/css/style.css
@@ -49,7 +49,7 @@ body {
 
 /* Container styles
 -------------------------------------------------- */
-body > .container {
+body > .container, body > .container-fluid {
   padding: 60px 15px 0;
 }
 

diff --git a/systers_portal/templates/base.html b/systers_portal/templates/base.html
@@ -22,7 +22,7 @@
 
 <body>
 <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
+  <div class="container-fluid">
     <div class="navbar-header">
       <button type="button" class="navbar-toggle" data-toggle="collapse"
               data-target=".navbar-collapse">
@@ -137,7 +137,7 @@
   </div>
 {% endif %}
 
-<div class="container">
+<div class="container-fluid">
   {% block content %}{% endblock %}
 </div>
 

diff --git a/systers_portal/templates/common/about_us.html b/systers_portal/templates/common/about_us.html
@@ -2,11 +2,14 @@
 {% load staticfiles %}
 
 {% block content %}
-  <div class="container col-md-8 col-md-offset-2">
+<div class="container-fluid mt40">
+  <div class="col-md-8 col-md-offset-2 col-lg-10 col-lg-offset-1">
     <h1>About Systers</h1>
     <hr>
-    <img class="img-responsive" src="{% static 'img/about_systers.jpg' %}"
-           alt="Systers Communities">
+    <img class="img-responsive col-md-12 col-lg-12" src="{% static 'img/about_systers.jpg' %}"
+    alt="Systers Communities">
+  </div>
+  <div class="col-md-8 col-md-offset-2 col-lg-10 col-lg-offset-1">
     <p class="about-us-text">
       It’s important to know that you are not alone. Systers is a forum for all women involved in the technical aspects of computing. 
       The list has over 4,000 members from at least 54 countries around the world. We welcome the participation of women technologists of
@@ -19,6 +22,7 @@ <h1>About Systers</h1>
       communities are also offered where Systers can identify themselves culturally to share and offer support in challenges within
       their communities.
     </p>
-    <div class="mt40"></div>
   </div>
+  <div class="mt40"></div>
+</div>
 {% endblock %}
diff --git a/systers_portal/templates/common/contact.html b/systers_portal/templates/common/contact.html
@@ -2,7 +2,7 @@
 {% load staticfiles %}
 {% block content %}
 <!-- Facebook, Twitter, Linkedin, Github, Systers keeper: Rose Robinson -->
-  <div class="container col-md-8 col-md-offset-2">
+  <div class="container col-md-8 col-md-offset-2 col-lg-10 col-lg-offset-1 mt40">
     <h1>Contact Systers</h1>
     <hr>
     <p class="contact-text">

diff --git a/systers_portal/templates/common/index.html b/systers_portal/templates/common/index.html
@@ -16,7 +16,7 @@ <h1>Welcome to Systers Portal!</h1>
   </div>
   <hr class="featurette-divider">
   <div class="row featurette">
-    <div class="col-md-7">
+    <div class="col-md-7 col-lg-9">
       <h2 class="featurette-heading">Systers Communities</h2>
 
       <p class="lead">Special Interest communities are those communities where
@@ -25,7 +25,7 @@ <h2 class="featurette-heading">Systers Communities</h2>
       <a href="http://anitaborg.org/get-involved/systers/" role="button" target="_blank"
          class="btn btn-primary btn-lg mb15">Read more</a>
     </div>
-    <div class="col-md-5">
+    <div class="col-md-5 col-lg-3">
       <img class="img-responsive" src="{% static 'img/systers_communities.jpg' %}"
            alt="Systers Communities">
     </div>
@@ -34,11 +34,11 @@ <h2 class="featurette-heading">Systers Communities</h2>
   <hr class="featurette-divider">
 
   <div class="row featurette">
-    <div class="col-md-5">
+    <div class="col-md-5 col-lg-3">
       <img class="img-responsive" src="{% static 'img/systers_initiatives.jpg' %}"
           alt="Systers Initiatives">
     </div>
-    <div class="col-md-7 margin-responsive">
+    <div class="col-md-7 col-lg-9 margin-responsive">
       <h2 class="featurette-heading">Systers Initiatives</h2>
 
       <p class="lead">In order to honor Anita’s desire to create a network of women
@@ -52,7 +52,7 @@ <h2 class="featurette-heading">Systers Initiatives</h2>
   <hr class="featurette-divider">
 
   <div class="row featurette">
-    <div class="col-md-7">
+    <div class="col-md-7 col-lg-9">
       <h2 class="featurette-heading">Systers and CRA-W</h2>
 
       <p class="lead"><a href="http://www.cra-w.org/">CRA-W</a> is the Computing
@@ -62,7 +62,7 @@ <h2 class="featurette-heading">Systers and CRA-W</h2>
       <a href="http://anitaborg.org/get-involved/systers/systers-co-sponsored-cra-w-lists/"
          role="button" target="_blank" class="btn btn-primary btn-lg mb15">Read more</a>
     </div>
-    <div class="col-md-5">
+    <div class="col-md-5 col-lg-3">
       <img class="img-responsive" src="{% static 'img/systers_craw.jpg' %}"
           alt="Systers and CRA-W">
     </div>
@@ -71,11 +71,11 @@ <h2 class="featurette-heading">Systers and CRA-W</h2>
   <hr class="featurette-divider">
 
   <div class="row featurette">
-    <div class="col-md-5">
+    <div class="col-md-5 col-lg-3">
       <img class="img-responsive" src="{% static 'img/systers_technical_interests.jpg' %}"
           alt="Systers Technical Interests">
     </div>
-    <div class="col-md-7 margin-responsive">
+    <div class="col-md-7 col-lg-9 margin-responsive">
       <h2 class="featurette-heading">Systers Technical Interests</h2>
 
       <p class="lead">Systers Technical Interests include Entrepreneurs, Systers-TechTalk,