mattswann · EmilyBie · Mar 15, 2016 · Mar 15, 2016 · Mar 15, 2016 · Mar 15, 2016
diff --git a/Emily_Bie/README.txt → Emily_Bie/README.md b/Emily_Bie/README.txt → Emily_Bie/README.md
diff --git a/Emily_Bie/css_hw_0321/ecardly_css/starter/css/normalize.css b/Emily_Bie/css_hw_0321/ecardly_css/starter/css/normalize.css
diff --git a/Emily_Bie/css_hw_0321/ecardly_css/starter/css/style.css b/Emily_Bie/css_hw_0321/ecardly_css/starter/css/style.css
@@ -0,0 +1,74 @@
+body {
+  background-color: #D3D3D3;
+}
+header {
+  text-align: center;
+  background-image: url("../images/background.jpg");
+  height: 160px;
+}
+.logo {
+  margin-top: 15px;
+  margin-bottom: 20px;
+  width: 20%;
+}
+.content {
+  display: inline-block;
+  margin:100px 80px 30px 80px;
+}
+span {
+  color: red;
+}
+.dottedLine {
+  border-top: dotted 1px;
+}
+.solidLine {
+  border-top: solid 1px;
+}
+.ecard {
+  background-size: cover;
+  max-width: 100%;
+}
+.articles {
+  display: inline-block;;
+  max-width: 55%;
+  background-color: white;
+  padding:30px 15px;
+  vertical-align: top;
+}
+.right {
+  display: inline-block;
+  max-width: 20%;
+  background-color: white;
+  padding:10px 15px;
+  vertical-align: top;
+  margin-left:10px;
+  text-align: left;
+}
+ul {
+  padding-left: 0px;
+}
+li {
+  list-style-type: none;
+  line-height: 25px;
+  text-align: left;
+  font-size: 14px;
+  color:black;
+}
+.ads img{
+  max-width: 100%;
+}
+h2 {
+  font-size: 15px;
+  color: black;
+}
+a {
+  text-decoration: none;
+  color: red;
+}
+.icons {
+  text-align: center;
+}
+.icons img {
+
+}
+
diff --git a/Emily_Bie/css_hw_0321/ecardly_css/starter/images/ad-cut-and-paste.gif b/Emily_Bie/css_hw_0321/ecardly_css/starter/images/ad-cut-and-paste.gif
diff --git a/Emily_Bie/css_hw_0321/ecardly_css/starter/images/ad-postcard-tee.png b/Emily_Bie/css_hw_0321/ecardly_css/starter/images/ad-postcard-tee.png
diff --git a/Emily_Bie/css_hw_0321/ecardly_css/starter/images/ad-submit-your-own.png b/Emily_Bie/css_hw_0321/ecardly_css/starter/images/ad-submit-your-own.png
diff --git a/Emily_Bie/css_hw_0321/ecardly_css/starter/images/background.jpg b/Emily_Bie/css_hw_0321/ecardly_css/starter/images/background.jpg
diff --git a/Emily_Bie/css_hw_0321/ecardly_css/starter/images/ecard-courage.jpg b/Emily_Bie/css_hw_0321/ecardly_css/starter/images/ecard-courage.jpg
diff --git a/Emily_Bie/css_hw_0321/ecardly_css/starter/images/ecard-nycstartups.jpg b/Emily_Bie/css_hw_0321/ecardly_css/starter/images/ecard-nycstartups.jpg
diff --git a/Emily_Bie/css_hw_0321/ecardly_css/starter/images/logo.png b/Emily_Bie/css_hw_0321/ecardly_css/starter/images/logo.png
diff --git a/Emily_Bie/css_hw_0321/ecardly_css/starter/images/social-icon-facebook.png b/Emily_Bie/css_hw_0321/ecardly_css/starter/images/social-icon-facebook.png
diff --git a/Emily_Bie/css_hw_0321/ecardly_css/starter/images/social-icon-pinterest.png b/Emily_Bie/css_hw_0321/ecardly_css/starter/images/social-icon-pinterest.png
diff --git a/Emily_Bie/css_hw_0321/ecardly_css/starter/images/social-icon-twitter.png b/Emily_Bie/css_hw_0321/ecardly_css/starter/images/social-icon-twitter.png
diff --git a/Emily_Bie/css_hw_0321/ecardly_css/starter/index.html b/Emily_Bie/css_hw_0321/ecardly_css/starter/index.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="css/style.css">
+  <title></title>
+</head>
+<body>
+  <header class="header">
+    <img class="logo" src="images/logo.png">
+  </header>
+  <div class="content">
+    <div class="articles">
+      <div> 
+        <h1>Ecard of the Day</h1>
+        <img class="ecard" src="images/ecard-nycstartups.jpg">
+        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem error alias magni, aliquam labore odio voluptatibus. Velit suscipit minima, nulla accusantium, rem alias, delectus ex placeat est adipisci ipsum aliquam? <span><a href="#">Download</a></span></p>
+        <div class="dottedLine"></div>
+        <p>Posted by <span>Steve Smith</span> on August 10, 2012 /Comments(<span>3</span>)</p>
+        <div class="solidLine"></div>
+      </div>
+      <div>
+        <h1>Doing the Big Work</h1>
+        <img class="ecard" src="images/ecard-courage.jpg">
+        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem error alias magni, aliquam labore odio voluptatibus. Velit suscipit minima, nulla accusantium, rem alias, delectus ex placeat est adipisci ipsum aliquam? <span><a href="#">Download</a></span></p>
+        <div class="dottedLine"></div>
+        <p>Posted by <span>Steve Smith</span> on August 10, 2012 /Comments(<span>3</span>)</p>
+        <div class="solidLine"> </div>
+      </div>
+    </div>
+
+    <div class="right">
+      <div class="archive">
+        <h2>ARCHIVE</h2>
+        <ul class="month">
+          <li>January</li>
+          <li>February</li>
+          <li>March</li>
+          <li>April</li>
+          <li>May</li>
+          <li>June</li>
+          <li>July</li>
+        </ul>
+      </div>
+      <div class="biogroll">
+        <h2>BIOGROLL</h2>
+        <ul>
+          <li>Mailchimp</li>
+          <li>Shopify</li>
+          <li>The Next Web</li>
+          <li>Mint.com</li>
+          <li>Mashable</li>
+        </ul>
+      </div>
+      <div class="ads">
+        <img src="images/ad-cut-and-paste.gif">
+        <img src="images/ad-postcard-tee.png">
+        <img src="images/ad-submit-your-own.png">
+      </div>
+    </div>   
+  </div>
+  <div class = "icons">
+      <img src="images/social-icon-twitter.png">
+      <img src="images/social-icon-facebook.png" >
+      <img src="images/social-icon-pinterest.png" >
+  </div>
+</body>
+</html>
diff --git a/Emily_Bie/css_hw_0321/ecardly_css/starter/readme.md b/Emily_Bie/css_hw_0321/ecardly_css/starter/readme.md
@@ -0,0 +1,29 @@
+Background Color: #d6d6d6
+Text Color: #000000
+Link Color: #cc6633
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a consectetur purus. Pellentesque at leo erat, id pellentesque sapien. Cras id purus sem. Nulla lacinia consequat nulla, vitae porttitor urna venenatis id. Nam iaculis risus ac mauris vestibulum malesuada. Nulla dolor mi, cursus sed ornare vel, feugiat sed nibh. Suspendisse vitae pulvinar ligula. In eu dui erat. Etiam sit amet malesuada turpis. Duis dapibus feugiat euismod. Suspendisse vitae consequat nunc. Vivamus aliquet vulputate varius. Download
+
+Posted by Steve Smith on August 2, 2012  /  Comments (3)
+
+Doing the Big Work
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a consectetur purus. Pellentesque at leo erat, id pellentesque sapien. Cras id purus sem. Nulla lacinia consequat nulla, vitae porttitor urna venenatis id. Nam iaculis risus ac mauris vestibulum malesuada. Nulla dolor mi, cursus sed ornare vel, feugiat sed nibh. Suspendisse vitae pulvinar ligula. In eu dui erat. Etiam sit amet malesuada turpis. Duis dapibus feugiat euismod. Suspendisse vitae consequat nunc. Vivamus aliquet vulputate varius. Download
+
+Posted by Melanie Stevens on August 6, 2012  /  Comments (3)
+
+ARCHIVE
+January
+February
+March
+April
+May
+June
+July
+
+BLOGROLL
+Mailchimp
+Shopify
+The Next Web
+Mint.com
+Mashable
diff --git a/Emily_Bie/css_hw_0321/ecardly_css/starter/screenshot-final.png b/Emily_Bie/css_hw_0321/ecardly_css/starter/screenshot-final.png
diff --git a/Emily_Bie/js_hw_0316/homework.js b/Emily_Bie/js_hw_0316/homework.js
@@ -0,0 +1,64 @@
+//Your top chocie
+var colors = ['pink','blue','yellow','green'];
+for(var index=0; index < colors.length; index++) {
+	console.log('My #'+(index+1)+' choice is ' + colors[index]);
+}
+
+//Even Odd reporter
+for(var number = 0; number <=20; number++) {
+	if(number%2 === 0) {
+		console.log(number+' is even');
+	} else {
+		console.log(number+' is odd');
+	}
+}
+
+//Multiplication Tables
+
+for(var number=0; number <= 10; number++) {
+	var result = number * 9;
+	console.log(number +' * 9 = ' + result);
+}
+
+//Bonus
+
+for(var num1 = 1; num1 <= 10; num1++) {
+	for(var num2 = 1; num2 <= 10; num2 ++) {
+		var result = num1 * num2;
+		console.log(num1 + ' * ' + num2 +' = ' + result);
+	}
+}
+
+//The Vegan Test
+// On the menu tonight: Steak, fruit salad, tofurkey, pork chops.
+
+var menuChoice = prompt('Menu tonight: Steak, fruit salad, tofurkey, pork chops');
+
+while (menuChoice !== 'steak' && menuChoice !== 'fruit salad' && menuChoice !== 'tofurkey' && menuChoice !== 'pork chops') {
+	menuChoice = prompt('Menu tonight: Steak, fruit salad, tofurkey, pork chops, please choose again.');
+}
+
+if(menuChoice === 'fruit salad' || menuChoice === 'tofurkey') {
+	console.log('This cuisine is vegan friendly.');
+} else if(menuChoice === 'steak' || menuChoice === 'pork chops'){
+	console.log('Vgans beware');
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Emily_Bie/js_hw_0317/homework.js b/Emily_Bie/js_hw_0317/homework.js
@@ -0,0 +1,51 @@
+//The Recipe Csard
+var recipe = {
+  title: 'Cheese cake',
+  servings: 10,
+  ingredients:['cheese','ice cream','sugar','choclate']
+};
+
+console.log('- ' + recipe.title);
+console.log('- Servs:'+ recipe.servings);
+console.log('- Ingredients:');
+for(var index = 0 ;index < recipe.ingredients.length; index++) {
+  console.log('- ' + recipe.ingredients[index]);
+}
+
+//The Reading List
+var readingList = [{
+  title:'Jane Eyre',
+  author:'Charlotte Bronte',
+   alreadyRead: true
+ },
+ {
+  title: 'Hobbit', 
+  author:'J.R.R. Tolkien',
+  alreadyRead: false
+  },
+  {
+    title:'The Lord of the Rings',
+    author: 'J.R.R. Tolkien',
+    alreadyRead: false
+  }];
+for(var index = 0; index < readingList.length; index++) {
+  if(readingList[index].alreadyRead === true) {
+    console.log('You already read ' + readingList[index].title + ' by ' + readingList[index].author);
+  } else {
+    console.log('You still need to read ' + readingList[index].title + ' by ' + readingList[index].author);
+  }
+}
+
+//The Movie Database
+var movie = {
+  title: 'Sherlock Holmes',
+  duration: 120,
+  stars: [' Robert Downey','Jude Law','Rachel McAdams','Mark Strong']
+}
+
+var printOutMovie = function(movie) {
+  var stars = movie.stars.join();
+  console.log(movie.title + ' lasts for ' + movie.duration + ' minutes. Stars:' + stars+'.');
+}
+
+printOutMovie(movie);
diff --git a/Emily_Bie/js_hw_0318/index.html b/Emily_Bie/js_hw_0318/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <script src = "trainline.js"></script>
+  <title></title>
+</head>
+<body>
+  <h1>Train Planner</h1>
+  <p>['Flinders Street','Richmond','East Richmond','Burnley','Hawthorn','Glenferrie'] </p>
+  <p>['Flagstaff','Melbourne Central','Parliament','Richmond','Kooyong','Tooronga']</p>
+  <p>['Southern Cross', 'Richmond', 'South Yarra', 'Prahran', 'Windsor']</p>
+</body>
+</html>