ucdd2016 · Boraz · Jan 11, 2016 · Jan 12, 2016 · Jan 12, 2016 · Jan 12, 2016
diff --git a/.gitignore b/.gitignore
@@ -36,3 +36,7 @@ node_modules
 .build
 build
 .DS_Store
+build/apps/resume/index.html
+resume.json
+resume.json
+build/apps/resume/index.html
diff --git a/build/apps/resume/index.html b/build/apps/resume/index.html
@@ -0,0 +1,129 @@
+<!DOCTYPE html>
+  <html>
+    <head>
+      <!--Import Google Icon Font-->
+      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+      <!--Import materialize.css-->
+      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">
+
+      <!--Let browser know website is optimized for mobile-->
+      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    </head>
+
+    <body>
+      <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>
+      <script src="https://cdn.firebase.com/js/client/2.3.2/firebase.js"></script>
+
+      <div class="container">
+
+		<nav class="blue-grey darken-1">
+			<ul id="nav-mobile" class="left hide-on-med-and-down">
+			    <li><a href="/">Home</a></li>
+				<li><a href="/apps/resume/subscribe.html">Subscribe</a></li>
+	        </ul>
+		</nav>
+
+        <h1 align="center" style="font-family:verdana;"><u>Resume for Russell Mehring</u></h1>
+
+		<h2 style="font-family:verdana;">Contact:</h2>
+			<ul class="collection" id="contact">
+        </ul>
+
+        <h2 style="font-family:verdana;">Education:</h2>
+			<ul class="collection" id="education">
+        </ul>
+
+		<h2 style="font-family:verdana;">Technology Summary:</h2>
+			<ul class="collection" id="technology">
+        </ul>
+
+		<h2 style="font-family:verdana;">Work Experience:</h2>
+			<ul class="collection" id="experience">
+        </ul>
+
+		<h2 style="font-family:verdana;">Current Tasks:</h2>
+			<ul class="collection" id="tasks">
+        </ul>
+
+      </div>
+
+      <script>
+
+        // create a firebase reference to the root
+        var ref = new Firebase('https://mehring-resume.firebaseio.com/');
+		var teamRef = new Firebase('https://rockemsockemrobotstodo.firebaseio.com/');
+
+		// read data from the location Contact once
+		ref.child('Contact').once('value', function(snapshot){
+		  snapshot.forEach(function(childSnapshot) {
+		   var key = childSnapshot.key();
+		   var childData = childSnapshot.val();
+		   $('#contact').append('<li class="collection-item"> <font size="6">' + key + "</font><p>" + childData + '</p></li>')
+		   })
+		});
+
+		// read data from the location Education/Degree once
+		ref.child('Education/Degree').once('value', function(snapshot){
+		  snapshot.forEach(function(childSnapshot) {
+		   var key = childSnapshot.key();
+		   var childData = childSnapshot.val();
+		   $('#education').append('<li class="collection-item"> <font size="6">' + key + '</font><p><font color = "orange">GPA</font>: ' + childData.GPA + '</p>'
+		   + '<p><font color = "orange">Graduation Date:</font> ' + childData.GradDate + '</p> <p><font color = "orange">School </font>: ' + childData.School + '</p></li>')
+		   })
+		});
+
+		// read data from the location Technology once
+		ref.child('Technology').once('value', function(snapshot){
+		  snapshot.forEach(function(childSnapshot) {
+		   var key = childSnapshot.key();
+		   var childData = childSnapshot.val();
+		   $('#technology').append('<li class="collection-item"> <font size="6">' + key + "</font><p>" + childData + '</p></li>')
+		   })
+		});
+
+		// read data from the location Experience once
+		ref.child('Experience').once('value', function(snapshot){
+		  snapshot.forEach(function(childSnapshot) {
+		   var key = childSnapshot.key();
+		   var childData = childSnapshot.val();
+		   $('#experience').append('<li class="collection-item"> <font size="6">' + key + "</font><p>" + childData + '</p></li>')
+		   })
+		});
+
+		// read data from assigned team tasks consistently--low 
+		teamRef.child('todos/Low').on('value', function(snapshot){
+		  snapshot.forEach(function(childSnapshot) {
+		   var key = childSnapshot.key();
+		   var childData = childSnapshot.val();
+			   if(childData.Assigned == "BenedictRM"){
+				   $('#tasks').append('<li class="collection-item"> <font size="6" color = orange>' + childData.Title +  "</font><p><font color = purple> Assigned To: </font>" + childData.Assigned + "</font><p><font color = red> Deadline:</font>" + childData.Deadline + "</p><font color = blue> Priority: </font>Low</p> </p><font color = green> Completed: </font>" + childData.Complete + '</p></li>')
+			   }
+		   })
+		});
+
+		// read data from assigned team tasks consistently--medium 
+		teamRef.child('todos/Medium').on('value', function(snapshot){
+		  snapshot.forEach(function(childSnapshot) {
+		   var key = childSnapshot.key();
+		   var childData = childSnapshot.val();
+			   if(childData.Assigned == "BenedictRM"){
+				   $('#tasks').append('<li class="collection-item"> <font size="6" color = orange>' + childData.Title +  "</font><p><font color = purple> Assigned To: </font>" + childData.Assigned + "</font><p><font color = red> Deadline:</font>" + childData.Deadline + "</p><font color = blue> Priority: </font>Medium</p> </p><font color = green> Completed: </font>" + childData.Complete + '</p></li>')
+			   }
+		   })
+		});
+
+		// read data from assigned team tasks consistently--high 
+		teamRef.child('todos/High').on('value', function(snapshot){
+		  snapshot.forEach(function(childSnapshot) {
+		   var key = childSnapshot.key();
+		   var childData = childSnapshot.val();
+			   if(childData.Assigned == "BenedictRM"){
+				   $('#tasks').append('<li class="collection-item"> <font size="6" color = orange>' + childData.Title +  "</font><p><font color = purple> Assigned To: </font>" + childData.Assigned + "</font><p><font color = red> Deadline: </font>" + childData.Deadline + "</p><font color = blue> Priority: </font>High</p> </p><font color = green> Completed: </font>" + childData.Complete + '</p></li>')
+			   }
+		   })
+		});
+
+      </script>
+    </body>
+  </html>
diff --git a/build/apps/resume/subscribe.html b/build/apps/resume/subscribe.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+  <html>
+    <head>
+      <!--Import Google Icon Font-->
+      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+      <!--Import materialize.css-->
+      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">
+
+      <!--Let browser know website is optimized for mobile-->
+      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    </head>
+
+    <body>
+      <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>
+      <script src="https://cdn.firebase.com/js/client/2.3.2/firebase.js"></script>
+
+      <div class="container">
+
+        <h1> Subscribe </h1>
+
+        <div class="row">
+          <div class="input-field col s12">
+            <input value="" id="email" type="text" class="validate">
+            <label for="email">Email</label>
+          </div>
+        </div>
+
+        <div class="row">
+          <div class="input-field col s12">
+            <a class="waves-effect waves-light btn" id="submit">Submit</a>
+          </div>
+        </div>
+
+        <div class="row">
+          <h3>Current Subscribers</h3>
+          <ul class="collection" id="emails">
+          </ul>
+        </div>
+      </div>
+
+      <script>
+
+		var ref = new Firebase('https://mehring-resume.firebaseio.com/Subscribers/');
+
+        $('#submit').click(function(){
+		  var email =  document.getElementById('email').value;
+		  var setEmail = {Email: email};
+		  var newPostRef = ref.push();
+          console.log('the submit button is clicked with email: ' + email);
+		  //Clear the list for redisplay
+		  document.getElementById('emails').innerHTML = "";
+          //submit an email address to your own Firebase
+		  newPostRef.set(setEmail);	
+        })
+
+		//Populate emails list of subscribers
+		ref.on('value', function(snapshot) {
+		    snapshot.forEach(function(childSnapshot) {
+				var childData = childSnapshot.val();
+				var childKey = childSnapshot.key();
+				$('#emails').append('<li class="collection-item"><b>'+ childData.Email +'</b><br></li> ')
+			})
+		});
+
+      </script>
+    </body>
+  </html>