makersquare · khannifin · Mar 6, 2014 · Mar 6, 2014 · Mar 6, 2014 · Mar 6, 2014
diff --git a/README.md b/README.md
@@ -4,7 +4,7 @@
 
 1. Fork this repo! This will make a copy of it in your own GitHub account. By default you can't edit _this_ repo because you don't have access, but by forking it, you'll have control. Then you can make changes and send me a pull request to add your changes to my project.
 2. `git clone` your newly forked repo into your projects folder. Remember, cloning a repo makes a folder for it, so you don't need to create one first!
-3. `cd` into the `projectlist` directory that has been created.
+3. `cd` into the `projects/` directory that has been created.
 4. Confirm you are on the `master` branch by running `git status`. We don't want to make changes against master in case we screw something up, so...
 5. Make a new git branch and check it out: `git checkout -b add-my-project`. 'add-my-project' is the name of my new branch, and `checkout -b` tells git to make a new branch AND go into it.
 6. `git status` should tell you you are now on branch 'add-my-project'.
@@ -37,6 +37,8 @@ Check to see if you have Node installed: `node --version`
 
 If you do not: `brew install node`
 
+Install Bower: `npm install -g bower`
+
 Now install Zurb Foundation using Bower: `bower install foundation`
 
 Bower is a package manager, so it will keep Foundation up to date for you!

diff --git a/images/emancipet.png b/images/emancipet.png
diff --git a/images/gamelog.png b/images/gamelog.png
diff --git a/index.html b/index.html
@@ -64,11 +64,11 @@ <h3 class="project-name">
         <div class="project">
           <div class="project-wrap">
           <!-- CHANGE TO YOUR OWN PHOTO AND ID -->
-          <img src="images/project-puppy.jpg" alt="" class="picture" id="YOURNAME">
-          <h2 class="name">Your Name</h2>
-          <h3 class="project-name">Your Project Name</h3>
+          <img src="projects/happy_puppy.jpg" alt="" class="picture" id="YOURNAME">
+          <h2 class="name">Kelly</h2>
+          <h3 class="project-name">Finding Fido</h3>
           <p class="project-description">
-            Tell us what you'll be working on in 140 characters or less!
+            A pet finding web app that allows you to locate your lot pet or the pet's ownwer!
           </p>
           </div>
         </div>

diff --git a/lessons b/lessons
diff --git a/projects/happy_puppy.jpg b/projects/happy_puppy.jpg
diff --git a/projects/project-alex.html b/projects/project-alex.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html class="no-js" lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>ATX Nerdy Ladies | Project List | MKS Front-End Cohort 1</title>
+    <link rel="stylesheet" href="../stylesheets/app.css" />
+    <script src="../bower_components/modernizr/modernizr.js"></script>
+  </head>
+  <body class="project-page" id="elyse">
+
+  <!-- Elyse's Project -->
+  <div class="project">
+    <div class="project-wrap">
+    <div class="picture">
+      <img src="../images/project-puppy.jpg" alt="">
+    </div>
+    <h2 class="name">Alex</h2>
+    <h3 class="project-name">SXSW Twitter App</h3>
+    <p class="project-description">
+      I'm building an app for MakerSquare to display tweets during the SXSW party (which is tomorrow so obviously this is a lie).
+    </p>
+    </div>
+  </div>
+  <!-- END -->
+
+    <script src="../bower_components/jquery/dist/jquery.min.js"></script>
+    <script src="../bower_components/foundation/js/foundation.min.js"></script>
+    <script src="../js/app.js"></script>
+  </body>
+</html>
diff --git a/projects/project-beccatbd.html b/projects/project-beccatbd.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html class="no-js" lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>ATX Nerdy Ladies | Project List | MKS Front-End Cohort 1</title>
+    <link rel="stylesheet" href="../stylesheets/app.css" />
+    <script src="../bower_components/modernizr/modernizr.js"></script>
+  </head>
+
+  <!-- change the ID here to your name ID. it should be the same as the ID on the .picture div in index.html -->
+  <body class="project-page" id="becca">
+
+  <!-- YOURNAME Project -->
+  <div class="project">
+    <div class="project-wrap">
+    <div class="picture">
+      <!-- change to your photo URL -->
+      <img src="../images/emancipet.png" alt="">
+    </div>
+    <h2 class="name">Becca Naul</h2>
+    <h3 class="project-name">TBD...</h3>
+    <p class="project-description">
+      I have a restaurant page I need to wrap up and get live, but that's not really exciting enough for a final project. Instead, I think me and Daniel are going to work on building a baseball player tracker thingy he wishes he had. Maybe a little too amitious, but might as well try!
+    </p>
+    </div>
+  </div>
+  <!-- END -->
+
+    <script src="../bower_components/jquery/dist/jquery.min.js"></script>
+    <script src="../bower_components/foundation/js/foundation.min.js"></script>
+    <script src="../js/app.js"></script>
+  </body>
+</html>
diff --git a/projects/project-sample copy.html b/projects/project-sample copy.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html class="no-js" lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>ATX Nerdy Ladies | Project List | MKS Front-End Cohort 1</title>
+    <link rel="stylesheet" href="../stylesheets/app.css" />
+    <script src="../bower_components/modernizr/modernizr.js"></script>
+  </head>
+
+  <!-- change the ID here to your name ID. it should be the same as the ID on the .picture div in index.html -->
+  <body class="project-page" id="YOURNAME">
+
+  <!-- YOURNAME Project -->
+  <div class="project">
+    <div class="project-wrap">
+    <div class="picture">
+      <!-- change to your photo URL -->
+      <img src="../images/project-YOURIMAGE.png" alt="">
+    </div>
+    <h2 class="name">Your Name</h2>
+    <h3 class="project-name">Your Project Name</h3>
+    <p class="project-description">
+      Tell us what you'll be working on! Plenty of space here!
+    </p>
+    </div>
+  </div>
+  <!-- END -->
+
+    <script src="../bower_components/jquery/dist/jquery.min.js"></script>
+    <script src="../bower_components/foundation/js/foundation.min.js"></script>
+    <script src="../js/app.js"></script>
+  </body>
+</html>
diff --git a/projects/project-sample.html b/projects/project-sample.html
@@ -11,17 +11,17 @@
   <!-- change the ID here to your name ID. it should be the same as the ID on the .picture div in index.html -->
   <body class="project-page" id="YOURNAME">
 
-  <!-- YOURNAME Project -->
+  <!-- Finding Fido Project -->
   <div class="project">
     <div class="project-wrap">
     <div class="picture">
       <!-- change to your photo URL -->
-      <img src="../images/project-YOURIMAGE.png" alt="">
+      <img src="happy_puppy.jpg" alt="Kelly's alt test is the mutha fuckin bomb!">
     </div>
-    <h2 class="name">Your Name</h2>
-    <h3 class="project-name">Your Project Name</h3>
+    <h2 class="name">Kelly Hannifin</h2>
+    <h3 class="project-name">Finding Fido</h3>
     <p class="project-description">
-      Tell us what you'll be working on! Plenty of space here!
+      A pet finding web app that allows you to locate your lost animals or find the owner of a pet you may have found in your neighborhood!
     </p>
     </div>
   </div>

diff --git a/projects/textboxscore.html b/projects/textboxscore.html
@@ -0,0 +1,42 @@
+<!doctype html>
+<html class="no-js" lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Text BoxScore Thingy | Project List | MKS Front-End Cohort 1</title>
+    <link rel="stylesheet" href="../stylesheets/app.css" />
+    <script src="../bower_components/modernizr/modernizr.js"></script>
+  </head>
+
+  <!-- change the ID here to your name ID. it should be the same as the ID on the .picture div in index.html -->
+  <body class="project-page" id="daniel">
+
+  <!-- YOURNAME Project -->
+  <div class="project">
+    <div class="project-wrap">
+    <div class="picture">
+      <!-- change to your photo URL -->
+      <img src="http://www.chizeck.com/wp-content/uploads/2013/02/Huey_Lewis_y_The_News-Sports-Frontal.jpg" alt="">
+    </div>
+    <h2 class="name">Daniel Olasky</h2>
+    <h3 class="project-name">Text BoxScore Thingy</h3>
+    <p class="project-description">
+      Let's say there are a few baseball players you like. Did you know that during the summer they play baseball games pretty much every day? It's ridiculous. Lets say that you want a quick way to see what your favorite player did in his game last night. You could look up the box score of the game, or use a fantasy baseball player tracker to show you the stats of your player.
+    </p>
+    <img src="http://i.imgur.com/5SbNyay.png" >
+    <p class="project-description">
+      A lot of baseball people find these numbers soothing, but there sure are a lot of them! Wouldn't it be easier if instead of seeing all the stats, you could just choose which stats you cared about, and then read a sentence like "Last night, Miguel Cabrera struck out twice and got an RBI."
+    </p>
+    <p class="project-description">
+      What if you could do the same thing for five different players, in five different sports! You could pretty much have your own custom sports page, delivering EXACTLY the sports news you want. Now, to be clear, doing that will require doing a lot of bullshit with APIs and other stuff I don't understand... yet. But I think we can throw together some IF ELSE Statements to create the text string to make a prototype!
+      Caveats: This thing almost definitley exists somewhere else on the web already so ¯\(º_o)/¯? Also I don't know if this is actually possible.
+    </p>
+    </div>
+  </div>
+  <!-- END -->
+
+    <script src="../bower_components/jquery/dist/jquery.min.js"></script>
+    <script src="../bower_components/foundation/js/foundation.min.js"></script>
+    <script src="../js/app.js"></script>
+  </body>
+</html>
diff --git a/scss/custom.scss b/scss/custom.scss
@@ -1,11 +1,14 @@
 // CUSTOMIZATIONS
 
 $elyse-project-color: #651B63;
+$becca-project-color: #faf6bd;
+$alex-project-color: #3c2267;
 
 // add your project main color here:
 // $MYNAME-project-color: HEXVALUE;
 
 
+$daniel-project-color: #1EE8D4;
 
 
 // change the body background color on each page based on your name
@@ -14,7 +17,15 @@ $elyse-project-color: #651B63;
     @include readable($elyse-project-color); // this readable mixin is in color-test.scss. it determines what the font color should be based on your background color!
 }
 
-#alex {}
+#alex {
+    @include readable($alex-project-color);
+}
 
 #sartaj {}
 
+#becca {
+	@include readable($becca-project-color);
+}
+#daniel {
+	@include readable($daniel-project-color);
+}