Fixed up the carousel, added more pictures, and attempted at technical...

Fixed up the carousel, added more pictures, and attempted at technical writing. Also, mobile first stuffs

srctweb/website/templates/index.html

@@ -17,26 +17,29 @@ SRCT
   <div class = "carousel-inner">
 
     <div class = "item active">
-      <img src = "/static/img/renfredhaxxor.jpg" alt = "Renfred Haxxor" class = "img-responsive">
+      <img src = "/static/img/renfredhaxxor_large.png" alt = "Renfred Haxxor" class = "img-responsive visible-lg">
+      <img src = "/static/img/renfredhaxxor_medium.png" alt = "Renfred Haxxor" class = "img-responsive visible-md visible-sm visible-xs">
       <div class = "carousel-caption">
         <h2>Renfred Haxxoring</h2>
-        <p>We the people of the United States in order to for a more perfect Union, establish justice, ensure domestic tranquility, provide for the common defense, promote the general welfare and secure the blessings of liberty to ourselves and our posterity do ordain and establish this constitution of the United States of America.</p>
+        <p class="visible-lg visible-md">Renfred hacking away at SRCT's most popular project: WhatsOpen.</p>
       </div>
     </div>
 
     <div class = "item">
-      <img src = "/static/img/renfredhaxxor.jpg" alt = "Renfred Haxxor" class = "img-responsive">
+      <img src = "/static/img/2013firstmeet_large.png" alt = "First Meeting 2013-2014" class = "img-responsive visible-lg">
+      <img src = "/static/img/2013firstmeet_medium.png" alt = "First Meeting 2013-2014" class = "img-responsive visible-md visible-sm visible-xs">
       <div class = "carousel-caption">
-        <h2>Renfred Still Haxxoring</h2>
-        <p>They had begun to consider the Government of the United States as a mere appendage to their own affairs. We know now that Government by organized money is just as dangerous as Government by organized mob.</p>
+        <h2>First Meeting 2013-2014</h2>
+        <p class="visible-lg visible-md">The first meeting of the school year.</p>
       </div>
     </div>
 
     <div class = "item">
-      <img src = "/static/img/renfredhaxxor.jpg" alt = "Renfred Haxxor" class = "img-responsive">
+      <img src = "/static/img/bradhaxxor_large.png" alt = "Renfred Haxxor" class = "img-responsive visible-lg">
+      <img src = "/static/img/bradhaxxor_medium.png" alt = "Renfred Haxxor" class = "img-responsive visible-md visible-sm visible-xs">
       <div class = "carousel-caption">
-        <h2>Renfred Further Haxxoring</h2>
-        <p>Four Score and Seven Years Ago our fathers brought forth on this continent a new nation, conceived in liberty, and dedicated to the proposition that all men are created equal.</p>
+        <h2>Server Troubleshooting</h2>
+        <p class="visible-lg visible-md">Brad troubleshooting the server donated by the University.</p>
       </div>
     </div>