forked from udacity/frontend-nanodegree-resume
-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
executable file
·91 lines (86 loc) · 3.44 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<head>
<!-- TO DO: use JSON data for the info window thingy. -->
<meta charset="utf-8">
<title>Resume</title>
<link href="css/style.css" rel="stylesheet">
<script src="js/jQuery.js"></script>
<script src="js/helper.js"></script>
<!--
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>
<meta name="viewport" content="width=device-width">
</head>
<body unresolved>
<div id="main">
<div id="header" class="center-content clearfix" >
<ul id="topContacts" class='flex-box'></ul>
</div>
<div style='clear: both;'>
<h6 class='orange'> </h6>
</div>
<div id="summary">
<h2>Summary</h2>
</div>
<h6 class='orange' style="background-image: url(images/space1.jpg); background-size: 165% auto;"> </h6>
<div id="workExperience" class='gray'>
<h2>Work Experience</h2>
</div>
<h5 class='orange' style="background-image: url(images/space1.jpg); background-size: 165% auto;"> </h5>
<div id="projects">
<h2>Projects</h2>
</div>
<h4 class='orange' style="background-image: url(images/space1.jpg); background-size: 195% auto;"> </h4>
<div id="education" class='gray'>
<h2>Education</h2>
</div>
<h2 class='orange' style="background-image: url(images/space1.jpg); background-size: 205% auto;"> </h2>
<div id="mapDiv">
<h2>Where I've Lived and Worked</h2>
</div>
<div id="letsConnect" class='dark-gray'>
<h2 class='orange white-text center-text '>Let's Connect</h2>
<ul id="footerContacts" class="flex-box" style="background-image: url(images/wood_floor.jpg); background-size: 165% auto;">
</ul>
</div>
</div>
<!--
The next line tells the browser where to download the JavaScript file you'll be
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>
<!--
These scripts are written in JavaScript. You'll be breaking them down as part of
a quiz. Essentially, the next few lines are checking to see if you have not
changed each section of the resume. If you have not made any changes to a section
of the resume, then that part of the resume does not show up. More on this in the
course.
-->
<script type="text/javascript">
if(document.getElementsByClassName('flex-item').length === 0) {
document.getElementById('topContacts').style.display = 'none';
}
if(document.getElementsByTagName('h1').length === 0) {
document.getElementById('header').style.display = 'none';
}
if(document.getElementsByClassName('work-entry').length === 0) {
document.getElementById('workExperience').style.display = 'none';
}
if(document.getElementsByClassName('project-entry').length === 0) {
document.getElementById('projects').style.display = 'none';
}
if(document.getElementsByClassName('education-entry').length === 0) {
document.getElementById('education').style.display = 'none';
}
if(document.getElementsByClassName('flex-item').length === 0) {
document.getElementById('letsConnect').style.display = 'none';
}
if(document.getElementById('map') === null) {
document.getElementById('mapDiv').style.display = 'none';
}
</script>
</body>
</html>