-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
216 lines (179 loc) · 9.39 KB
/
index.html
File metadata and controls
216 lines (179 loc) · 9.39 KB
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css" />
<title>Christopher Maldonado</title>
</head>
<body>
<header>
<article id="header-article">
<h1 id="mainHeading">< welcome > </h1>
<p>Congradulations, you've found my page. Allow me to introduce myself.</p>
<p>My name is <em id="name"><b>Christopher Maldonado</b></em>. I'm currently developing my web development skills (that sounds redundant, but I digress).</p>
<p>Now before these 90's graphics and effects convince you to hire me to whip up your new enterprise suite, let's take a look at all the other things I've done in my "professional" journey.</p>
<p>You'll need to double-click your first icon to get the ball rolling. Rest assured that's a feature and not a bug; that's my story and I'm sticking to it! cough* cough*. </p>
</article>
</header>
<main>
<div id="buttonDiv">
<h2>Please click on the icons to scroll through my career fields.</h2>
<button onclick="croissantFunction()">🥐</button>
<button onclick="wirelessFunction()">📱</button>
<button onclick="nypdFunction()">🚓</button>
<button onclick="callcenterFunction()">🏭</button>
<button onclick="aviationFunction()">🛪</button>
<button onclick="uscgFunction()">⚓</button>
</div>
<article>
<div id="croissant">
<img class="photos photos-left" src="/images/croissant.jpg">
<h1>🥐 Le Croissant Shop</h1>
<p>My first job was at a small french inspired bakery franchise called Le Croissant Shop. In time we'd also add a Haagen-Dazs ice cream shop as well.</p>
<p>I'd was promoted to Assistant Manager and was transfered to a busier location.</p>
<p>Although the job was fun, it wasn't paying the bills and it was time to move on, so I entered the next chapter of my story...</p>
</div>
</article>
<article>
<div id="wireless">
<img class="photos photos-right" src="/images/Nextel_logo.svg.png">
<h1>Wireless Communications 📱</h1>
<p>The jump from Food Service to Wireless was straightforward. Afterall, retail sales is retail sales. However at some point, sales stagnated and I was laid off.</p>
<p>Thankfully, I was quickly offered another position working on the back end of the industry with a Master Dealer. In essence my clients were no longer the customer, but rather my clients were now the wireless dealers who sell to the customer. (Yes, including the dealership who laid me off. Thankfully it was an amicable breakup) </p>
<p id="testP" class="funParagraph">My jump to the wireless industry doubled had my pay from food service. My jump to master dealer work doubled the pay yet again. Wonder why this paragraph is green? I'm $ure you'll figure it out. But money doesn't buy happiness, and so I began a new chapter in life...</p>
</div>
</article>
<article>
<div id ="nypd">
<img class="photos photos-left" src="/images/nypd-auxiliary-logo-153BEB68F9-seeklogo.com.png">
<h1>🚓 NYPD Auxiliary</h1>
<p>Like many people in the Post-9/11 era, I decided that I wanted to do more to fulfil my sense of civic duty. Thus I decided to join the ranks of
the NYPD and volunteer as an Auxiliary Police Officer.</p>
<p>What ensued were some of the most fun, exciting and rewarding years of my life. </p>
<p>After several years I eventually decided it was time to leave my hometown of NYC and head west to the beautiful State of Arizona, where I began my career in...</p>
</div>
</article>
<article>
<div id="callcenter">
<img class="photos photos-right" src="/images/CallCenter.jpg">
<h1>Call Centers 🏭</h1>
<p>It turns out, Arizona is chock-full of Call Centers. Apparently companies realized that there's 365 days of sunshine there and no snow storms, hurricanes,
tornadoes or virtually any other natural disasters encountered elsewhere in the country.</p>
<p>So I ended up working at one of our top banks and later on with a nationwide cable provider. Fun fact, not my photo but it is of one of the actuall call centers I worked at.
I can see where my desk was, and that's pretty cool. </p>
<p>Call center work was not for me so I moved on to the exciting world of...</p>
</div>
</article>
<article>
<div id="aviation">
<img class="photos photos-left" src="/images/48e71124-fd98-4f4c-967e-546889e0eb4e-american_air_2.webp">
<h1>🛪 Aviation</h1>
<p>My first position was as a ramp agent (Baggage Handler) at Phoenix Sky Harbor Airport. Pay sucked but every now and then I'd see a child peeking through the plane
window and if you wave to them, their smile and excitement would power you through the week.</p>
<p>Another Fun Fact. Not my photo, but you see the smaller jet at the bottom of the photo? Yep, I've worked that exact plane at that exact gate.</p>
<p>In time, I moved over to the Human Resources department. Less baggage, more air-conditioning. Win-win if you ask me. </p>
<p>We eventually moved to Pennsylvania where I became a stay at home dad. However I still had a need for something more, so I turned to the...</p>
</div>
</article>
<article>
<div id="uscg">
<img class="photos photos-right" src="/images/auxlogo.webp">
<h1>US Coast Guard Auxiliary ⚓</h1>
<p>Staying home with the kids is great but it doesn't butter my biscuit. I decided once again to fulfill my desire to serve the greater good and I signed up for
the US Coast Guard Auxiliary</p>
<p>As an Auxiliarist I have to opportunity to train and qualify for many positions to augment the US Coast Guard. I'm currently training to be qualified as a Boat Crew Member,
but in the meantime I work down in the Philadelphia Base (Sector Delaware Bay) where I answer phones, sign in visitors and help monitor the security cameras. </p>
</div>
</article>
</main>
<footer>
<h1>< / goodbye > </h1>
<p>Thank you for visiting my page. I appreciate you stopping by.</p>
</footer>
<script>
let w = document.getElementById("wireless");
let c = document.getElementById("croissant");
let n = document.getElementById("nypd");
let cc = document.getElementById("callcenter");
let a = document.getElementById("aviation");
let u = document.getElementById("uscg");
function croissantFunction() {
var x = document.getElementById("croissant");
if (x.style.display === "none") {
x.style.display = "block";
w.style.display = "none";
n.style.display = "none";
cc.style.display = "none";
a.style.display = "none";
u.style.display = "none";
} else {
x.style.display = "none";
}
}
function wirelessFunction() {
var x = document.getElementById("wireless");
if (x.style.display === "none") {
x.style.display = "block";
c.style.display = "none";
n.style.display = "none";
cc.style.display = "none";
a.style.display = "none";
u.style.display = "none";
}else{
x.style.display = "none";
}
}
function nypdFunction() {
var x = document.getElementById("nypd");
if (x.style.display === "none") {
x.style.display = "block";
w.style.display = "none";
c.style.display = "none";
cc.style.display = "none";
a.style.display = "none";
u.style.display = "none";
} else {
x.style.display = "none";
}
}
function callcenterFunction() {
var x = document.getElementById("callcenter");
if (x.style.display === "none") {
x.style.display = "block";
w.style.display = "none";
c.style.display = "none";
n.style.display = "none";
a.style.display = "none";
u.style.display = "none";
} else {
x.style.display = "none";
}
}
function aviationFunction() {
var x = document.getElementById("aviation");
if (x.style.display === "none") {
x.style.display = "block";
w.style.display = "none";
c.style.display = "none";
cc.style.display = "none";
n.style.display = "none";
u.style.display = "none";
} else {
x.style.display = "none";
}
}
function uscgFunction() {
var x = document.getElementById("uscg");
if (x.style.display === "none") {
x.style.display = "block";
w.style.display = "none";
c.style.display = "none";
cc.style.display = "none";
a.style.display = "none";
n.style.display = "none";
} else {
x.style.display = "none";
}
}
</script>
</body>
</html>