Merge branch 'master' of https://github.com/CHSCodeForChange/Organiza…

…tionWebsite-ClientFacing

resources/templates/activity.html

@@ -1,9 +1,6 @@
 {% extends 'header.html' %}
 
 {% block content %}
-	<div style="width: 70%; height: 20%; margin: 5% 15% 5% 15%;">
-		<center><h1 style="font-size: 5em;">Recent Activity</h1></center>
-	</div>
 	<div id="pixlee_container"></div>
 	<script type="text/javascript">window.PixleeAsyncInit = function () {
         Pixlee.init({apiKey: '3iaXM3cPwbnCjeXSIALk'});

resources/templates/header.html

@@ -60,12 +60,10 @@
 
     {% endblock %}
 
-
     <!-- Footer -->
-    <footer class="py-5 bg-black">
+    <footer class="py-5 bg-black" style="padding: 1% !important; background-color: #1a1a1a !important;">
       <div class="container" style="width: 100% !important;">
         <p class="m-0 text-center text-white medium">Code For Change USA 2018</p>
-
       </div>
       <!-- /.container -->
     </footer>

resources/templates/index.html

@@ -266,12 +266,8 @@ <h2 class="display-4 subhead">Our Locations</h2>
 	</div>
 
 
-	<div id="contact" style="height: 70%; width:100%; margin: 0px; background: url('/static/img/slideshow/1.jpg') no-repeat center center fixed;
-  -webkit-background-size: cover;
-  -moz-background-size: cover;
-  -o-background-size: cover;
-  background-size: cover;auto; padding-top: 15%; padding-bottom: 15%; background-image: url('/static/img/slideshow/1.jpg');">
-		<div style="float: right; margin-right: 10%; color: white;">
+	<div id="contact" style="height: 100%; width:100%; margin: 0px; background: url('/static/img/extra/1.jpg') no-repeat center center fixed; background-size: cover; padding-top: 15%; padding-bottom: 15%;">
+		<div style="margin-left: 10%; display: block; color: white;">
 			<h1>Got A Project?</h1>
 			<h2>Email us at <a href="mailto:codeforchangeusa@email.com">codeforchangeusa@gmail.com</a></h2>
 			<h2>Message on <a href="https://www.instagram.com/chscodeforchange/">Instagram</a></h2>

resources/templates/team.html

@@ -8,61 +8,63 @@ <h1 class="display-1 headline">Leadership Team</h1>
 
     <div class="row">
       <div class="column">
-        <div class="card">
+        <div class="card h-100">
           <img class="portrait" src="/static/img/armaan.jpg" alt="Armaan Goel">
-          <div class="container">
-            <h2 style="margin-top:1rem;">Armaan Goel</h2>
+<div class="card-body">            <h2 style="margin-top:1rem;">Armaan Goel</h2>
             <p class="title">President &amp; Founder</p>
             <p style="padding-bottom:8%">Armaan got the idea for the club when visiting a “civic hackathon” in Indianapolis: a 24 hour event where teams compete to find coding solutions to community problems. Besides Code for Change, he also participates in the HiLite Newspaper, Techounds Robotics Team, Science Olympiad, and Boy Scouts. In his free time he likes to program, bike and go camping.</p>
-            <div class="contact-button"><a href="mailto:armaangoel78@gmail.com" target="_blank" class="btn btn-primary btn-xl rounded-pill2 mt-1">Contact</a></div>
+        <div style="position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, 0);"> <a style="display: inline-block;" href="mailto:armaangoel78@gmail.com" target="_blank" class="btn btn-primary btn-xl rounded-pill2 mt-1">Contact</a></div>
+            <div style="visibility: hidden; margin-top: 5%;display: flex; justify-content: center; align-items: center;"> <a style="display: inline-block;" href="mailto:andrewsleugh@gmail.com" target="_blank" class="btn btn-primary btn-xl rounded-pill2 mt-1">Contact</a></div>
           </div>
         </div>
       </div>
 
       <div class="column">
-        <div class="card">
+        <div class="card h-100">
           <img class="portrait" src="/static/img/evan.jpg" alt="Evan Kenyon">
-          <div class="container">
-            <h2 style="margin-top:1rem;">Evan Kenyon</h2>
+<div class="card-body">            <h2 style="margin-top:1rem;">Evan Kenyon</h2>
             <p class="title">Vice President</p>
             <p>Evan assisted in starting the club when Armaan told him about the Civic Hackathons. Evan worked at an electronic health records company over this past summer doing coding. He is also the digital design officer of Rho Kappa, troubleshoot lead of Computer Building Club and he is participating in the school robotics team and Model UN. In his free time, he likes to hang out with his friends and family.</p>
-            <div class="contact-button"><a href="mailto:evan.m.kenyon@gmail.com" target="_blank" class="btn btn-primary btn-xl rounded-pill2 mt-1">Contact</a></div>
+            <div style="position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, 0);"> <a style="display: inline-block;" href="mailto:evan.m.kenyon@gmail.com" target="_blank" class="btn btn-primary btn-xl rounded-pill2 mt-1">Contact</a></div>
+            <div style="visibility: hidden; margin-top: 5%;display: flex; justify-content: center; align-items: center;"> <a style="display: inline-block;" href="mailto:andrewsleugh@gmail.com" target="_blank" class="btn btn-primary btn-xl rounded-pill2 mt-1">Contact</a></div>
           </div>
         </div>
       </div>
 
       <div class="column">
-        <div class="card">
+        <div class="card h-100">
           <img class="portrait" src="/static/img/jared.jpg" alt="Jared Stigter">
-          <div class="container">
-            <h2 style="margin-top:1rem;">Jared Stigter</h2>
+<div class="card-body">            <h2 style="margin-top:1rem;">Jared Stigter</h2>
             <p class="title">Chief Technology Officer</p>
             <p>When Armaan Goel approached Jared with the idea of a club dedicated to serving the community and a possible project to start, Jared jumped on board. He has been programming for several years and has developed a variety of skills. Besides Code For Change, Jared works part time and continues to develop other projects on the side, and enjoys computers, games, and movies.</p>
-            <div class="contact-button"><a href="mailto:jaredstigter@gmail.com" target="_blank" class="btn btn-primary btn-xl rounded-pill2 mt-1">Contact</a></div>
+                   <div style="position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, 0);"> <a style="display: inline-block;" href="mailto:jaredstigter@gmail.com" target="_blank" class="btn btn-primary btn-xl rounded-pill2 mt-1">Contact</a></div>
+            <div style="visibility: hidden; margin-top: 5%;display: flex; justify-content: center; align-items: center;"> <a style="display: inline-block;" href="mailto:andrewsleugh@gmail.com" target="_blank" class="btn btn-primary btn-xl rounded-pill2 mt-1">Contact</a></div>
           </div>
         </div>
       </div>
 
 	    <div class="column">
-        <div class="card">
+        <div class="card h-100">
           <img class="portrait img-responsive" src="/static/img/joe.jpg" alt="Joseph Paavola">
-          <div class="container">
+          <div class="card-body">
             <h2 style="margin-top:1rem;">Joseph Paavola</h2>
             <p class="title">Lead Developer</p>
-            <p>Joe was offered a position when the club was first founded but declined due to prior commitments. When his schedule cleared up he immediately started to help build Code for Change's first major project: Sapphire. When he isn't debugging a Code For Change project, Joe competes in Science Olympiad, goes backpacking with his family and plays music with his brother.</p>
-            <div class="contact-button"><a href="http://paavola.me/portfolio/about/" target="_blank" class="btn btn-primary btn-xl rounded-pill2 mt-1">Contact</a></div>
+            <p class="card-text">Joe was offered a position when the club was first founded but declined due to prior commitments. When his schedule cleared up he immediately started to help build Code for Change's first major project: Sapphire. When he isn't debugging a Code For Change project, Joe competes in Science Olympiad, goes backpacking with his family and plays music with his brother.</p>
+            <div style="position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, 0);"> <a style="display: inline-block;" href="http://paavola.me/portfolio/about/" target="_blank" class="btn btn-primary btn-xl rounded-pill2 mt-1">Contact</a></div>
+            <div style="visibility: hidden; margin-top: 5%;display: flex; justify-content: center; align-items: center;"> <a style="display: inline-block;" href="mailto:andrewsleugh@gmail.com" target="_blank" class="btn btn-primary btn-xl rounded-pill2 mt-1">Contact</a></div>
           </div>
         </div>
       </div>
 
        <div class="column">
-        <div class="card">
+        <div class="card h-100">
           <img class="portrait img-fluid" src="/static/img/andrew.jpg" alt="Andrew Sleugh">
-          <div class="container">
+          <div class="card-body">
             <h2 style="margin-top:1rem;">Andrew Sleugh</h2>
             <p class="title">Administrative Director</p>
-            <p>Andrew has worked with Code For Change since it first began. When it became clear that better communication and public relations would be vital to the club's development, Andrew stepped up to bat. He has been invaluable in keeping everyone in the loop and has helped keep the club growing. He is also a co-founder of the Carmel Quiz Bowl Chapter, Planetarium club leader and works at Laser Flash in his spare time. </p>
-            <div class="contact-button"><a href="mailto:andrewsleugh@gmail.com" target="_blank" class="btn btn-primary btn-xl rounded-pill2 mt-1">Contact</a></div>
+            <p class="card-text">Andrew has worked with Code For Change since it first began. When it became clear that better communication and public relations would be vital to the club's development, Andrew stepped up to bat. He has been invaluable in keeping everyone in the loop and has helped keep the club growing. He is also a co-founder of the Carmel Quiz Bowl Chapter, Planetarium club leader and works at Laser Flash in his spare time. </p>
+            <div style="position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, 0);"> <a style="display: inline-block;" href="mailto:andrewsleugh@gmail.com" target="_blank" class="btn btn-primary btn-xl rounded-pill2 mt-1">Contact</a></div>
+            <div style="visibility: hidden; margin-top: 5%;display: flex; justify-content: center; align-items: center;"> <a style="display: inline-block;" href="mailto:andrewsleugh@gmail.com" target="_blank" class="btn btn-primary btn-xl rounded-pill2 mt-1">Contact</a></div>
           </div>
         </div>
       </div>