-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
307 lines (278 loc) · 12.6 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
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
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
<!DOCTYPE html>
<head>
<title>Jacob Sager</title>
<meta charset="UTF-8">
<meta name="description" content="My website">
<meta name="keywords" content="Resume, Exhibition">
<meta name="author" content="Jacob Sager">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/af84f3c0b6.js" crossorigin="anonymous"></script>
<i class="fa-solid fa-house"></i>
</head>
<body>
<h1>
<span class="mainLogo">
<a href="index.html">
<img src="/Images/Icons/JacobSagerLogo.png" height="150" alt="LogoPic" title="LogoPic">
</a>
</span>
<span class="links">
<a href="https://twitter.com/JacobMSager"><i class="twitterIcon"><img src="/Images/Icons/iconTwitter.png"
height="50" alt="TwitterPic" title="Twitter Profile"></i></a>
<a href="https://www.linkedin.com/in/jacob-sager"><i class="linkedInIcon"><img src="/Images/Icons/iconLinkedin.png"
height="50" alt="EmailPic" title="LinkedIn Profile"></i></a>
<a href="mailto:[email protected]"><i class="emailIcon"><img src="/Images/Icons/iconEmail.png"
height="50" alt="LinkedInPic" title="Contact Me"></i></a>
</span>
</h1>
<br>
<div id="summaryHeader"><h2>Summary</h2></div>
<nav>
<label for="touch"><span class="dropDown">Index</span></label>
<input type="checkbox" id="touch">
<ul class="slide">
<li><a href="#section1">>Summary</a></li>
<li><a href="#section2">>Skills</a></li>
<li><a href="#section3">>Experience</a></li>
<li><a href="#section4">>Education & Certification</a></li>
</ul>
</nav>
<section id="section1">
<br>
<div id="section1p1">
<h3>Service & Self</h3>
<p>USAF aviation information technology technician with 5 years of experience troubleshooting, repairing, and upgrading fighter aircraft, test assets, and Electronic Warfare systems.
<br>
<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext">1 / 5</div>
<img src='/Images/Billboard/ACE.jpg' style="width:100%">
<div class="slideText">5 Years of service in the USAF</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 5</div>
<img src='/Images/Billboard/F-15EBreakdown.jpg' style="width:100%">
<div class="slideText">2.5 years maintaining and upgrading F-15E Strike Eagle avionics systems</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 5</div>
<img src='/Images/Billboard/SupportEquipment.jpg' style="width:100%">
<div class="slideText">1.5 years maintaining and upgrading fighter aircraft support equipment and test systems</div>
</div>
<div class="mySlides fade">
<div class="numbertext">4 / 5</div>
<img src='/Images/Billboard/87EWS.jpg' style="width:100%">
<div class="slideText">1 year working as an Electronic Warfare Technician</div>
</div>
<div class="mySlides fade">
<div class="numbertext">5 / 5</div>
<img src='/Images/Billboard/Sect1Pic2.jpg' style="width:100%">
<div class="slideText">Multiple awards for excellent performance</div>
</div>
</div>
<br>
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1, 1)"></span>
<span class="dot" onclick="currentSlide(2, 1)"></span>
<span class="dot" onclick="currentSlide(3, 1)"></span>
<span class="dot" onclick="currentSlide(4, 1)"></span>
<span class="dot" onclick="currentSlide(5, 1)"></span>
</div>
<br>
<div id="section1p2"><img src="/Images/Billboard/Code.png" width="500px"/><h3>Both Specialist And Generalist</h3><p>Between the demands of service and maintaining a personal life, there is always a little time left over for the development of personal skills. This website, for example, was built from scratch through basic HTML, CSS, and JavaScript.</p></div>
<br>
<div id="section1p3"><h3>Exploiting Talents</h3><p>Taking advantage of opportunities to learn and apply new skills is a reward in and of itself. I've saved the USAF thousands of dollars in laptop repair and CNC milling expenses by acquiring the skills and resources for and applying new processes in my workspaces.</p>
<img src="/Images/Billboard/CNCmilling.jpg" /></div>
</p>
</div>
</section>
<hr width="80%">
<br>
<h2>Skills</h2>
<section id="section2">
<div class="slideshow-container2">
<div class="mySlides2 fade">
<div class="numbertext">1 / 7</div>
<img src='/Images/Billboard/F-15EAvionicsMaintenance.jpg' style="width:100%">
<div class="slideText">Avionics maintenance</div>
</div>
<div class="mySlides2 fade">
<div class="numbertext">2 / 7</div>
<img src='/Images/Billboard/87EWS-2.png' style="width:100%">
<div class="slideText">Electronic Warfare systems assessment and maintenance</div>
</div>
<div class="mySlides2 fade">
<div class="numbertext">3 / 7</div>
<img src='/Images/Billboard/CsharpCode.png' style="width:100%">
<div class="slideText">C# Programming</div>
</div>
<div class="mySlides2 fade">
<div class="numbertext">4 / 7</div>
<img src='/Images/Billboard/PythonCode.png' style="width:100%">
<div class="slideText">Python Programming</div>
</div>
<div class="mySlides2 fade">
<div class="numbertext">5 / 7</div>
<img src='/Images/Billboard/Unity.png' style="width:100%">
<div class="slideText">Unity</div>
</div>
<div class="mySlides2 fade">
<div class="numbertext">6 / 7</div>
<img src='/Images/Billboard/CAD.png' style="width:100%">
<div class="slideText">Computer Assisted Design</div>
</div>
<div class="mySlides2 fade">
<div class="numbertext">7 / 7</div>
<img src='/Images/Billboard/WireRepair.jpg' style="width:100%">
<div class="slideText">Components and wire repair</div>
</div>
</div>
<br>
<div style="text-align:center">
<span class="dot2" onclick="currentSlide2(1)"></span>
<span class="dot2" onclick="currentSlide2(2)"></span>
<span class="dot2" onclick="currentSlide2(3)"></span>
<span class="dot2" onclick="currentSlide2(4)"></span>
<span class="dot2" onclick="currentSlide2(5)"></span>
<span class="dot2" onclick="currentSlide2(6)"></span>
<span class="dot2" onclick="currentSlide2(7)"></span>
</div>
<br>
</section>
<hr width="80%">
<h2>Professional Experience</h2>
<section id="section3">
<h3>USAF:<div style="float:right">04/2019-Present</div></h3>
<br>
<h3>Avionics Technician:<div style="float:right">04/2019-07/2021</div></h3>
<h4>
<ul>
<li>Completed 4 months-long job training with perfect scores, performed 99th percentile.</a></li>
<li>Demonstrated advanced competence. Completed upgrade training 4 months early.</a></li>
<li>Repaired multifunctional, guidance, radar, and integration systems across 48 aircraft.</a></li>
<li>Identified and rectified long-standing procedural errors in troubleshooting guidance affecting the entire F-15E Strike Eagle fleet. Saved the USAF over 1200 man-hours.</a></li>
</ul>
</h4>
<br>
<h3>Support Equipment Technician:<div style="float:right">07/2021-02/2023</div></h3>
<h4>
<ul>
<li>Coordinated and led over 110 software upgrades on computerized equipment assets.</a></li>
<li>Led team of 9 for CAD/CNC programming; prototyped/developed custom tool-kits.</a></li>
<li>Instituted SQL-networked tool accountability system across 6 stations in deployed environments. Increased speed of automated asset transfer documentation by 300%.</a></li>
<li>Oversaw Electronic Warfare/Combat (EW) and Nuclear Surety Inspection related maintenance and upgrades, flawless pass on all inspections.</a></li>
</ul>
</h4>
<h3>Electronic Warfare Technician:<div style="float:right">02/2023-Present</div></h3>
<h4>
<ul>
<li>Repaired 9 Electronic Warfare test stations and 24 EW peripheral equipment assets.</a></li>
<li>Assessed performance of Electronic Warfare computer and RF signal detection systems across 46 aircraft covering 5 different airframes.</a></li>
</ul>
</h4>
</section>
<hr width="80%">
<section id="section4">
<h2>Education and Certification</h2>
<h3>
<ul>
<li>Associates of Applied Sciences (CCAF)</a></li>
<li>General Radio Operator’s License</a></li>
<li>AI Design and Programming Certification</a></li>
<li>Secret Security Clearance</a></li>
</ul>
</h3>
</section>
<!-- <button onclick="doSomething()" style="border-radius: 5px;">I AM A BUTTON</button>
<p id="ID1">I will change when you click the above button</p> -->
<script>
// Get the link element
const links = document.querySelectorAll('a[href^="#"]');
links.forEach(function(link)
{
// Add an event listener to detect when the link is clicked
link.addEventListener("click", (event) => {
// Prevent the default link behavior
event.preventDefault();
// Get the target element
const target = document.querySelector(
link.getAttribute("href")
);
// Get the position of the target element
const targetRect = target.getBoundingClientRect();
// Scroll to the position of the target element
var offset = window.pageYOffset - 300;
window.scrollTo({
top: targetRect.top + offset,
left: targetRect.left + window.pageXOffset,
behavior: "smooth",
});});
})
//Slideshow
var slideIndex = 0;
var slideIndex2 = 0;
showSlides();
showSlides2();
function currentSlide(n) {
if (n > slides.length) {n = 1}
else if(n < 1) {n = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slideIndex = n;
slides[n-1].style.display = "block";
dots[n-1].className += " active";
}
function currentSlide2(n) {
if (n > slides2.length) {n = 1}
else if(n < 1) {n = slides2.length}
for (i = 0; i < slides2.length; i++) {
slides2[i].style.display = "none";
}
for (i = 0; i < dots2.length; i++) {
dots2[i].className = dots2[i].className.replace(" active", "");
}
slideIndex2 = n;
slides2[n-1].style.display = "block";
dots2[n-1].className += " active";
}
function showSlides() {
var i;
slides = document.getElementsByClassName("mySlides");
dots = document.getElementsByClassName("dot");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex> slides.length) {slideIndex = 1}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
setTimeout(showSlides, 10000); // Change image every 8 seconds
}
function showSlides2() {
var i;
slides2 = document.getElementsByClassName("mySlides2");
dots2 = document.getElementsByClassName("dot2");
for (i = 0; i < slides2.length; i++) {
slides2[i].style.display = "none";
}
slideIndex2++;
if (slideIndex2> slides2.length) {slideIndex2 = 1}
for (i = 0; i < dots2.length; i++) {
dots2[i].className = dots2[i].className.replace(" active", "");
}
slides2[slideIndex2-1].style.display = "block";
dots2[slideIndex2-1].className += " active";
setTimeout(showSlides2, 10000); // Change image every 8 seconds
}
</script>
</body>
</html>