PageSourceSearch

https://phrozensmoke.com/prof/noaa.php

html phrozensmoke.com collected 2026-09-24 22:45:15 UTC 50,636 bytes, 1,030 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en">
4
5<head>
6  <meta charset="utf-8" />
7  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
9   <meta property="og:title" content="PhrozenSmoke LLC: Solution Architecture, Data Architecture, Business Analysis, Project Management, Full Stack Development, Technical Writing"/>
10    <meta property="og:type" content="website"/>
11    <meta property="og:url" content="http://www.phrozensmoke.com"/>
12    <meta property="og:site_name" content="PhrozenSmoke LLC"/>
13    <meta property="fb:admins" content="100000030032805"/>
14    <meta property="og:description"
15          content="PhrozenSmoke LLC: Solution Architecture, Data Architecture, Business Analysis, Project Management, Full Stack Development, Technical Writing"/>
16	<meta property="og:locality" content="Washington"/>
17    <meta property="og:region" content="DC"/>
18    <meta property="og:postal-code" content="20001"/>
19    <meta property="og:country-name" content="USA"/>
20<meta name="viewport" content="width=device-width; initial-scale=1.0">
21  <title>
22    PhrozenSmoke LLC: Solution Architecture, Data Architecture, Business Analysis, Project Management, Full Stack Development, Technical Writing
23  </title>
24
25</head>
26
27<body class=""> 
28
29
30
31 <!-- Favicon -->
32  <link href="https://phrozensmoke.com/assets/img/brand/favicon.png" rel="icon" type="image/png"> 
33
34 <!-- Fonts -->
35  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
36  <!-- Icons -->
37  <link href="https://phrozensmoke.com/assets/js/plugins/nucleo/css/nucleo.css" rel="stylesheet" />
38  <link href="https://phrozensmoke.com/assets/js/plugins/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
39  <!-- CSS Files -->
40  <link href="https://phrozensmoke.com/assets/css/argon-dashboard.css?v=1.1.0" rel="stylesheet" />
41
42<! -- EXPERIMENTAL : may help with slide show -->
43<!-- 
44  <link href="https://phrozensmoke.com/assets/css/argon.min.css" rel="stylesheet" /> -->
45</head>
46
47  <!--   Core   -->
48  
48<script src="https://phrozensmoke.com/assets/js/plugins/jquery/dist/jquery.min.js"></script>
48
49  
49<script src="https://phrozensmoke.com/assets/js/plugins/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
49
50  <!--   Optional JS   -->
51  
51<script src="https://phrozensmoke.com/assets/js/plugins/chart.js/dist/Chart.min.js"></script>
51
52  
52<script src="https://phrozensmoke.com/assets/js/plugins/chart.js/dist/Chart.extension.js"></script>
52
53  <!--   Argon JS   -->
54  
54<script src="https://phrozensmoke.com/assets/js/argon-dashboard.min.js?v=1.1.0"></script>
vendor: 1 bytes, line 54
54
55<script>
56$(document).ready(function(){
57   $('[data-toggle="popover"]').popover({
58      html:true
59   });   
60
61});
62
63
64
65function doMail() {
66
67words=["mailto:","@","phrozeq8j7JUNK890TEXTnsmoke","phrozensmoke",".com"];  
68wordsT=["mailto:","@","erica.q8j7JUNK890TEXTandrews3","gmail",".com"]; 
69/*
70showMessage("<br>E-mail Addresses:<br>"+"<a href=\""+words[0]+words[3]+words[1]+words[2].replace("q8j7JUNK890TEXT","")+words[4]+"\">"+words[3]+words[1]+words[2].replace("q8j7JUNK890TEXT","")+words[4]+"</a>"+"<br><a href=\""+wordsT[0]+wordsT[2].replace("q8j7JUNK890TEXT","")+wordsT[1]+wordsT[3]+wordsT[4]+"\">"+wordsT[2].replace("q8j7JUNK890TEXT","")+wordsT[1]+wordsT[3]+words[4]+"</a>"); 
71*/ 
72$( "#emailMenuDropdown" ).html("<br>"+"<a class=\"dropdown-item\" href=\""+wordsT[0]+wordsT[2].replace("q8j7JUNK890TEXT","")+wordsT[1]+wordsT[3]+wordsT[4]+"\"><i class=\"far fa-envelope text-primary\"></i>"+wordsT[2].replace("q8j7JUNK890TEXT","")+wordsT[1]+wordsT[3]+words[4]+"</a><a class=\"dropdown-item\" href=\""+words[0]+words[3]+words[1]+words[2].replace("q8j7JUNK890TEXT","")+words[4]+"\"><i class=\"far fa-envelope text-primary\"></i>"+words[3]+words[1]+words[2].replace("q8j7JUNK890TEXT","")+words[4]+"</a><br /><a class=\"dropdown-item\" href=\"http://www.linkedin.com/in/cjandrewspm\" target=\"_blank_newLI\"><img src=\"https://phrozensmoke.com/linkedin_myprofile_160x33.png\" width=\"160\" height=\"33\" border=\"0\" alt=\"View my profile on LinkedIn\" title=\"View my profile on LinkedIn\"></a><b><a class=\"dropdown-item\" href=\"http://www.linkedin.com/in/cjandrewspm\" target=\"_newBlankLI\"><i class=\"fab fa-linkedin text-primary\"></i>http://www.linkedin.com/in/cjandrewspm</a></b><br /><a class=\"dropdown-item\" href=\"https://github.com/phrozensmoke\" target=\"_blank_newLI\"><img src=\"https://phrozensmoke.com/github-logo.png\" width=\"90\" height=\"30\" border=\"0\" alt=\"View my profile on GitHub\" title=\"View my profile on GitHub\"></a><b><a class=\"dropdown-item\" href=\"https://github.com/phrozensmoke\" target=\"_newBlankLI\"><i class=\"fab fa-github text-primary\"></i>https://github.com/phrozensmoke</a></b>"); 
73
74
75
76} 
77
78function doMailTwo() {
79
80words=["mailto:","@","phrozeq8j7JUNK890TEXTnsmoke","phrozensmoke",".com"];  
81wordsT=["mailto:","@","erica.q8j7JUNK890TEXTandrews3","gmail",".com"]; 
82
83
84$( "#buttonContactMeMsg" ).html("<br>"+"<a class=\"dropdown-item\" href=\""+wordsT[0]+wordsT[2].replace("q8j7JUNK890TEXT","")+wordsT[1]+wordsT[3]+wordsT[4]+"\"><i class=\"far fa-envelope text-primary\"></i> "+wordsT[2].replace("q8j7JUNK890TEXT","")+wordsT[1]+wordsT[3]+words[4]+"</a><a class=\"dropdown-item\" href=\""+words[0]+words[3]+words[1]+words[2].replace("q8j7JUNK890TEXT","")+words[4]+"\"><i class=\"far fa-envelope text-primary\"></i> "+words[3]+words[1]+words[2].replace("q8j7JUNK890TEXT","")+words[4]+"</a><br /><a class=\"dropdown-item\" href=\"http://www.linkedin.com/in/cjandrewspm\" target=\"_blank_newLI\"><img src=\"https://phrozensmoke.com/linkedin_myprofile_160x33.png\" width=\"160\" height=\"33\" border=\"0\" alt=\"View my profile on LinkedIn\" title=\"View my profile on LinkedIn\"></a><b><a class=\"dropdown-item\" href=\"http://www.linkedin.com/in/cjandrewspm\" target=\"_newBlankLI\"><i class=\"fab fa-linkedin text-primary\"></i> http://www.linkedin.com/in/cjandrewspm</a></b><br /><a class=\"dropdown-item\" href=\"https://github.com/phrozensmoke\" target=\"_blank_newLI\"><img src=\"https://phrozensmoke.com/github-logo.png\" width=\"90\" height=\"30\" border=\"0\" alt=\"View my profile on GitHub\" title=\"View my profile on GitHub\"></a><b><a class=\"dropdown-item\" href=\"https://github.com/phrozensmoke\" target=\"_newBlankLI\"><i class=\"fab fa-github text-primary\"></i> https://github.com/phrozensmoke</a></b>"); 
85
86} 
87
88function showContact() {
89 $('#buttonContactMe').click(); 
90 doMailTwo();
91}
92
93</script>
93
94
95
96<nav class="navbar navbar-vertical fixed-left navbar-expand-md navbar-light bg-white" id="sidenav-main">
97    <div class="container-fluid">
98
99      <!-- Brand -->
100      <a class="navbar-brand pt-0 " href="https://phrozensmoke.com/index.php">
101        <!-- <img src="./assets/img/brand/blue.png" class="navbar-brand-img" alt="..."> -->
102
103 
104        <img src="https://phrozensmoke.com/assets/img/brand/phrozen.png" class="navbar-brand-img" alt="..."> 
105      <!-- User -->
106      <!-- Collapse -->
107      <div class="collapse navbar-collapse" id="sidenav-collapse-main">
108        <!-- Collapse header -->
109        <div class="navbar-collapse-header d-md-none">
110          <div class="row">
111            <div class="col-6 collapse-brand">
112              <a href="https://phrozensmoke.com/index.php">
113                <img src="https://phrozensmoke.com/assets/img/brand/phrozen.png">
114              </a>
115            </div>
116            <div class="col-6 collapse-close">
117              <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#sidenav-collapse-main" aria-controls="sidenav-main" aria-expanded="false" aria-label="Toggle sidenav">
118                <span></span>
119                <span></span>
120              </button>
121            </div>
122          </div>
123        </div>
124        <!-- Form -->
125        <form class="mt-4 mb-3 d-md-none">
126          <div class="input-group input-group-rounded input-group-merge">
127            <input type="search" class="form-control form-control-rounded form-control-prepended" placeholder="Search" aria-label="Search">
128            <div class="input-group-prepend">
129              <div class="input-group-text">
130                <span class="fa fa-search"></span>
131              </div>
132            </div>
133          </div>
134        </form>
135        <!-- Navigation -->
136        <ul class="navbar-nav">
137          <li class="nav-item  active bg-warn">
138          <a class=" nav-link active "   data-toggle="collapse"  href="#collapseExample" aria-expanded="false" aria-controls="collapseExample" ><i class="far fa-file  text-primary "></i>Credentials
139            </a>
140
141<div class="collapse" id="collapseExample">
142<!-- 
143                    <div class="card card-body nav-link nav-item">
144                        <a class="nav-link nav-item"   href="./resume/resume.pdf" target="NewWin1"><i class="ni ni-tv-2 text-primary"></i>Resume &amp; Credentials</a>
145  		    </div> --> 
146                    <div class="nav-link nav-item navbar-expand-sm">
147
148                        <a class="nav-link nav-item" alt="My Resume"  title="My Resume" href="https://phrozensmoke.com/resume/resume.pdf" target="NewWin3c"><i class="far fa-file-pdf text-primary"></i><span class="sr-only">Opens in new window</span>My Resume</a>
149  		    </div>
150		    <div class="nav-link nav-item navbar-expand-sm">
151                        <a class="nav-link nav-item"  alt="PMP Certification"  title="PMP Certification"  href="https://phrozensmoke.com/resume/Certification_1551139.pdf" target="NewWin3"><i class="fas fa-certificate  text-primary"></i><span class="sr-only">Opens in new window</span>PMP Certification</a>
152  		    </div>
153		    <div class="nav-link nav-item navbar-expand-sm">
154                        <a class="nav-link nav-item"  alt="PMP Online Credential"  title="PMP Online Credential"  href="https://www.youracclaim.com/badges/5e01d526-5afe-4523-a780-32f68bea9e86/linked_in_profile" target="NewWin3bb"><i class="fas fa-certificate  text-primary"></i><span class="sr-only">Opens in new window</span>PMP Online Credential</a>
155  		    </div>
156		    <div class="nav-link nav-item navbar-expand-sm">
157                        <a class="nav-link nav-item"  alt="PMP Test Results"  title="PMP Test Results"  href="https://phrozensmoke.com/resume/ScoreReport_2516586_2012_00_01.pdf" target="NewWin2"><i class="fas fa-certificate text-primary"></i><span class="sr-only">Opens in new window</span>PMP Test Results</a>
158  		    </div>
159		    <div class="nav-link nav-item navbar-expand-sm">
160
161                        <a class="nav-link nav-item" alt="ITIL Certification"  title="ITIL Certification"  href="https://phrozensmoke.com/resume/CSMECertificate.pdf" target="NewWin3aa"><i class="fas fa-certificate  text-primary"></i><span class="sr-only">Opens in new window</span>ITIL Certification</a>
162  		    </div>
163		    <div class="nav-link nav-item navbar-expand-sm">
164                        <a class="nav-link nav-item" alt="Scrum Fundamentals Certified Professional"  title="Scrum Fundamentals Certified Professional"  href="https://phrozensmoke.com/resume/ScrumCertificate.pdf" target="NewWin3aa"><i class="fas fa-certificate  text-primary"></i><span class="sr-only">Opens in new window</span>Scrum Fundamentals Certified Professional (SFC)</a>
165  		    </div>
166		    <div class="nav-link nav-item navbar-expand-sm">
167
168                        <a class="nav-link nav-item" alt="Six Sigma Yellow Belt"  title="Six 
168Sigma Yellow Belt"  href="https://phrozensmoke.com/resume/course-certificates-6sigmastudy.pdf" target="NewWin3afa"><i class="fas fa-certificate  text-primary"></i><span class="sr-only">Opens in new window</span>Six Sigma Yellow Belt (SSYB)</a>
169  		    </div>
170		    <div class="nav-link nav-item navbar-expand-sm">
171
172                        <a class="nav-link nav-item" alt="Six Sigma Yellow Belt"  title="Six Sigma Yellow Belt"  href="https://phrozensmoke.com/prof/mpd-award.pdf" target="NewWin3afa"><i class="fas fa-medal  text-primary"></i><span class="sr-only">Opens in new window</span>Police Chief's Medal of Merit Award</a>
173  		    </div>
174
175
176
177
178</div>
179          </li>
180
181
182
183
184        <li class="nav-item  active  bg-warn ">
185          <a class=" nav-link active"   data-toggle="collapse"  href="#collapseExample2" aria-expanded="false" aria-controls="collapseExample2" > <i class="fas fa-folder-open text-info "></i>Portfolio
186            </a>
187
188<div class="collapse" id="collapseExample2">
189
190                    <div class="nav-link nav-item navbar-expand-sm">
191
192                        <a class="nav-link nav-item" alt="D.C. Courts"  title="D.C. Courts"    href="https://phrozensmoke.com/prof/index.php" ><i class="fas fa-gavel text-info "></i>D.C. Courts: Web Voucher System</a>
193
194</div>
195
196                    <div class="nav-link nav-item navbar-expand-sm">
197
198                        <a class="nav-link nav-item" alt="NOAA"  title="NOAA"    href="https://phrozensmoke.com/prof/noaa.php" ><i class="fas fa-globe-americas text-info "></i>NOAA: AMP</a>
199
200</div>
201
202
203                    <div class="nav-link nav-item navbar-expand-sm">
204
205                        <a class="nav-link nav-item" alt="D.C. Police Department"  title="D.C. Police Department"    href="https://phrozensmoke.com/prof/ledc.php" ><i class="fas fa-shield-alt text-info "></i>D.C. Police Department: LEDC</a>
206
207</div>
208                    <div class="nav-link nav-item navbar-expand-sm">
209                        <a class="nav-link nav-item" alt="D.C. Police Department"  title="D.C. Police Department"    href="https://phrozensmoke.com/prof/mdc.php" ><i class="fas fa-shield-alt text-info "></i>D.C. Police Department: MDC</a>
210                    </div><div class="nav-link nav-item navbar-expand-sm">
211			                        <a class="nav-link nav-item" alt="D.C. Police Department"  title="D.C. Police Department"    href="https://phrozensmoke.com/prof/columbo.php" ><i class="fas fa-shield-alt text-info "></i>D.C. Police Department: Columbo</a>
212
213		</div>
214
215
216
217
218                    <div class="nav-link nav-item navbar-expand-sm">
219
220                        <a class="nav-link nav-item" alt="D.C. Protective Service Police"  title="D.C. Protective Service Police"    href="https://phrozensmoke.com/prof/psd.php" ><i class="far fa-id-card text-info "></i>D.C. Protective Service Police: Citywide Credentialing</a>
221
222</div>
223
224                    <div class="nav-link nav-item navbar-expand-sm">
225
226                        <a class="nav-link nav-item" alt="Customs / Dept. of Homeland Security"  title="Customs / Dept. of Homeland Security"    href="https://phrozensmoke.com/prof/customs.php" ><i class="fas fa-user-shield text-info "></i>Customs / DHS: Multiple</a>
227
228</div>
229
230
231</div>
232          </li>
233
234
235        <li class="nav-item  active  bg-warn ">
236          <a class="nav-link nav-item navbar-expand-sm" href="javascript:showContact();"  title="2004 Marine Interdiction Conference"  > <i class="fas fa-user-friends text-success "></i>Contact / Connect
237            </a>
238          </li>
239
240
241        <li class="nav-item  active  bg-warn ">
242          <a class=" nav-link active"   data-toggle="collapse"  href="#collapseExample3" aria-expanded="false" aria-controls="collapseExample3" > <i class="fas fa-code text-yellow "></i>Open Source Projects
243            </a>
244
245<div class="collapse" id="collapseExample3">
246
247                    <div class="nav-item  navHeaderCenter navbar-expand-sm bg-yellow text-black">
248
249                      <i class="far fa-bell"></i> UNMAINTAINED
250		   </div>
251
252 
253                    <div class="nav-link nav-item navbar-expand-sm">
254
255                        <a class="nav-link nav-item" alt="Gyach Enhanced"  title="Gyach Enhanced"    href="https://phrozensmoke.com/projects/pyvoicechat/index.php" ><i class="fas fa-archive text-yellow"></i>Gyach Enhanced</a>
256
257		   </div>
258
259                    <div class="nav-link nav-item navbar-expand-sm">
260
261                        <a class="nav-link nav-item" alt="pY! Voice Chat"  title="pY! Voice Chat"    href="https://phrozensmoke.com/projects/pyvoicechat/index_pyvoice.php" ><i class="fas fa-archive  text-yellow"></i>pY! Voice Chat</a>
262
263			</div>
264
265                    <div class="nav-link nav-item navbar-expand-sm">
266
267                        <a class="nav-link nav-item" alt="Pythonol"  title="Pythonol"    href="https://phrozensmoke.com/projects/pythonol/index.php" ><i class="fas fa-archive text-yellow"></i>Pythonol</a>
268
269			</div>
270
271                    <div class="nav-link nav-item navbar-expand-sm">
272
273                        <a class="nav-link nav-item" alt="IceWMCP"  title="IceWMCP"    href="https://phrozensmoke.com/projects/icewmcp/index.php" ><i class="fas fa-archive text-yellow"></i>IceWMCP</a>
274
275			</div>
276
277                    <div class="nav-link nav-item navbar-expand-sm">
278
279                        <a class="nav-link nav-item" alt="gAnim8"  title="gAnim8"    href="https://phrozensmoke.com/projects/ganim8/index.php" ><i class="fas fa-archive text-yellow"></i>gAnim8</a>
280
281			</div>
282
283                    <div class="nav-link nav-item navbar-expand-sm">
284
285                        <a class="nav-link nav-item" alt="PHPaint"  title="PHPaint"    href="https://phrozensmoke.com/projects/phpaint/index.php" ><i class="fas fa-archive text-yellow"></i>PHPaint</a>
286
287			</div>
288
289
290</div>
291          </li>
292
293
294
295
296        <li class="nav-item  active ">
297          <a class=" nav-link active"   data-toggle="collapse"  href="#collapseExample4" aria-expanded="false" aria-controls="collapseExample4" > <i class="fas fa-laptop-code  text-warning "></i>Technical Playground
298            </a>
299
300<div class="collapse" id="collapseExample4">
301
302                    <div class="nav-item  navHeaderCenter navbar-expand-sm bg-warning text-white">
303
304                      <i class="far fa-bell"></i> UNMAINTAINED
305		   </div>
306 
307                    <div class="nav-link nav-item navbar-expand-sm">
308
309                        <a class="nav-link nav-item" alt="Technical Playground"  title="Technical Playground"    href="https://phrozensmoke.com/techplayground/" ><i class="fas fa-file-archive text-warning"></i>Historic Archive:<br />Open Source Projects<br />(10-15 years old)</a>
310
311		   </div>
312
313                    
314
315
316</div>
317          </li>
318
319
320
321        <li class="nav-item  active  ">
322 
323                        <a class="nav-link nav-item" alt="About"  title="About"    href="https://phrozensmoke.com/me/" ><i class="fas fa-address-card text-danger"></i>About</a>
324
325          </li>
326
327
328
329
330
331        </ul>
332        <!-- Divider -->
333
334
335
336
337      </div>
338    </div>
339  </nav>
340
341  <div class="main-content navbarRIGHT">
342    <!-- Navbar -->
343    <nav class="navbar navbarRIGHT navbar-top navbar-expand-md navbar-dark" id="navbar-main">
344      <div class="container-fluid">
345        <!-- Brand -->
346       <!-- <a class="h4 mb-0 text-white text-uppercase d-none d-lg-inline-block" href="./index.html">Dashboard</a> -->
347
348	
349	<div id="headerDiv"  name="headerDiv" align="left" valign="bottom" style="text-size-adjust: 80%;">
350	PhrozenSmoke LLC<br />
351	<font size="2px" >Solution Architecture | Data Architecture & ETL | Business Analysis | Project Management | Full Stack Development | Agile</font>
352	</div>
353        <!-- Form -->
354
355      </div>
356    </nav>
357
358    <!-- End Navbar -->
359
360
361
362
363    <!-- Header -->
364    <div class="header bg-gradient-primary pb-8 pt-5 pt-md-8">
365
366
367
368
369<script>
370function overlay() {
371	/*  This shows/hides the informational popup window */
372
373	el = document.getElementById("overlay");
374	needtoShow=0; 
375	if (el.style.visibility == "visible") {needtoShow=1; }
376	else  { needtoShow=0; }
377	el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
378	if (needtoShow==1) {$('#contentViewDiv').show();}
379	else {$('#contentViewDiv').hide();}
380	
381
382}
383
384
385
386function showMessage(someMessage) {
387	/*  A nice-looking jQuery informational popup window for messages shown to users */
388
389	$('#modalcontent').empty();
390	$('#modalcontent').append(someMessage+"<Br> &nbsp; <br>");
391	overlay();
392	scrollTo(0,0);
393	try {
394		document.getElementById("okCloseButtonElem").focus();
395		//highlightDataErrorField("okCloseButtonElem");
396	} catch(err) {}	
397
398}
399</script>
399
400
401
402      <div class="container-fluid">
403        <div class="header-body">
404          <!-- Card stats -->
405          <div class="row">
406        
407
408
409
410
411            <div class="col-xl-3 col-lg-6">
412              <div class="card card-stats mb-4 mb-xl-0">
413                <div class="card-body">
414                  <div class="row">
415
416            <ul class="navbar-nav ml-lg-auto2">
417
418
419                <li class="nav-item dropdown" >
420                    <a class="nav-link nav-link-icon" href="#" id="navbar-default_dropdown_1" role="button" style="white-space: nowrap;"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
421			      <div class="icon icon-shape bg-primary text-white folder-17 shadow">
422				        <i class="fas fa-file-alt"></i>
423				      </div>
424                        <span class="card-title text-uppercase text-muted mb-0"  style="word-wrap:break-word;     white-space: normal">Credentials</span>
425
426    
427                    </a>
428                    <div class="dropdown-menu dropdown-menu-right bg-primary" aria-labelledby="navbar-default_dropdown_1">
429                        <a class="dropdown-item" href="https://phrozensmoke.com/resume/resume.pdf" target="NewWin1"><i class="far fa-file-pdf text-default"></i><span class="sr-only">Opens in new window</span>My Resume</a>
430                        <div class="dropdown-divider"></div>
431
432                        <a class="dropdown-item" href="https://phrozensmoke.com/resume/Certification_1551139.pdf" target="NewWin3"><i class="fas fa-certificate text-default"></i><span class="sr-only">Opens in new window</span>PMP Certification</a>
433                        <a class="dropdown-item" href="https://www.youracclaim.com/badges/5e01d526-5afe-4523-a780-32f68bea9e86/linked_in_profile" target="NewWin3bb"><i class="fas fa-certificate text-default"></i><span class="sr-only">Opens in new window</span>PMP Online Credential</a>
434                        <a class="dropdown-item" href="https://phrozensmoke.com/resume/ScoreReport_2516586_2012_00_01.pdf" target="NewWin2"><i class="fas fa-certificate text-default"></i><span class="sr-only">Opens in new window</span>PMP Test Results</a>
435
436                        <a class="dropdown-item" href="https://phrozensmoke.com/resume/CSMECertificate.pdf" target="NewWin3aa"><i class="fas fa-certificate text-default"></i><span class="sr-only">Opens in new window</span>ITIL Certification</a>
437                        <a class="dropdown-item" href="https://phrozensmoke.com/resume/ScrumCertificate.pdf" target="NewWin3aa"><i class="fas fa-certificate text-default"></i><span class="sr-only">Opens in new window</span>Scrum Fundamentals Certified Professional (SFC)</a>
438
439                        <a class="dropdown-item" href="https://phrozensmoke.com/resume/course-certificates-6sigmastudy.pdf" target="NewWin3afa"><i class="fas fa-certificate text-default"></i><span class="sr-only">Opens in new window</span>Six Sigma Yellow Belt (SSYB)</a>
440
441
442                        <a class="dropdown-item" href="https://phrozensmoke.com/prof/mpd-award.pdf" target="NewWin3afdda"><i class="fas fa-medal text-default"></i><span class="sr-only">Opens in new window</span>Police Chief's Medal of Merit Award</a>
443                    </div>
444                </li>
445            </ul>
446                  </div>
447   
448                </div>
449              </div>
450            </div>
451
452
453            <div class="col-xl-3 col-lg-6">
454              <div class="card card-stats mb-4 mb-xl-0">
455                <div class="card-body">
456                  <div class="row">
457
458            <ul class="navbar-nav ml-lg-auto2">
459
460
461                <li class="nav-item dropdown" >
462                    <a class="nav-link nav-link-icon" href="#" id="navbar-default_dropdown_1" role="button" style="white-space: nowrap;"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
463			      <div class="icon icon-shape bg-info text-white folder-17 shadow">
464				        <i class="far fa-folder-open"></i>
465				      </div>
466                        <span class="card-title text-uppercase text-muted mb-0">Portfolio</span>
467
468                    <div class="dropdown-menu dropdown-menu-right bg-info" aria-labelledby="navbar-default_dropdown_1">
469                        <a class="dropdown-item" href="https://phrozensmoke.com/prof/index.php"><i class="fas fa-gavel text-primary text-default"></i>D.C. Courts: Web Voucher System</a>
470
471                        <a class="dropdown-item" href="https://phrozensmoke.com/prof/noaa.php"><i class="fas fa-globe-americas text-primary"></i>NOAA: AMP</a>
472
473                        <a class="dropdown-item" href="https://phrozensmoke.com/prof/ledc.php"><i class="fas fa-shield-alt text-primary text-default"></i>D.C. Police Department: LEDC</a>
474
475                        <a class="dropdown-item" href="https://phrozensmoke.com/prof/mdc.php"><i class="fas fa-shield-alt text-primary text-default"></i>D.C. Police Department: MDC</a>
476
477                        <a class="dropdown-item" href="https://phrozensmoke.com/prof/columbo.php"><i class="fas fa-shield-alt  text-primary text-default"></i>D.C. Police Department: Columbo</a>
478
479                        <a class="dropdown-item" href="https://phrozensmoke.com/prof/psd.php"><i class="far fa-id-card  text-primary"></i>D.C. Protective Service Police: Citywide Credentialing</a>
480
481                        <a class="dropdown-item" href="https://phrozensmoke.com/prof/customs.php"><i class="fas fa-user-shield text-primary"></i>Customs / Dept. of Homeland Security</a>
482
483                    </div>
484                </li>
485            </ul>
486                  </div>
487   
488                </div>
489              </div>
490            </div>
491
492            <div class="col-xl-3 col-lg-6">
493              <div class="card card-stats mb-4 mb-xl-0">
494                <div class="card-body">
495                  <div class="row">
496
497            <ul class="navbar-nav ml-lg-auto2">
498
499
500                <li class="nav-item dropdown" >
501                    <a class="nav-link nav-link-icon" href="#" id="navbar-default_dropdown_1" role="button" style="white-space: nowrap;"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
502			      <div class="icon icon-shape bg-success text-white folder-17 shadow">
503				        <i class="fas fa-user-friends"></i>
504				 </div>
505                        <span class="card-title text-uppercase text-muted mb-0">Connect</span>
506                    </a>
507                    <div class="dropdown-menu dropdown-menu-right bg-success" aria-labelledby="navbar-default_dropdown_1">
508
509			<div class="dropdown-item" id="emailMenuDropdown" >
510					 
511
512			<div>
513
514				<a class="dropdown-item" href="https://www.linkedin.com/in/cjandrewspm/" target="_blank_newLI">      
515				  <img src="https://phrozensmoke.com/linkedin_myprofile_160x33.png" width="160" height="33" border="0" alt="View my profile on LinkedIn" title="View my profile on LinkedIn">
516			    	</a>
517
518				<br>Join my LinkedIn network:<br><b><a class="dropdown-item" href="https://www.linkedin.com/in/cjandrewspm/" target="_newBlankLI">https://www.linkedin.com/in/cjandrewspm/</a></b>
519
520		                <a class="dropdown-item" href="https://phrozensmoke.com/resume/resume.pdf" target="NewWin1">EMAIL</a>
521						<div class="dropdown-divider"></div>
522
523						<a class="dropdown-item" href="https://phrozensmoke.com/resume/Certification_1551139.pdf" target="NewWin3">LinkedIN</a>
524			     
525			</div>
526
527
528                </li>
529
530
531
532
533
534
535            </ul>
536                  </div>
537   
538                </div>
539              </div>
540            </div>
541
542
543
544            <div class="col-xl-3 col-lg-6">
545              <div class="card card-stats mb-4 mb-xl-0">
546                <div class="card-body">
547                  <div class="row">
548
549                    <a class="nav-link nav-link-icon" href="https://phrozensmoke.com/me/" id="navbar-default_dropdown_1" role="button" style="white-space: nowrap;" >
550			      <div class="icon icon-shape bg-danger text-white folder-17 shadow">
551				        <i class="fas fa-address-card"></i>
552				 </div>
553                        <span class="card-title text-uppercase text-muted mb-0">About</span>
554                    </a>
555
556
557                  </div>
558   
559                </div>
560              </div>
561            </div>
562
563 
564
565          </div>
566        </div>
567      </div>
568    </div>
569
570
571
572
573    <div class="container-fluid mt--7">
574      <div class="row">
575
576
577        <div class="col-xl-8 mb-5 mb-xl-0">
578          <div class="card2 bg-gradient-phrozen shadow">
579
580<!--  CONTENT STARTS HERE -->
581<!--  CONTENT STARTS HERE -->
582
583
584
585
586
587          <div class="card-body">
588
589<table border=0 width="99%" cellspacing=0 class="profHeaderTable"  id="profHeaderTable1" cellpadding=3 cellspacing=0><tr><td align=left valign=top> 
590<tr>
591<td align=left  class="profHeaderLeft" valign=top > <p class="lead">
592<a href="http://www.nmfs.noaa.gov/" target="newProfWin"><img src="noaa.gif" alt="NOAA - National Oceanic and Atmospheric Adminstration" title="NOAA - National Oceanic and Atmospheric Adminstration" height=75 border=0 id="mpdButton" class="otherIndustry" onMouseOver="document.getElementById('mpdButton').style.boxShadow='#000000 4px 4px 4px'; this.style.border='1px solid #000008';" onMouseOut="document.getElementById('mpdButton').style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';"></a>
593</p>
594</td>
595<td align=left  class="profHeaderMiddle" width="55%" valign=top > 
596<p class="lead">
597<font size=4 face=helvetica color=#000000><b>Professional Experience:<br><i><a href="http://www.nmfs.noaa.gov/" class="otherIndustry"  target="newProfWin" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px'; this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';">NOAA - National Oceanic and Atmospheric Adminstration</a></i></b></font>
598</p>
599
600</td>
601<td align=center  class="profHeaderRight" width="40%" valign=top > 
602<p class="lead">
603<u>Industry Experience</u><i>:<br>
604
605<a href="index.php"><img src="dccourts.gif" height=65 border=0 alt="District of Columbia Courts" title="District of Columbia Courts" id="noaaButton" class="otherIndustry" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px';  this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';"></a>
606
607<a href="noaa.php"><img src="noaa.gif" height=65 border=0 alt="NOAA - National Oceanic and Atmospheric Adminstration" title="NOAA - National Oceanic and Atmospheric Adminstration" id="noaaButton" class="otherIndustry" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px';  this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';"></a>
608<a href="ledc.php"><img src="mpd.gif" border=0 height=65 alt="D.C. Metropolitan Police Department" title="D.C. Metropolitan Police Department" id="psdButton" class="otherIndustry" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px'; this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';"></a> 
609<a href="psd.php"><img src="psd.gif" border=0 height=65 alt="D.C. Protective Services Police Department" title="D.C. Protective Services Police Department" id="psdButton" class="otherIndustry" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px'; this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';"></a> 
610<a href="customs.php"><img src="customs.gif" height=65 border=0 alt="U.S. Customs and Border Protection, Department of Homeland Security" title="U.S. Customs and Border Protection, Department of Homeland Security" id="dhsButton" class="otherIndustry" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px';  this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';"></a>
611
612</p>
613</td>
614</tr>
615<tr>
616<td align=left  class="profHeaderBottom" valign=top colspan=3> 
617<p class="lead">
618<font size=2 face=helvetica color=#000000> &nbsp; Please refer to  <b><a href="https://phrozensmoke.com/resume/index.html" target="newFile0" class="otherIndustry" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px'; this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';">my resume</a></b> for detail regarding my professional experience.</font></p>
619</td>
620</tr>
621</table>
622
623<br>
624
625<!-- NOAA  -->
626
627<table border=2 width="99%" class="profHeaderTable" id="profHeaderTable2" cellpadding=5 cellspacing=5><tr><td align=left width="75%" valign=top> 
628<p class="lead">
629
630<B>Asset Management and Planning System (AMP) [2011-2015]:</b></font><font size=2 face=helvetica color=#000000>
631</p>
632<p class="lead">
633
634Long-term contract as the Lead Technical Architect and Lead Developer with the Federal government's  National Oceanic and Atmospheric Administration (NOAA) National Marine Fisheries Service (NMFS) automation, data migration, and modernization effort for facility management of 1.5 million square feet of Federal government properties throughout U.S coastal areas. I led development of a cloud-based, enterprise, SOA solution consisting of the latest Java/J2EE, Oracle 11g (OAS), WebLogic 10.3 (WLS), AJAX / jQuery, RedHat Enterprise Linux (RHEL), and Web Services technologies to deliver a federated Single Sign-on environment utilizing current best practices for authentication, authorization, and security architecture. In addition, I performed business analysis and assisted with business process adaptation and overall data architecture.
635
636<br> &nbsp; <br>
637<a href="https://www.st.nmfs.noaa.gov/amp/" target="Gettoqit2" class="otherIndustry" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px'; this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';">NOAA's Asset Management and Planning System</a> (Password-protected)
638<br> &nbsp; <br>
639<u>Project Roles:</u> Technical Lead, Lead Developer, Business Analyst
640<br> &nbsp; <br>
641<u>System Environment:</u> Java, Oracle,  Weblogic, Subversion, Aseembla, JQuery, JavaScript, Axis2, XML, CSS, Rest/SOAP
642</p>
643</td>
644<td align=left width="25%" valign=top> 
645<B><i>Screenshots</i></b><br>
646<p class="lead">
647
648
649<div class="profVideoElement3" id="profVideoElement" >
650<a tabindex="0" class="btn btn-lg btn-info" role="button" data-toggle="popover"  data-placement="left" 
651	
652		data-trigger="focus" title="AMP" data-content="<img src='./amp12.jpg'>"><img src="amp12.jpg" width="230px"  border=0   class="otherIndustry" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px'; this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';"></a>
653
654<br>
655<font size=2 face=helvetica color=#000000>
656(Click to Enlarge)
657</div>
658
659<br>
660
661<div class="profVideoElement3" id="profVideoElement" >
662<a tabindex="0" class="btn btn-lg btn-info" role="button" data-toggle="popover"  data-placement="left" 
663	
664		data-trigger="focus" title="AMP" data-content="<img src='./amp10.JPG'>"><img src="amp10.JPG" width="230px"  border=0   class="otherIndustry" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px'; this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';"></a>
665
666<br>
667<font size=2 face=helvetica color=#000000>
668(Click to Enlarge)
669</div>
670
671<br>
672
673<div class="profVideoElement3" id="profVideoElement" >
674
675<a tabindex="0" class="btn btn-lg btn-info" role="button" data-toggle="popover"  data-placement="left" 
676	
677		data-trigger="focus" title="AMP" data-content="<img src='./amp1.JPG'>"><img src="amp1.JPG" width="230px"  border=0   class="otherIndustry" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px'; this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';"></a>
678
679
680<br>
681<font size=2 face=helvetica color=#000000>
682(Click to Enlarge)
683</div>
684
685<br>
686
687
688<div class="profVideoElement3" id="profVideoElement" >
689
690<a tabindex="0" class="btn btn-lg btn-info" role="button" data-toggle="popover"  data-placement="left" 
691	
692		data-trigger="focus" title="AMP" data-content="<img src='./amp2.JPG'>"><img src="amp2.JPG" width="230px"  border=0   class="otherIndustry" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px'; this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';"></a>
693
694
695<br>
696<font size=2 face=helvetica color=#000000>
697(Click to Enlarge)
698</div>
699
700<br>
701
702
703<div class="profVideoElement3" id="profVideoElement" >
704
705<a tabindex="0" class="btn btn-lg btn-info" role="button" data-toggle="popover"  data-placement="left" 
706	
707		data-trigger="focus" title="AMP" data-content="<img src='./amp3.JPG'>"><img src="amp3.JPG" width="230px"  border=0   class="otherIndustry" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px'; this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';"></a>
708
709
710<br>
711<font size=2 face=helvetica color=#000000>
712(Click to Enlarge)
713</div>
714
715<br>
716
717
718<div class="profVideoElement3" id="profVideoElement" >
719
720<a tabindex="0" class="btn btn-lg btn-info" role="button" data-toggle="popover"  data-placement="left" 
721	
722		data-trigger="focus" title="AMP" data-content="<img src='./amp4.JPG'>"><img src="amp4.JPG" width="230px"  border=0   class="otherIndustry" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px'; this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';"></a>
723
724
725<br>
726<font size=2 face=helvetica color=#000000>
727(Click to Enlarge)
728</div>
729<br>
730
731
732
733<div class="profVideoElement3" id="profVideoElement" >
734<a tabindex="0" class="btn btn-lg btn-info" role="button" data-toggle="popover"  data-placement="left" 
735	
736		data-trigger="focus" title="AMP" data-content="<img src='./amp5.JPG'>"><img src="amp5.JPG" width="230px"  border=0   class="otherIndustry" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px'; this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';"></a>
737
738
739<br>
740<font size=2 face=helvetica color=#000000>
741(Click to Enlarge)
742</div>
743
744
745<br>
746
747<div class="profVideoElement3" id="profVideoElement" >
748
749<a tabindex="0" class="btn btn-lg btn-info" role="button" data-toggle="popover"  data-placement="left" 
750	
751		data-trigger="focus" title="AMP" data-content="<img src='./amp6.JPG'>"><img src="amp6.JPG" width="230px"  border=0   class="otherIndustry" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px'; this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';"></a>
752
753
754<br>
755<font size=2 face=helvetica color=#000000>
756(Click to Enlarge)
757</div>
758
759<br>
760<div class="profVideoElement3" id="profVideoElement" >
761
762<a tabindex="0" class="btn btn-lg btn-info" role="button" data-toggle="popover"  data-placement="left" 
763	
764		data-trigger="focus" title="AMP" data-content="<img src='./amp7.JPG'>"><img src="amp7.JPG" width="230px"  border=0   class="otherIndustry" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px'; this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';"></a>
765
766
767<br>
768<font size=2 face=helvetica color=#000000>
769(Click to Enlarge)
770</div>
771
772<br>
773
774<div class="profVideoElement3" id="profVideoElement" >
775
776<a tabindex="0" class="btn btn-lg btn-info" role="button" data-toggle="popover"  data-placement="left" 
777	
778		data-trigger="focus" title="AMP" data-content="<img src='./amp8.JPG'>"><img src="amp8.JPG" width="230px"  border=0   class="otherIndustry" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px'; this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';"></a>
779
780<br>
781<font size=2 face=helvetica color=#000000>
782(Click to Enlarge)
783</div>
784
785<br>
786
787<div class="profVideoElement3" id="profVideoElement" >
788
789<a tabindex="0" class="btn btn-lg btn-info" role="button" data-toggle="popover"  data-placement="left" 
790	
791		data-trigger="focus" title="AMP" data-content="<img src='./amp9.JPG'>"><img src="amp9.JPG" width="230px"  border=0   class="otherIndustry" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px'; this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';"></a>
792
793
794<br>
795<font size=2 face=helvetica color=#000000>
796(Click to Enlarge)
797</div>
798
799
800<br>
801<div class="profVideoElement3" id="profVideoElement" >
802
803<a tabindex="0" class="btn btn-lg btn-info" role="button" data-toggle="popover"  data-placement="left" 
804	
805		data-trigger="focus" title="AMP" data-content="<img src='./amp11.jpg'>"><img src="amp11.jpg" width="230px"  border=0   class="otherIndustry" onMouseOver="this.style.boxShadow='#000000 4px 4px 4px'; this.style.border='1px solid #000008';" onMouseOut="this.style.boxShadow='transparent 4px 4px 4px'; this.style.border='1px solid transparent';"></a>
806
807<br>
808<font size=2 face=helvetica color=#000000>
809(Click to Enlarge)
810</div>
811
812
813</p>
814</font></b>
815<br>
816
817</td></tr></table>
818
819<script language="javascript">
820/*
821function testCSS(prop) {
822    return prop in document.documentElement.style;
823}
824
825var isFirefox = testCSS('MozBoxSizing');      // FF 0.8+  Find out if this is Firefox so we can make some UI corrections
826var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;      // At least Safari 3+: "[object HTMLElementConstructor]"
827var isChrome = !isSafari && testCSS('WebkitTransform');  // Chrome 1+
828var isIE = */ /*@cc_on!@*/ //false || testCSS('msTransform');  // At least IE6
829/*
830if (isFirefox) {
831	document.getElementById("profHeaderTable1").style.maxWidth = "805px";		
832	document.getElementById("profHeaderTable1").style.width = "805px";	
833	document.getElementById("profHeaderTable2").style.maxWidth = "805px";		
834	document.getElementById("profHeaderTable2").style.width = "805px";		
835} 
836
837*/
838
839//window.top.overlayLyricsOpen();
840
841
842</script>
842
843
844
845</div>
846
847<!--  CONTENT ENDS HERE -->
848<!--  CONTENT ENDS HERE -->
849
850          </div>
851        </div>
852
853
854
855      </div>
856
857<script>
858try {doMail();}catch(err) {} //setup email addresses and linked in
859
860</script>
860
861
862      <!-- Footer -->
863      <footer class="footer">
864        <div class="row align-items-center justify-content-xl-between">
865          <div class="col-xl-6">
866            <div class="copyright text-left text-xl-left text-muted">
867
868
869              <i class="fas fa-copyright text-primary "></i>  2001-2023 <a href="http://www.phrozensmoke.com" class="font-weight-bold ml-1" target="_blank">CJ Andrews, PMP®  - PhrozenSmoke LLC</a>
870            </div>
871          </div>
872
873          <div class="col-xl-6">
874            <div class="copyright text-center text-xl-center text-muted">
875
876<a tabindex="0"  data-toggle="popover"  data-placement="top" 
877	
878
879		data-trigger="focus" title="About this site" data-content="This site was built using the following open source technologies and open standards:<br /><a class='btn btn-sm btn-outline-primary'  type='button' href='http://www.php.net' target='GoinOut'>PHP</a><a class='btn btn-sm btn-outline-primary'  type='button' href='https://jquery.com/' target='GoinOut2'>JQuery</a><a class='btn btn-sm btn-outline-primary'  type='button' href='https://getbootstrap.com/' target='GoinOut3'>Bootstrap</a><a class='btn btn-sm btn-outline-primary'  type='button' href='https://www.creative-tim.com/product/argon-dashboard' target='GoinOut4'>Argon</a><a class='btn btn-sm btn-outline-primary'  type='button' href='http://www.ecma-international.org/' target='GoinOut5'>JavaScript</a><a class='btn btn-sm btn-outline-primary'  type='button' href='https://www.w3.org/Style/CSS/specs.en.html' target='GoinOut6'>CSS 3</a><a class='btn btn-sm btn-outline-primary'  type='button' href='https://www.w3.org/TR/2014/REC-html5-20141028/' target='GoinOut7'>HTML 5</a><a class='btn btn-sm btn-outline-primary'  type='button' href='https://nucleoapp.com/' target='GoinOut'>Nucleo</a><a class='btn btn-sm btn-outline-primary'  type='button' href='https://fontawesome.com/start' target='GoinOut'>Font Awesome</a>"><i class="fas fa-info-circle  text-primary"></i> About this site</a>
880
881
882            </div>
883          </div>
884
885
886			  <div class="col-xl-6">
887			   <!-- class="nav nav-footer justify-content-center justify-content-xl-end">
888
889			      <li class="nav-item"> -->
890				<div class="copyright text-right text-xl-right text-muted">
891					       Last updated: 04.02.2023
892				 </div>
893			  </div>
894
895
896
897
898
899        </div>
900      </footer>
901
902<a href="#" data-toggle="modal" data-target="#modal-notification2" id="button123a"><font color="#ffffff">.</font></a>
903<div class="modal fade" id="modal-notification2" tabindex="-1" role="dialog" aria-labelledby="modal-notification2" style="display: none;" aria-hidden="true">
904            <div class="modal-dialog modal-danger modal-dialog-centered modal-" role="document" >
905              <div class="modal-content bg-gradient-info">
906				<div class="modal-header">
907				  <h6 class="modal-title dialogTextPhrozen" id="modal-title-notification">PHROZENSMOKE.COM</h6>
908				  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
909				    <span aria-hidden="true">×</span>
910				  </button>
911				</div>
912                <div class="modal-body" id="modalcontent">
913				  <div class="py-3 text-center">
914				    <i class="ni ni-bell-55 ni-3x text-default" ></i>
915				    <h4 class="heading mt-4 dialogTextPhrozen">Warning - Unmaintained Content Ahead:</h4>
916				    <p class="dialogTextPhrozen">My 'Technical Playground' projects and their pages are <b><i>unmaintained</i></b> and over 14-20 years old. These sites are kept for <u>historic purposes</u> only, were designed MANY years ago, have not been maintained or upgraded, and may or may not function properly. Use at your own risk.</p>
917				  </div>
918                </div>
919                <div class="modal-footer">
920				  <button type="button" class="btn btn-link text-white ml-auto"  id="okCloseButtonElem" data-dismiss="modal">Close</button>
921                </div>
922
923              </div>
924            </div>
925          </div>
926
927
928<a href="#" data-toggle="modal" data-target="#modal-notification" id="button123"><font color="#ffffff">.</font></a>
929<div class="modal fade" id="modal-notification" tabindex="-1" role="dialog" aria-labelledby="modal-notification" style="display: none;" aria-hidden="true">
930            <div class="modal-dialog modal-danger modal-dialog-centered modal
930-" role="document" >
931              <div class="modal-content bg-gradient-info">
932				<div class="modal-header">
933				  <h6 class="modal-title dialogTextPhrozen" id="modal-title-notification">PHROZENSMOKE.COM</h6>
934				  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
935				    <span aria-hidden="true">×</span>
936				  </button>
937				</div>
938                <div class="modal-body" id="modalcontent">
939				  <div class="py-3 text-center">
940				    <i class="ni ni-bell-55 ni-3x text-default" ></i>
941				    <h4 class="heading mt-4 dialogTextPhrozen">Warning - Unmaintained Content Ahead:</h4>
942				    <p class="dialogTextPhrozen">All Open Source Projects on this site and their pages are <b><i>unmaintained</i></b> and over 14 years old. These sites are kept for <u>historic purposes</u> only, were designed MANY years ago, have not been maintained or upgraded, and may or may not function properly. Again, these Open Source sites and projects are unmaintained. Use at your own risk.</p>
943				  </div>
944                </div>
945                <div class="modal-footer">
946				  <button type="button" class="btn btn-link text-white ml-auto"  id="okCloseButtonElem" data-dismiss="modal">Close</button>
947                </div>
948
949              </div>
950            </div>
951          </div>
952
953
954<a href="#" data-toggle="modal" data-target="#modal-notification3" id="buttonContactMe"><font color="#ffffff">.</font></a>
955<div class="modal fade" id="modal-notification3" tabindex="-1" role="dialog" aria-labelledby="modal-notification3" style="display: none;" aria-hidden="true">
956            <div class="modal-dialog modal-danger modal-dialog-centered modal-" role="document" >
957              <div class="modal-content bg-gradient-success">
958				<div class="modal-header">
959				  <h6 class="modal-title dialogTextPhrozen" id="modal-title-notification">PHROZENSMOKE.COM</h6>
960				  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
961				    <span aria-hidden="true">×</span>
962				  </button>
963				</div>
964                <div class="modal-body" id="modalcontent">
965				  <div class="py-3 text-center" id="buttonContactMeMsg">
966				    placeholder
967				  </div>
968                </div>
969                <div class="modal-footer">
970				  <button type="button" class="btn btn-link text-white ml-auto"  id="okCloseButtonElem" data-dismiss="modal">Close</button>
971                </div>
972
973              </div>
974            </div>
975          </div>
976
977
978
979<script>
980try {
981		 //html 5 web store to track if we already showed certain disclaimers
982		if (sessionStorage.getItem("disclaim1-shown") == null) { 
983			sessionStorage.setItem("disclaim1-shown","NO");
984		}
985		if (sessionStorage.getItem("disclaim2-shown") == null) { 
986			sessionStorage.setItem("disclaim2-shown","NO");
987		}
988}catch(err) { }
989
990// a disclaimer notifying folks the open source projects are unmaintained
991try {
992		if (window.location.href.indexOf('/projects/') >0 ) {
993			if (sessionStorage.getItem("disclaim1-shown") != 'YES') { 
994				$('#button123').click(); 
995				sessionStorage.setItem("disclaim1-shown","YES");
996			}
997		}
998}catch(err) { }
999
1000// a disclaimer notifying folks the technical playground projects are unmaintained
1001try {
1002		if (window.location.href.indexOf('/techplayground/') >0 ) {
1003			if (sessionStorage.getItem("disclaim2-shown") != 'YES') { 
1004				$('#button123a').click(); 
1005				sessionStorage.setItem("disclaim2-shown","YES");
1006			}
1007		}
1008}catch(err) { }
1009
1010</script>
1010
1011
1012
1013
1014
1015    </div>
1016  </div>
1017
1018
1019  
1020
1021
1022
1023
1024
1025
1026
1027
1028</body>
1029</html>
1030

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.