added icons to pillar sections

Jer'Maine Montiel · Jer'Maine Montiel · commit ede30341ba58 · 2016-08-01T20:38:45.000-05:00
diff --git a/index.html b/index.html
@@ -7,10 +7,11 @@
         <script type="text/javascript" src="scripts/less.min.js"></script>
         <script type="text/javascript" src="scripts/jquery-2.1.4.js"></script>
         <script type="text/javascript" src="scripts/script.js"></script>
+        <script src="https://use.fontawesome.com/1fc0e69d37.js"></script>
         <meta name="viewport" content="width=device-width, initial-scale=1">
     </head>
     <body>
-        <nav class="nav navbar-fixed-top">
+        <nav class="nav navbar-fixed-top navbar-inverse">
             <div class="container-fluid">
                 <ul class="nav navbar-nav pull-right">
                     <li><a href="#share">.<span id="share-link">share</span>()</a></li>
@@ -33,20 +34,23 @@ <h1><p>$(datcode) <span id="mission">is a community made of Black and POC coders
                 <div id="words" class="col-md-12">
                     <h1>.<span id="share-link">share</span>()</h1>
                     <h3>Sharing of knowledge is a big part of the community. Through our workshops, our <a href="http://bit.ly/datcodeslack">Slack group</a> discussions, or simply adding #DatCode to a tweet, there's a place for you to ask questions or share what you know. We're open to beginners and experts alike.</h3>
+                    <i class="fa fa-book fa-5x"></i>
                 </div>
             </div>
             <div id="converse" class="container pillar-section">
                 <div id="photo" class="col-md-12"></div>
                 <div id="words" class="col-md-12">
                     <h1>.<span id="converse-link">converse</span>()</h1>
                     <h3>As much as we're the same, we're different. Meet people from your area at our socials, or chop it up amongst the community in our <a href="http://bit.ly/datcodeslack">Slack group</a>. Whatever you want to talk about, it's open for discussion. </h3>
+                    <i class="fa fa-comments fa-5x"></i>
                 </div>
             </div>
             <div id="collab" class="container pillar-section">
                 <div id="photo" class="col-md-12"></div>
                 <div id="words" class="col-md-12">
                     <h1>.<span id="collab-link">collaborate</span>()</h1>
                     <h3>If you think you have a pretty cool idea, let it be known and share it with the community. If other coders think so too, hack it out, maybe even set up a hackathon!<br><br>You could find your next project team here, and we want you to. Go forth and code.</h3>
+                    <i class="fa fa-group fa-5x"></i>
                 </div>
             </div>
         </div>
diff --git a/styles/base.less b/styles/base.less
@@ -1,18 +1,15 @@
 body{
     background-color: #232323;
     color: white;
-    padding-top: 50px;
+    padding-top: 70px;
 }
 
 .nav{
-    background-color: #232323;
+    color: white;
     font-size: 1.15em;
-    a{
-        font-size: 1.25em;
-        color: white;
-        padding: 20px 15px;
-    }
+
 }
+
 #mission{
     color: darkgray;
 }
@@ -36,29 +33,32 @@ body{
     height: 100vh;
 }
 
-#intro h1{
-    padding-left: 30px;
-    vertical-align: middle;
+#intro{
+    
+    h1{
+    height: 100%;
+    padding: 30px auto 0 auto;
+    }
 }
 
 .pillar-section{
     height: 100vh;
-    padding: 20px 0;
+    padding: 70px 0;
+    
 }
 
-<<<<<<< Updated upstream
-.container{
-    text-align: center;
-}
-#pillar-section{
-=======
+   i{
+       width: 100%;
+        padding: 30px;
+        text-align: center;
+    }
+
 #words{
     padding: 0 20%;
 }
 
 #join{
     
->>>>>>> Stashed changes
     height: 60vh;
 }
 
