Updated Website

css/style.css

@@ -34,8 +34,8 @@ p {
 }
 
 .logo-header {
-  width: 150px;
-  height: 150px;
+  width: 250px;
+  height: 250px;
   background-image: url(../images/core/mobi_logo_white.png);
   background-size: 100% 100%;
   margin: 0 auto;
@@ -108,7 +108,7 @@ p {
 }
 
 .navbar-main {
-  background: #495058;
+  background: #8c8c8c;
 }
 
 .navbar-main .navbar-nav a.btn-special {
@@ -166,7 +166,7 @@ p {
 section.team {
   padding: 25px;
   text-align: center;
-  background: url(../images/core/team_bg.jpg) no-repeat no-repeat;
+  background-color: #efefef;
   background-size: cover;
 }
 
@@ -208,4 +208,6 @@ section.team {
 
 .feature-box-wrapper:hover {
   background-size: 120% auto;
-}
+}
+
+

js/controllers.js

@@ -3,40 +3,20 @@ var app = angular.module('app.controllers', ['ngSanitize']);
 app.controller('HomeController', function($scope, $http) {
   $scope.team = [
     {
-      name: 'Cameron Moreau',
+      name: 'Mary Huerta',
       title: 'President',
-      image: 'core/avatar_cameron.png'
+      image: 'core/avatar_mary.png'
     },
     {
-      name: 'Kevin Chung',
+      name: 'Kolten Sturgill',
       title: 'Vice-President',
-      image: 'core/avatar_kevin.png'
+      image: 'core/avatar_kolten.png'
     },
     {
-      name: 'Anthony Tatowicz',
+      name: 'Cameron Moreau',
       title: 'Project Manager',
-      image: 'core/avatar_anthony.png'
-    },
-    {
-      name: 'John Jackson',
-      title: 'Executive Office',
-      image: 'core/avatar_john.png'
-    },
-    {
-      name: 'Reece Ajibola',
-      title: 'UI/UX Manager',
-      image: 'core/avatar_reece.png'
-    },
-    {
-      name: 'Zach Bracken',
-      title: 'Media Manager',
-      image: 'core/avatar_zach.png'
-    },
-    {
-      name: 'Nhat Dao',
-      title: 'Web Manager',
-      image: 'core/avatar_nhat.png'
-    },
+      image: 'core/avatar_cameron.png'
+    }
   ];
 
   $scope.subscribeMessage = null;

templates/home.html

@@ -36,6 +36,7 @@
           <ul class="dropdown-menu">
             <li><a href="https://github.com/idappthat/MavSwipes/tree/master/Guide" taget="_blank">Mav Swipes</a></li>
             <li><a href="https://github.com/idappthat/MavYaks/tree/master/Guide" target="_blank">Mav Yaks</a></li>
+            <li><a href="https://github.com/idappthat/Roomies-iOS" target="_blank">Roomies</a></li>
 
           </ul>
 
@@ -70,14 +71,14 @@
 <section>
   <a name="mobi"></a>
   <feature-box title="Android" image="core/feature_android_bg.jpg" icon="icons/feature_android.png" color="rgba(164,198,57,0.8)"></feature-box>
-  <feature-box title="iOS" image="core/feature_ios_bg.jpg" icon="icons/feature_ios.png" color="rgba(71,162,227,0.8)"></feature-box>
-  <feature-box title="Web" image="core/feature_web_bg.jpg" icon="icons/feature_web.png" color="rgba(231,76,60,0.7)"></feature-box>
+  <feature-box title="Web" image="core/feature_web_bg.jpg" icon="icons/feature_web.png" color="rgba(71,162,227,0.8)"></feature-box>
+  <feature-box title="iOS" image="core/feature_ios_bg.jpg" icon="icons/feature_ios.png" color="rgba(231,76,60,0.7)"></feature-box>
 </section>
 
 <section class="container-fluid">
   <div class="col-md-12">
     <h3>What's Mobi?</h3>
-    <p>Mobi is a student organization that aims to engage its members in an active project based learning environment for mobile development while promoting scholastic excellence. We are an organization for developers, run by developers.
+    <p>Mobi is a student organization at The University of Texas at Arlington that aims to engage its members in an active project based learning environment for mobile development while promoting scholastic excellence. We are an organization for developers, run by developers.
     Entrepreneurial thinking is encouraged as Mobi explores the tools that start-ups are using to make the rapid development process possible in such a fast moving world. These objectives aim to harbor creativity and leadership skills in our members.</p>
     <p>Students will be able to apply their knowledge in Programming, Algorithms, Databases, OS, Mobile Systems, Networks, Electrical Engineering, Mechanical Engineering, and Industrial and Graphical Design to their own projects that involve mobile development and product development.</p>
   </div>
@@ -102,7 +103,10 @@ <h3>Social Coding</h3>
     <p>Social Coding is for the slightly more advanced members but is open to anyone. This is generally after the LEARN meetings where we discuss app ideas to plan and build. Each task is broken down and assigned to each member ever week with various difficulties and categories so someone with no programming experience can join along. You can view a few of our projects at the bottom of this email.</p>
 
     <a href="#" class="btn btn-raised btn-primary">Mobi Projects</a>
+
   </div>
+
+
 </section>
 
 <section class="container-fluid pad" style="background: #FBFBFB">
@@ -148,16 +152,25 @@ <h3 class="text-center">Register for MOBI Learn &amp; Email List</h3>
     </div>
 
   </form>
+
 </section>
 
-<section class="container-fluid map-bg pad">
-  <div class="col-md-4 col-sm-6 map-content pad-s">
-    <h4>Every Friday @ ERB 103</h4>
-    <div><strong>Mobi LEARN:</strong> 5pm - 6pm</div>
-    <div><strong>Social Coding:</strong> 6:15pm - Whenever</div>
-    <a href="https://www.google.com/maps/dir//32.7334689,-97.1135293/@32.7335084,-97.1137224,19z" target="_blank" class="btn btn-holo btn-block marg-top">Open in Maps</a>
+<section style="display: flex; justify-content:space-around; align-items:center; flex-wrap: wrap;"class="map-bg pad">
+    <div  class="map-content pad-s">
+      <h4>Every Friday @ ERB 103</h4>
+      <div><strong>Mobi LEARN:</strong> 5pm - 6pm</div>
+      <div><strong>Social Coding:</strong> 6:15pm - Whenever</div>
+      <a href="https://www.google.com/maps/dir//32.7334689,-97.1135293/@32.7335084,-97.1137224,19z" target="_blank" class="btn btn-holo btn-block marg-top">Open in Maps</a>
+    </div>
+
+    <div style="width: 300; display: flex; justify-content: center;" class="map-content pad-s ">
+    <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FMOBI.UTA%2F&tabs=events&width=300&height=300&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="300" height="300" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
   </div>
-</section>
+  </section>
+
+
+
+
 
 
 <footer class="footer-main container-fluid">
@@ -170,6 +183,6 @@ <h4>Every Friday @ ERB 103</h4>
   </div>
   <div class="col-md-2 text-center">
     <div class="logo-footer"></div>
-    Copyright &copy; 2016, Mobi
+    Copyright &copy; 2017, Mobi
   </div>
 </footer>