udacity · rodchild · Jan 26, 2015 · Jan 30, 2015 · Mar 18, 2020
diff --git a/css/custom.css b/css/custom.css
@@ -0,0 +1,48 @@
+/*sections style*/
+#main {
+  	max-width:1200px;
+  	margin: 0 auto;
+  	-webkit-box-shadow: 0px 0px 71px 6px rgba(0,0,0,0.55);
+	-moz-box-shadow: 0px 0px 71px 6px rgba(0,0,0,0.55);
+	box-shadow: 0px 0px 71px 6px rgba(0,0,0,0.55);
+}
+
+.projectImage{
+
+	width: 50%;
+	background-size: cover;
+
+}
+.courseUrl{
+	margin-bottom: 10px;
+	margin-top: 1px;
+}
+.onlineClass{
+	display: -webkit-flex;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  padding: 10px;
+  margin-left: 50px;
+  height: 380px;
+
+}
+
+h3{
+	color: #999999;
+}
+.gray {
+  padding-bottom: 20px;
+}
+
+#skills {
+
+  display: inline-block;
+
+}
+
+.clearfix{
+	background:  url(../images/pointer-clicking-inbox-lrg.jpg )  ;
+	background-size: cover;
+}
diff --git a/css/style.css b/css/style.css
@@ -102,6 +102,7 @@ a {
 .white-text {
   font-weight: bold;
   color: #FFFFFF;
+
 }
 
 .gray {

diff --git a/images/197x148.gif b/images/197x148.gif
diff --git a/images/pointer-clicking-inbox-lrg.jpg b/images/pointer-clicking-inbox-lrg.jpg
diff --git a/images/udacityMockup.JPG b/images/udacityMockup.JPG
diff --git a/index.html b/index.html
@@ -19,11 +19,16 @@
   <meta charset="utf-8">
 
   <!-- Tells the browser what the title of this page should be. -->
-  <title>Resume</title>
+  <title>Ducarmel Zephyr | Resume</title>
 
   <!-- Load the page styles. -->
   <link href="css/style.css" rel="stylesheet" type="text/css">
 
+
+  <!-- Rodchild custom styling -->
+  <link rel="stylesheet" type="text/css" href="css/custom.css">
+  <!--
+
   <!--
   jQuery is a common JavaScript library for reading and making changes to the
   Document Object Model (DOM). The DOM is a tree that contains information
@@ -46,13 +51,13 @@
   Uncomment the <script> tag below when you're ready to add an interactive
   Google Map to your resume!
   -->
-  <!-- <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places"></script> -->
+   <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places"></script> 
 
   <meta name="viewport" content="width=device-width">
 </head>
 <body unresolved>
   <div id="main">
-    Hello world!   <!-- You'll be deleting this line in the course -->
+       <!-- You'll be deleting this line in the course -->
 
     <!--
     Everything from here to the <script> tag below is the skeleton of your
@@ -88,6 +93,7 @@ <h2 class='orange center-text'>Let's Connect</h2>
   writing. In resumeBuilder.js, you'll be writing code that builds the resume
   dynamically when this website, index.html, is opened.
   -->
+
   <script src="js/resumeBuilder.js"></script>
 
 
@@ -134,7 +140,7 @@ <h2 class='orange center-text'>Let's Connect</h2>
     }
     if(document.getElementById('map') === null) {
       document.getElementById('mapDiv').style.display = 'none';
-    }
+    } 
   </script>
 </body>
 </html>
diff --git a/js/helper.js b/js/helper.js
@@ -31,7 +31,7 @@ var HTMLskills = '<li class="flex-item"><span class="white-text">%data%</span></
 
 var HTMLworkStart = '<div class="work-entry"></div>';
 var HTMLworkEmployer = '<a href="#">%data%';
-var HTMLworkTitle = ' - %data%</a>';
+var HTMLworkTitle = '- %data%</a>';
 var HTMLworkDates = '<div class="date-text">%data%</div>';
 var HTMLworkLocation = '<div class="location-text">%data%</div>';
 var HTMLworkDescription = '<p><br>%data%</p>';
@@ -40,7 +40,7 @@ var HTMLprojectStart = '<div class="project-entry"></div>';
 var HTMLprojectTitle = '<a href="#">%data%</a>';
 var HTMLprojectDates = '<div class="date-text">%data%</div>';
 var HTMLprojectDescription = '<p><br>%data%</p>';
-var HTMLprojectImage = '<img src="%data%">';
+var HTMLprojectImage = '<img class="projectImage" src="%data%">';
 
 var HTMLschoolStart = '<div class="education-entry"></div>';
 var HTMLschoolName = '<a href="#">%data%';
@@ -55,6 +55,11 @@ var HTMLonlineSchool = ' - %data%</a>';
 var HTMLonlineDates = '<div class="date-text">%data%</div>';
 var HTMLonlineURL = '<br><a href="#">%data%</a>';
 
+//var HTMLonlineTitle = '<a href="%courseUrl%" class="courseUrl" target="_blank">%data%';
+//var HTMLonlineSchool = ' - %data%</a>';
+//var HTMLonlineDates = '<div class="date-text">%data%</div>';
+//var HTMLonlineURL = '<br><a href="%data%" class="courseUrl">Link to course</a>';
+
 var internationalizeButton = '<button>Internationalize</button>';
 var googleMap = '<div id="map"></div>';
 
@@ -86,6 +91,9 @@ function logClicks(x,y) {
 
 $(document).click(function(loc) {
   // your code goes here!
+  var x = loc.pageX;
+  var y = loc.pageY;
+  logClicks(x,y);
 });
 
 
@@ -171,6 +179,7 @@ function initializeMap() {
     // hmmmm, I wonder what this is about...
     google.maps.event.addListener(marker, 'click', function() {
       // your code goes here!
+      infoWindow.open(map,marker);
     });
 
     // this is where the pin actually gets added to the map.
@@ -233,7 +242,7 @@ Uncomment the code below when you're ready to implement a Google Map!
 */
 
 // Calls the initializeMap() function when the page loads
-//window.addEventListener('load', initializeMap);
+window.addEventListener('load', initializeMap);
 
 // Vanilla JS way to listen for resizing of the window
 // and adjust map bounds
-Original file line number
+Diff line change
@@ Expand Up / @@ -102,6 +102,7 @@ a { @@
     .white-text {
       font-weight: bold;
       color: #FFFFFF;
     }
     .gray {
@@ Expand Down @@