Repository navigation
Expand file tree
/
Copy pathmy-blog.html
More file actions
723 lines (723 loc) · 65.3 KB
/
Copy pathmy-blog.html
File metadata and controls
723 lines (723 loc) · 65.3 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
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
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
<!-- #region H E A D E R -->
<!-- copyright file="_head.html" company="MicroCODE Incorporated" Copyright © 2022 MicroCODE, Inc. Troy, MI author="Timothy J. McGuire" -->
<!-- #region P R E A M B L E -->
<!-- #region D O C U M E N T A T I O N -->
<!--
* Title: My Portfolio: Timothy McGuire
* Module: Common Page Header for Theme (src/html/layouts/_head.html)
* Customer: Timothy McGuire
* Creator: MicroCODE Incorporated
* Date: March 2022
* Author: Timothy J McGuire
*
* Designed and Coded: 2022 MicroCODE Incorporated
*
* This software and related materials are the property of
* MicroCODE Incorporated and contain confidential and proprietary
* information. This software and related materials shall not be
* duplicated, disclosed to others, or used in any way without the
* written of MicroCODE Incorported.
*
*
* DESCRIPTION:
* ------------
*
* This module implements the Theme Header of my Portfolio Website.
* This was based on the Bootstrap Theme "Themebau" by RunWebRUn.
* I purchased that Theme for unlimited web site construction.
*
*
* REFERENCES:
* -----------
*
* 1. Bootstrap Themes Guide
* https://themes.getbootstrap.com/guide/
*
* 2. Theming Bootstrap
* https://getbootstrap.com/docs/4.0/getting-started/theming/
*
* 3. Themebau Documentation
* D:\MicroCODE\GitHub\tjmcode.github.io\documentation\index.html
*
*
*
* DEMONSTRATION VIDEOS:
* --------------------
*
* 1. ...
*
*
*
* MODIFICATIONS:
* --------------
*
* Date: By-Group: Rev: Description:
*
* 17-Mar-2022 TJM-MCODE {0001} New code created from Themebau Bootstrap Theme for my MIT xPRO Portfolio.
*
*
-->
<!-- #endregion -->
<!-- #endregion -->
<!-- #endregion -->
<!-- #region H T M L : page elements for the THEMEBAU Theme with my modifications -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>tjmcode | blog</title>
<meta name="My Portfolio" content="Timothy McGuire">
<meta name="Timothy McGuire" content="Portfolio">
<!-- Browser Tab Icon -->
<link rel="icon" type="image/png" href="assets/images/microcode/microcode-symbol.png">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- #region F O N T S: Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- FRANKLIN 100 'Thin' -->
<link href="https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@100&display=swap" rel="stylesheet">
<!-- INTER 400 'Normal' -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" rel="stylesheet">
<!-- FRANKLIN 600 'Demi' -->
<link href="https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@600&display=swap" rel="stylesheet">
<!-- FRANKLIN 800 'Bold' -->
<link href="https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@800&display=swap" rel="stylesheet">
<!-- #endregion -->
<!-- #region S T Y L E S: Imported Styles for our Theme -->
<!-- Swiper -->
<link rel="stylesheet" href="assets/vendor/swiper/dist/css/swiper.min.css" />
<!-- Fancybox -->
<link rel="stylesheet" href="assets/vendor/fancybox/dist/jquery.fancybox.min.css" />
<!-- Themebau -->
<link rel="stylesheet" href="assets/css/themebau.min.css">
<!-- Custom Styles -->
<link rel="stylesheet" href="assets/css/custom.css">
<!-- #endregion: STYLEs -->
<!-- jQuery -->
<script src="assets/vendor/jquery/dist/jquery.min.js"></script>
</head>
<!-- #endregion -->
<body>
<!-- #region H E A D E R -->
<!-- copyright file="navbar.html" company="MicroCODE Incorporated" Copyright © 2022 MicroCODE, Inc. Troy, MI author="Timothy J. McGuire" -->
<!-- #region P R E A M B L E -->
<!-- #region D O C U M E N T A T I O N -->
<!--
* Title: My Portfolio: Timothy McGuire
* Module: Navigation Bars (src/html/shared/navbar.html)
* Customer: Timothy McGuire
* Creator: MicroCODE Incorporated
* Date: March 2022
* Author: Timothy J McGuire
*
* Designed and Coded: 2022 MicroCODE Incorporated
*
* This software and related materials are the property of
* MicroCODE Incorporated and contain confidential and proprietary
* information. This software and related materials shall not be
* duplicated, disclosed to others, or used in any way without the
* written of MicroCODE Incorported.
*
*
* DESCRIPTION:
* ------------
*
* This module implements the Navigation Bars for my Portfolio Website.
* This was based on the Bootstrap Theme "Themebau" by RunWebRUn.
* I purchased that Theme for unlimited web site construction.
*
*
* REFERENCES:
* -----------
*
* 1. Bootstrap Themes Guide
* https://themes.getbootstrap.com/guide/
*
* 2. Theming Bootstrap
* https://getbootstrap.com/docs/4.0/getting-started/theming/
*
* 3. Themebau Documentation
* D:\MicroCODE\GitHub\tjmcode.github.io\documentation\index.html
*
*
*
* DEMONSTRATION VIDEOS:
* --------------------
*
* 1. ...
*
*
*
* MODIFICATIONS:
* --------------
*
* Date: By-Group: Rev: Description:
*
* 17-Mar-2022 TJM-MCODE {0001} New code created from Themebau Bootstrap Theme for my MIT xPRO Portfolio.
*
*
-->
<!-- #endregion -->
<!-- #endregion -->
<!-- #endregion -->
<!-- #region H T M L : page elements for the THEMEBAU Theme with my modifications -->
<!-- #region THEMEBAU MACROS: used to build-up page elements -->
<!-- #region SUB-MENU DROPDOWN -->
<!-- #endregion -->
<!-- #region SUB-MENU COLLPASE -->
<!-- #endregion -->
<!-- #region MAIN NAVBAR: used on primary page of the site -->
<header id="navbar-header" class="navbar navbar-top navbar-expand">
<div class="container justify-content-between">
<a class="navbar-brand" href="index.html">
<img id="navbar-image" width="184" src="assets/images/me/timothy-mcguire-black.png" alt="">
</a>
<a class="navbar-toggle" href="#navbar-mobile-style-2" data-fancybox data-base-class="fancybox-navbar" data-keyboard="false" data-auto-focus="false" data-touch="false" data-close-existing="true" data-small-btn="false" data-toolbar="false">
<span></span>
<span></span>
<span></span>
</a>
<ul class="nav navbar-nav">
<li class="nav-item navbar-dropdown active">
<a href="about-me.html" class="nav-link">
<span class="nav-link-name">me</span>
<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 9L5 5L1 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
<div class="dropdown-menu">
<ul class="nav navbar-nav">
<li class="nav-item">
<a href="about-me.html" class="nav-link">
<span class="nav-link-name">bio</span>
</a>
</li>
<li class="nav-item">
<a href="my-j112e.html" class="nav-link">
<span class="nav-link-name">sailing</span>
</a>
</li>
<li class="nav-item">
<a href="project-microcode.html" class="nav-link">
<span class="nav-link-name">work</span>
</a>
</li>
<li class="nav-item active">
<a href="my-blog.html" class="nav-link">
<span class="nav-link-name">blog</span>
</a>
</li>
</ul>
</div>
</li>
<li class="nav-item navbar-dropdown">
<a href="project-microcode.html" class="nav-link">
<span class="nav-link-name">projects</span>
<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 9L5 5L1 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
<div class="dropdown-menu">
<ul class="nav navbar-nav">
<li class="nav-item">
<a href="project-mit-xpro.html" class="nav-link">
<span class="nav-link-name">MIT xPRO</span>
</a>
</li>
<li class="nav-item">
<a href="project-microcode.html" class="nav-link">
<span class="nav-link-name">MicroCODE</span>
</a>
</li>
<li class="nav-item">
<a href="project-ladders-laas.html" class="nav-link">
<span class="nav-link-name">LADDERS® LaaS</span>
</a>
</li>
<li class="nav-item">
<a href="project-control-net.html" class="nav-link">
<span class="nav-link-name">Control.NET</span>
</a>
</li>
<li class="nav-item">
<a href="project-gm-xep.html" class="nav-link">
<span class="nav-link-name">GM Error Proofing</span>
</a>
</li>
<li class="nav-item">
<a href="project-ladders-dec.html" class="nav-link">
<span class="nav-link-name">LADDERS® DEC</span>
</a>
</li>
</ul>
</div>
</li>
<li class="nav-item navbar-dropdown">
<a href="contact-personal.html" class="nav-link">
<span class="nav-link-name">contact</span>
<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 9L5 5L1 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
<div class="dropdown-menu">
<ul class="nav navbar-nav">
<li class="nav-item">
<a href="contact-personal.html" class="nav-link">
<span class="nav-link-name">personal</span>
</a>
</li>
<li class="nav-item">
<a href="contact-business.html" class="nav-link">
<span class="nav-link-name">business</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
<ul class="nav nav-gap-sm navbar-nav nav-social align-items-center">
<li class="nav-item show-on-scroll" data-show-duration="700" data-show-distance="10" data-show-delay="500">
<a href='https://github.com/tjmcode' class='nav-link'><svg width='24' height='24' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'>
<path fill='rgb(149, 157, 165)' d='M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z' fill='currentColor' />
</svg></a>
</li>
<li class="nav-item show-on-scroll" data-show-duration="700" data-show-distance="10" data-show-delay="600">
<a href='https://www.youtube.com/channel/UCRwSb-M7Duy1fGvCayvPXOQ' class='nav-link'><svg width='26' height='26' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.17 13.6'>
<path fill='rgb(149, 157, 165)' d='M18.77 2.13A2.4 2.4 0 0 0 17.09.42C15.59 0 9.58 0 9.58 0a57.55 57.55 0 0 0-7.5.4A2.49 2.49 0 0 0 .39 2.13 26.27 26.27 0 0 0 0 6.8a26.15 26.15 0 0 0 .39 4.67 2.43 2.43 0 0 0 1.69 1.71c1.52.42 7.5.42 7.5.42a57.69 57.69 0 0 0 7.51-.4 2.4 2.4 0 0 0 1.68-1.71 25.63 25.63 0 0 0 .4-4.67 24 24 0 0 0-.4-4.69zM7.67 9.71V3.89l5 2.91z' fill='currentColor' />
</svg></a>
</li>
<li class="nav-item show-on-scroll" data-show-duration="700" data-show-distance="10" data-show-delay="700">
<a href='https://facebook.com/TJM.CODE' class='nav-link'><svg width='24' height='24' viewBox='0 0 16.6 18' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill='rgb(149, 157, 165)' d='M14.5 0H.8a.88.88 0 0 0-.8.9v13.6a.88.88 0 0 0 .8.9h7.3v-6h-2V7.1h2V5.4a2.87 2.87 0 0 1 2.5-3.1h.5a10.87 10.87 0 0 1 1.8.1v2.1h-1.3c-1 0-1.1.5-1.1 1.1v1.5h2.3l-.3 2.3h-2v5.9h3.9a.88.88 0 0 0 .9-.8V.8a.86.86 0 0 0-.8-.8z' fill='currentColor' />
</svg></a>
</li>
<li class="nav-item show-on-scroll" data-show-duration="700" data-show-distance="10" data-show-delay="800">
<a href='https://twitter.com/TimothyMcGuire' class='nav-link'><svg width='22' height='22' viewBox='0 0 25 21' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill='rgb(149, 157, 165)' d='M22.0706 5.51356C22.086 5.73504 22.086 5.95656 22.086 6.17804C22.086 12.9334 17.0783 20.7172 7.92575 20.7172C5.10601 20.7172 2.48661 19.8787 0.283203 18.4232C0.683835 18.4707 1.069 18.4865 1.48505 18.4865C3.81167 18.4865 5.95347 17.6797 7.6638 16.3033C5.47581 16.2558 3.64221 14.7845 3.01046 12.7594C3.31865 12.8069 3.6268 12.8385 3.9504 12.8385C4.39723 12.8385 4.84411 12.7752 5.2601 12.6645C2.97968 12.1898 1.2693 10.1332 1.2693 7.64935V7.58609C1.93183 7.96579 2.70231 8.20309 3.5189 8.2347C2.17837 7.31709 1.30013 5.75086 1.30013 3.97894C1.30013 3.02972 1.54661 2.15959 1.97807 1.40019C4.42801 4.50103 8.11063 6.52604 12.24 6.74756C12.163 6.36787 12.1168 5.97239 12.1168 5.57687C12.1168 2.76076 14.3356 0.466797 17.0937 0.466797C18.5266 0.466797 19.8209 1.0838 20.73 2.0805C21.8548 1.85902 22.9334 1.43184 23.8887 0.846495C23.5189 2.03307 22.7331 3.02977 21.7008 3.66255C22.7023 3.55186 23.673 3.26702 24.5667 2.87155C23.8888 3.88403 23.0413 4.78577 22.0706 5.51356Z' fill='currentColor' />
</svg></a>
</li>
<li class="nav-item show-on-scroll" data-show-duration="700" data-show-distance="10" data-show-delay="900">
<a href='https://linkedin.com/in/timmcguiremicrocode' class='nav-link'><svg width='26' height='26' viewBox='0 0 25 21' fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 18'>
<path fill='rgb(149, 157, 165)' d='M3.94 2A2 2 0 1 1 2 0a2 2 0 0 1 1.94 2zM4 5.48H0V18h4zm6.32 0H6.34V18h3.94v-6.57c0-3.66 4.77-4 4.77 0V18H19v-7.93c0-6.17-7.06-5.94-8.72-2.91z' fill='currentColor' />
</svg></a>
</li>
</ul>
</div>
</header>
<!-- #endregion -->
<!-- #region MOBILE NAVBAR #1: used on sub-pages of the site -->
<!-- #endregion -->
<!-- #region MOBILE NAVBAR #2: used on sub-pages of the site -->
<!-- style 2 -->
<div class="navbar navbar-mobile navbar-mobile-style-2" id="navbar-mobile-style-2">
<div class="shape justify-content-end">
<!-- MCODE Symbol-->
<svg data-rellax-speed="-1.25" width="544" height="362" viewBox="0 0 544 362" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="svgg">
<path id="dark parts only!" d="M9.901 185.638 C 9.845 282.679,9.937 362.161,10.105 362.265 C 10.272 362.368,10.520 361.901,10.655 361.227 C 10.790 360.552,11.068 360.000,11.274 360.000 C 11.479 360.000,11.550 359.843,11.432 359.651 C 11.313 359.459,12.477 355.634,14.019 351.151 C 15.561 346.668,16.863 342.820,16.911 342.600 C 16.960 342.380,17.117 342.110,17.260 342.000 C 17.403 341.890,17.632 341.094,17.769 340.230 C 17.906 339.367,18.216 338.422,18.458 338.130 C 18.700 337.839,18.764 337.600,18.600 337.600 C 18.436 337.600,18.489 337.375,18.717 337.100 C 18.945 336.825,19.169 336.420,19.214 336.200 C 19.259 335.980,19.433 335.440,19.600 335.000 C 20.224 333.356,31.330 300.384,33.072 295.000 C 34.069 291.920,35.044 289.203,35.239 288.963 C 35.434 288.723,35.475 288.408,35.330 288.263 C 35.185 288.118,35.287 288.000,35.557 288.000 C 35.827 288.000,35.936 287.820,35.800 287.600 C 35.664 287.380,35.693 286.975,35.865 286.700 C 36.036 286.425,36.231 285.854,36.296 285.431 C 36.362 285.009,36.567 284.469,36.752 284.231 C 36.937 283.994,37.659 282.000,38.357 279.800 C 39.054 277.600,39.806 275.478,40.026 275.084 C 40.247 274.690,40.320 274.195,40.190 273.984 C 40.060 273.773,40.109 273.600,40.301 273.600 C 40.605 273.600,41.908 269.879,42.139 268.351 C 42.185 268.048,42.347 267.602,42.498 267.359 C 42.774 266.919,47.579 252.793,51.056 242.200 C 52.067 239.120,53.006 236.420,53.141 236.200 C 53.277 235.980,53.413 235.665,53.444 235.500 C 53.475 235.335,53.536 235.155,53.580 235.100 C 53.624 235.045,53.736 234.591,53.829 234.090 C 53.922 233.590,54.428 232.150,54.953 230.890 C 55.478 229.631,56.037 227.997,56.195 227.259 C 56.352 226.522,56.903 224.992,57.418 223.859 C 57.934 222.727,58.427 221.350,58.515 220.800 C 58.603 220.250,58.860 219.350,59.087 218.800 C 59.314 218.250,62.069 210.150,65.210 200.800 C 68.350 191.450,71.098 183.350,71.316 182.800 C 71.535 182.250,71.762 181.530,71.823 181.200 C 72.046 179.976,74.967 171.793,75.252 171.593 C 75.415 171.478,75.635 170.848,75.741 170.193 C 75.847 169.537,75.963 169.000,75.998 169.000 C 76.033 169.000,76.124 168.671,76.200 168.269 C 76.276 167.867,76.472 167.237,76.635 166.869 C 76.798 166.501,76.962 166.110,77.000 166.000 C 77.038 165.890,77.190 165.530,77.338 165.200 C 77.486 164.870,78.392 162.260,79.350 159.400 C 84.934 142.745,86.383 138.479,86.828 137.400 C 87.100 136.740,87.363 136.020,87.413 135.800 C 87.619 134.885,89.291 129.830,91.184 124.400 C 92.297 121.210,93.255 118.420,93.315 118.200 C 93.374 117.980,93.545 117.605,93.694 117.366 C 93.843 117.128,94.072 116.326,94.203 115.584 C 94.333 114.843,94.696 113.688,95.008 113.018 C 95.321 112.348,96.272 109.730,97.122 107.200 C 97.972 104.670,101.420 94.410,104.785 84.400 C 108.149 74.390,111.054 66.006,111.242 65.770 C 111.429 65.533,111.694 64.633,111.831 63.770 C 111.968 62.906,112.197 62.110,112.340 62.000 C 112.483 61.890,112.675 61.530,112.768 61.200 C 113.476 58.663,115.189 53.754,116.047 51.800 C 116.240 51.360,116.461 50.640,116.538 50.200 C 116.615 49.760,116.860 48.950,117.083 48.400 C 117.306 47.850,119.660 40.920,122.315 33.000 C 124.969 25.080,127.362 18.060,127.633 17.400 C 127.904 16.740,128.199 15.753,128.289 15.207 C 128.379 14.662,128.665 14.079,128.926 13.914 C 129.187 13.748,129.229 13.609,129.020 13.606 C 128.811 13.603,128.842 13.398,129.089 13.151 C 129.336 12.904,129.442 12.454,129.326 12.151 C 129.210 11.848,129.269 11.600,129.457 11.599 C 129.646 11.599,129.838 11.059,129.884 10.399 L 129.968 9.200 69.985 9.200 L 10.002 9.200 9.901 185.638 M191.150 9.400 C 191.123 9.510,191.055 9.780,191.000 10.000 C 190.945 10.220,190.855 10.490,190.800 10.600 C 190.745 10.710,190.655 10.980,190.600 11.200 C 190.545 11.420,190.455 11.690,190.400 11.800 C 190.345 11.910,190.262 12.135,190.216 12.300 C 190.171 12.465,189.909 13.140,189.635 13.800 C 189.360 14.460,188.768 16.170,188.318 17.600 C 187.868 19.030,186.918 21.820,186.207 23.800 C 185.497 25.780,183.159 32.710,181.012 39.200 C 178.865 45.690,176.927 51.225,176.705 51.500 C 176.483 51.775,176.405 52.000,176.532 52.000 C 176.797 52.000,176.357 53.395,173.819 60.600 C 172.812 63.460,171.915 66.070,171.825 66.400 C 171.735 66.730,171.625 67.045,171.581 67.100 C 171.536 67.155,171.462 67.335,171.415 67.500 C 171.369 67.665,171.198 68.101,171.035 68.469 C 170.872 68.837,170.702 69.377,170.658 69.669 C 170.614 69.961,170.455 70.395,170.306 70.634 C 170.157 70.872,169.933 71.646,169.808 72.354 C 169.683 73.062,169.402 73.946,169.183 74.320 C 168.964 74.694,165.818 83.910,162.192 94.800 C 158.566 105.690,155.532 114.780,155.451 115.000 C 155.369 115.220,155.324 115.507,155.351 115.639 C 155.378 115.770,155.207 116.130,154.971 116.439 C 154.736 116.747,153.946 118.890,153.216 121.200 C 152.486 123.510,151.479 126.390,150.978 127.600 C 150.476 128.810,150.006 130.250,149.933 130.800 C 149.860 131.350,149.710 131.890,149.600 132.000 C 149.490 132.110,146.714 140.300,143.431 150.200 C 140.148 160.100,137.219 168.605,136.922 169.100 C 136.625 169.595,136.498 170.000,136.640 170.000 C 136.782 170.000,136.680 170.262,136.415 170.582 C 136.149 170.903,136.047 171.353,136.189 171.582 C 136.331 171.812,136.227 172.000,135.957 172.000 C 135.687 172.000,135.569 172.102,135.694 172.227 C 135.976 172.509,135.226 175.327,134.796 175.600 C 134.622 175.710,134.379 176.430,134.255 177.200 C 134.132 177.970,133.664 179.356,133.215 180.281 C 132.767 181.205,132.400 182.133,132.400 182.342 C 132.400 182.830,130.095 189.822,129.414 191.400 C 128.767 192.899,127.683 196.336,127.521 197.400 C 127.455 197.840,127.297 198.290,127.172 198.400 C 127.046 198.510,126.025 201.390,124.902 204.800 C 123.779 208.210,122.738 211.315,122.587 211.700 C 121.955 213.322,177.589 212.518,180.687 210.861 C 181.131 210.623,181.604 210.537,181.738 210.671 C 181.871 210.805,182.236 210.702,182.548 210.443 C 182.860 210.184,183.270 210.008,183.458 210.052 C 184.872 210.381,197.839 204.683,198.333 203.515 C 198.407 203.342,198.709 203.200,199.005 203.200 C 199.301 203.200,199.781 202.973,200.071 202.695 C 200.362 202.418,201.095 201.972,201.700 201.704 C 202.305 201.436,202.800 201.033,202.800 200.809 C 202.800 200.584,203.025 200.398,203.300 200.396 C 204.583 200.385,217.600 189.348,217.600 188.270 C 217.600 188.043,218.185 187.275,218.900 186.564 C 221.414 184.063,222.000 183.367,222.000 182.886 C 222.000 182.619,222.180 182.400,222.400 182.400 C 222.620 182.400,222.800 182.149,222.800 181.843 C 222.800 181.536,223.030 181.197,223.312 181.089 C 223.594 180.981,224.179 180.197,224.612 179.346 C 225.045 178.496,225.507 177.710,225.638 177.600 C 227.337 176.174,230.880 167.215,237.186 148.400 C 240.098 139.710,242.665 132.375,242.889 132.100 C 243.114 131.825,243.164 131.600,243.000 131.600 C 242.836 131.600,242.926 131.330,243.200 131.000 C 243.474 130.670,243.550 130.400,243.369 130.400 C 243.188 130.400,243.242 130.198,243.489 129.951 C 243.736 129.704,243.842 129.254,243.726 128.951 C 243.610 128.648,243.674 128.400,243.870 128.400 C 244.066 128.400,244.266 127.915,244.315 127.322 C 244.364 126.730,244.538 126.145,244.702 126.022 C 245.003 125.797,245.129 125.400,245.463 123.612 C 245.564 123.069,245.787 122.439,245.957 122.212 C 246.128 121.986,246.677 120.540,247.178 119.000 C 247.678 117.460,249.049 113.481,250.222 110.159 C 251.396 106.836,252.428 103.686,252.516 103.159 C 252.603 102.631,252.901 101.660,253.178 101.000 C 253.619 99.946,255.908 93.191,262.259 74.200 C 263.215 71.340,264.083 68.773,264.188 68.496 C 264.293 68.218,264.338 67.931,264.289 67.857 C 264.240 67.783,264.447 67.425,264.749 67.061 C 265.051 66.698,265.164 66.400,265.000 66.400 C 264.836 66.400,264.900 66.161,265.142 65.870 C 265.384 65.578,265.694 64.633,265.831 63.770 C 265.968 62.906,266.257 62.090,266.474 61.955 C 266.691 61.821,266.858 61.598,266.845 61.459 C 266.832 61.321,266.903 60.982,267.001 60.704 C 267.511 59.270,275.079 36.632,276.665 31.800 C 277.675 28.720,278.614 26.110,278.751 26.000 C 278.993 25.806,279.113 25.422,279.428 23.834 C 279.713 22.394,280.905 19.001,281.302 18.500 C 281.520 18.225,281.596 18.000,281.470 18.000 C 281.345 18.000,281.696 16.785,282.251 15.300 C 283.500 11.953,284.000 10.353,284.000 9.703 C 284.000 9.202,191.275 8.900,191.150 9.400 M344.600 9.731 C 344.193 10.240,344.065 10.635,343.737 12.388 C 343.636 12.931,343.361 13.606,343.127 13.888 C 342.893 14.169,342.836 14.400,343.000 14.400 C 343.164 14.400,343.120 14.625,342.903 14.900 C 342.685 15.175,341.840 17.470,341.024 20.000 C 340.209 22.530,339.380 24.960,339.182 25.400 C 338.984 25.840,335.825 35.200,332.162 46.200 C 328.499 57.200,325.255 66.685,324.952 67.279 C 324.649 67.872,324.338 68.682,324.261 69.079 C 324.183 69.475,323.989 70.101,323.829 70.469 C 323.669 70.837,323.502 71.377,323.458 71.669 C 323.414 71.961,323.237 72.425,323.065 72.700 C 322.893 72.975,322.855 73.365,322.979 73.566 C 323.103 73.767,323.007 73.998,322.766 74.078 C 322.524 74.159,322.298 74.714,322.263 75.312 C 322.228 75.910,322.054 76.400,321.876 76.400 C 321.698 76.400,321.669 76.588,321.811 76.818 C 321.953 77.047,321.884 77.458,321.657 77.731 C 321.431 78.004,318.535 86.321,315.222 96.213 C 311.910 106.106,309.082 114.470,308.939 114.800 C 308.797 115.130,308.615 115.760,308.536 116.200 C 308.376 117.094,307.778 118.796,306.990 120.600 C 306.702 121.260,305.792 123.960,304.968 126.600 C 304.144 129.240,303.343 131.580,303.187 131.800 C 302.917 132.182,302.034 134.719,301.822 135.724 C 301.766 135.986,301.590 136.501,301.430 136.869 C 301.269 137.237,301.089 137.777,301.030 138.069 C 300.970 138.361,300.804 138.870,300.662 139.200 C 300.026 140.673,291.650 166.018,291.177 167.900 C 290.886 169.055,290.508 170.000,290.337 170.000 C 290.165 170.000,290.125 170.261,290.248 170.581 C 290.371 170.900,290.334 171.383,290.167 171.654 C 290.000 171.924,289.802 173.148,289.729 174.373 C 289.655 175.598,289.395 177.249,289.152 178.042 C 288.687 179.558,288.787 181.309,289.581 185.600 C 289.846 187.030,290.114 188.560,290.178 189.000 C 290.241 189.440,290.477 190.250,290.704 190.800 C 290.930 191.350,291.435 192.610,291.826 193.600 C 292.217 194.590,293.046 196.152,293.669 197.072 C 294.291 197.992,294.800 198.937,294.800 199.172 C 294.800 199.407,294.986 199.600,295.213 199.600 C 295.439 199.600,295.740 199.898,295.879 200.263 C 296.245 201.215,299.374 204.400,299.944 204.400 C 300.209 204.400,300.529 204.670,300.655 205.000 C 300.782 205.330,301.136 205.600,301.443 205.600 C 301.749 205.600,302.000 205.755,302.000 205.945 C 302.000 206.135,303.125 206.839,304.500 207.509 C 307.838 209.137,310.000 210.010,310.000 209.731 C 310.000 209.605,310.270 209.726,310.600 210.000 C 310.930 210.274,311.200 210.364,311.200 210.200 C 311.200 210.036,311.433 210.095,311.717 210.331 C 312.002 210.567,312.863 210.825,313.632 210.904 C 314.401 210.983,315.293 211.217,315.615 211.424 C 315.966 211.650,330.944 211.847,353.100 211.917 L 390.000 212.033 390.000 110.617 L 390.000 9.200 367.500 9.215 C 349.985 9.227,344.911 9.341,344.600 9.731 M235.846 238.585 C 235.481 239.143,234.950 239.600,234.666 239.600 C 234.382 239.600,233.748 240.145,233.255 240.811 C 232.763 241.477,232.189 241.917,231.980 241.788 C 231.771 241.658,231.600 241.742,231.600 241.974 C 231.600 242.351,230.208 243.469,227.585 245.200 C 227.085 245.530,226.393 246.115,226.049 246.500 C 225.704 246.885,225.192 247.200,224.911 247.200 C 224.630 247.200,224.400 247.380,224.400 247.600 C 224.400 247.820,224.149 248.000,223.843 248.000 C 223.536 248.000,223.182 248.270,223.055 248.600 C 222.929 248.930,222.549 249.200,222.213 249.200 C 221.876 249.200,221.600 249.380,221.600 249.600 C 221.600 249.820,221.330 250.000,221.000 250.000 C 220.670 250.000,220.400 250.150,220.400 250.333 C 220.400 250.517,219.410 251.185,218.200 251.818 C 216.990 252.451,216.000 253.076,216.000 253.207 C 216.000 253.339,215.280 253.764,214.399 254.152 C 213.519 254.541,212.574 255.075,212.299 255.340 C 211.567 256.046,198.660 262.400,197.958 262.400 C 197.629 262.400,197.189 262.567,196.980 262.771 C 196.011 263.718,184.547 267.458,177.923 268.988 C 164.997 271.975,160.630 272.253,125.133 272.342 L 102.066 272.400 100.579 276.900 C 99.761 279.375,98.984 281.580,98.852 281.800 C 98.720 282.020,98.587 282.335,98.556 282.500 C 98.525 282.665,98.463 282.845,98.417 282.900 C 98.372 282.955,98.249 283.521,98.146 284.158 C 98.042 284.795,97.622 285.973,97.213 286.775 C 96.803 287.578,96.192 289.217,95.854 290.417 C 95.043 293.300,93.633 297.599,93.170 298.600 C 92.820 299.357,91.346 303.572,91.282 304.000 C 91.265 304.110,91.154 304.470,91.034 304.800 C 90.915 305.130,90.353 306.750,89.786 308.400 C 85.180 321.801,83.326 327.199,82.024 331.000 C 81.195 333.420,80.418 335.670,80.296 336.000 C 80.175 336.330,79.654 337.860,79.140 339.400 C 78.625 340.940,78.067 342.260,77.899 342.334 C 77.732 342.408,77.687 342.618,77.800 342.801 C 77.913 342.983,77.846 343.553,77.651 344.066 C 77.456 344.580,77.319 345.107,77.348 345.239 C 77.377 345.370,77.198 345.730,76.952 346.039 C 76.706 346.347,76.283 347.320,76.013 348.200 C 75.743 349.080,75.082 350.930,74.544 352.311 C 74.006 353.692,73.674 354.997,73.807 355.211 C 73.939 355.425,73.827 355.600,73.557 355.600 C 73.287 355.600,73.185 355.718,73.330 355.863 C 73.475 356.008,73.438 356.323,73.249 356.563 C 73.060 356.803,72.599 357.990,72.224 359.200 C 71.850 360.410,71.380 361.760,71.180 362.200 C 70.981 362.640,69.387 367.230,67.639 372.400 C 65.891 377.570,63.817 383.659,63.030 385.930 C 62.244 388.202,61.600 390.227,61.600 390.431 C 61.600 390.657,125.352 390.762,225.805 390.700 L 390.011 390.600 390.003 331.631 C 389.998 299.198,389.947 272.614,389.889 272.555 C 389.830 272.497,368.727 272.354,342.991 272.238 C 317.256 272.122,295.210 271.914,294.000 271.775 C 292.790 271.636,291.080 271.458,290.200 271.380 C 289.320 271.302,286.710 270.860,284.400 270.398 C 282.090 269.936,279.750 269.499,279.200 269.427 C 278.650 269.355,277.930 269.190,277.600 269.060 C 277.270 268.931,274.793 268.108,272.096 267.231 C 258.179 262.708,244.334 251.831,239.469 241.600 C 237.662 237.798,236.821 237.098,235.846 238.585 " stroke="none" fill="#dedede" fill-rule="evenodd"></path>
</g>
</svg>
</div>
<div class="navbar-head">
<div class="container justify-content-end">
<!-- removed logo in header, it was throwing off the MENU 'X' position -->
<a class="navbar-toggle" href="#" data-fancybox-close>
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
<div class="container">
<div class="row gh-1 justify-content-center">
<div class="col-12 col-md-7 col-lg-5 col-xl-4">
<div class="navbar-body">
<ul class="nav navbar-nav navbar-nav-collapse">
<li class="nav-item navbar-collapse active">
<a href="#navbarCollapseMe" class="nav-link collapsed" role="button" data-bs-toggle="collapse" aria-expanded="false" aria-controls="navbarCollapseMe">
<span class="nav-link-name">me</span>
<svg class="collapse-icon" width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 11L6 6L1 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
<div class="navbar-collapse-menu collapse" id="navbarCollapseMe">
<ul class="nav navbar-nav">
<li class="nav-item">
<a href="about-me.html" class="nav-link">
<span class="nav-link-name">bio</span>
</a>
</li>
<li class="nav-item">
<a href="my-j112e.html" class="nav-link">
<span class="nav-link-name">sailing</span>
</a>
</li>
<li class="nav-item">
<a href="project-microcode.html" class="nav-link">
<span class="nav-link-name">work</span>
</a>
</li>
<li class="nav-item active">
<a href="my-blog.html" class="nav-link">
<span class="nav-link-name">blog</span>
</a>
</li>
</ul>
</div>
</li>
<li class="nav-item navbar-collapse">
<a href="#navbarCollapseProjects" class="nav-link collapsed" role="button" data-bs-toggle="collapse" aria-expanded="false" aria-controls="navbarCollapseProjects">
<span class="nav-link-name">projects</span>
<svg class="collapse-icon" width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 11L6 6L1 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
<div class="navbar-collapse-menu collapse" id="navbarCollapseProjects">
<ul class="nav navbar-nav">
<li class="nav-item">
<a href="project-mit-xpro.html" class="nav-link">
<span class="nav-link-name">MIT xPRO</span>
</a>
</li>
<li class="nav-item">
<a href="project-microcode.html" class="nav-link">
<span class="nav-link-name">MicroCODE</span>
</a>
</li>
<li class="nav-item">
<a href="project-ladders-laas.html" class="nav-link">
<span class="nav-link-name">LADDERS® LaaS</span>
</a>
</li>
<li class="nav-item">
<a href="project-control-net.html" class="nav-link">
<span class="nav-link-name">Control.NET</span>
</a>
</li>
<li class="nav-item">
<a href="project-gm-xep.html" class="nav-link">
<span class="nav-link-name">GM Error Proofing</span>
</a>
</li>
<li class="nav-item">
<a href="project-ladders-dec.html" class="nav-link">
<span class="nav-link-name">LADDERS® DEC</span>
</a>
</li>
</ul>
</div>
</li>
<li class="nav-item navbar-collapse">
<a href="#navbarCollapseContact" class="nav-link collapsed" role="button" data-bs-toggle="collapse" aria-expanded="false" aria-controls="navbarCollapseContact">
<span class="nav-link-name">contact</span>
<svg class="collapse-icon" width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 11L6 6L1 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
<div class="navbar-collapse-menu collapse" id="navbarCollapseContact">
<ul class="nav navbar-nav">
<li class="nav-item">
<a href="contact-personal.html" class="nav-link">
<span class="nav-link-name">personal</span>
</a>
</li>
<li class="nav-item">
<a href="contact-business.html" class="nav-link">
<span class="nav-link-name">business</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<div class="col-md-1 d-none d-md-block"></div>
<div class="col-12 col-md-4 col-lg-4 col-xl-3">
<div class="navbar-footer">
<div class="mb-60">
<p class="lead mb-17 fw-medium">Contact info:</p>
<ul class="list-group borderless font-size-17">
<li class="list-group-item">Email: <a href="mailto:tim.mcguire@mcode.com?subject=Test%20Address%20Email" class="text-decoration-none">tim.mcguire@mcode.com</a>
</li>
<li class="list-group-item">Phone: <a href="callto:+1 810-459-7508" class="text-decoration-none">+1 810.459.7508</a></li>
</ul>
</div>
<div class="mb-60">
<p class="lead mb-17 fw-medium">Home Office:</p>
<ul class="list-group borderless font-size-17">
<li class="list-group-item">48882 Beacon Square Dr,</li>
<li class="list-group-item">Macomb, MI 48044-5918</li>
</ul>
</div>
<ul class="nav nav-gap-sm navbar-nav nav-social align-items-center mt-n10">
<li class="nav-item show-on-scroll" data-show-duration="700" data-show-distance="10" data-show-delay="500">
<a href='https://github.com/tjmcode' class='nav-link'><svg width='24' height='24' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'>
<path fill='rgb(149, 157, 165)' d='M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z' fill='currentColor' />
</svg></a>
</li>
<li class="nav-item show-on-scroll" data-show-duration="700" data-show-distance="10" data-show-delay="600">
<a href='https://www.youtube.com/channel/UCRwSb-M7Duy1fGvCayvPXOQ' class='nav-link'><svg width='26' height='26' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.17 13.6'>
<path fill='rgb(149, 157, 165)' d='M18.77 2.13A2.4 2.4 0 0 0 17.09.42C15.59 0 9.58 0 9.58 0a57.55 57.55 0 0 0-7.5.4A2.49 2.49 0 0 0 .39 2.13 26.27 26.27 0 0 0 0 6.8a26.15 26.15 0 0 0 .39 4.67 2.43 2.43 0 0 0 1.69 1.71c1.52.42 7.5.42 7.5.42a57.69 57.69 0 0 0 7.51-.4 2.4 2.4 0 0 0 1.68-1.71 25.63 25.63 0 0 0 .4-4.67 24 24 0 0 0-.4-4.69zM7.67 9.71V3.89l5 2.91z' fill='currentColor' />
</svg></a>
</li>
<li class="nav-item show-on-scroll" data-show-duration="700" data-show-distance="10" data-show-delay="700">
<a href='https://facebook.com/TJM.CODE' class='nav-link'><svg width='24' height='24' viewBox='0 0 16.6 18' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill='rgb(149, 157, 165)' d='M14.5 0H.8a.88.88 0 0 0-.8.9v13.6a.88.88 0 0 0 .8.9h7.3v-6h-2V7.1h2V5.4a2.87 2.87 0 0 1 2.5-3.1h.5a10.87 10.87 0 0 1 1.8.1v2.1h-1.3c-1 0-1.1.5-1.1 1.1v1.5h2.3l-.3 2.3h-2v5.9h3.9a.88.88 0 0 0 .9-.8V.8a.86.86 0 0 0-.8-.8z' fill='currentColor' />
</svg></a>
</li>
<li class="nav-item show-on-scroll" data-show-duration="700" data-show-distance="10" data-show-delay="800">
<a href='https://twitter.com/TimothyMcGuire' class='nav-link'><svg width='22' height='22' viewBox='0 0 25 21' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill='rgb(149, 157, 165)' d='M22.0706 5.51356C22.086 5.73504 22.086 5.95656 22.086 6.17804C22.086 12.9334 17.0783 20.7172 7.92575 20.7172C5.10601 20.7172 2.48661 19.8787 0.283203 18.4232C0.683835 18.4707 1.069 18.4865 1.48505 18.4865C3.81167 18.4865 5.95347 17.6797 7.6638 16.3033C5.47581 16.2558 3.64221 14.7845 3.01046 12.7594C3.31865 12.8069 3.6268 12.8385 3.9504 12.8385C4.39723 12.8385 4.84411 12.7752 5.2601 12.6645C2.97968 12.1898 1.2693 10.1332 1.2693 7.64935V7.58609C1.93183 7.96579 2.70231 8.20309 3.5189 8.2347C2.17837 7.31709 1.30013 5.75086 1.30013 3.97894C1.30013 3.02972 1.54661 2.15959 1.97807 1.40019C4.42801 4.50103 8.11063 6.52604 12.24 6.74756C12.163 6.36787 12.1168 5.97239 12.1168 5.57687C12.1168 2.76076 14.3356 0.466797 17.0937 0.466797C18.5266 0.466797 19.8209 1.0838 20.73 2.0805C21.8548 1.85902 22.9334 1.43184 23.8887 0.846495C23.5189 2.03307 22.7331 3.02977 21.7008 3.66255C22.7023 3.55186 23.673 3.26702 24.5667 2.87155C23.8888 3.88403 23.0413 4.78577 22.0706 5.51356Z' fill='currentColor' />
</svg></a>
</li>
<li class="nav-item show-on-scroll" data-show-duration="700" data-show-distance="10" data-show-delay="900">
<a href='https://linkedin.com/in/timmcguiremicrocode' class='nav-link'><svg width='26' height='26' viewBox='0 0 25 21' fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 18'>
<path fill='rgb(149, 157, 165)' d='M3.94 2A2 2 0 1 1 2 0a2 2 0 0 1 1.94 2zM4 5.48H0V18h4zm6.32 0H6.34V18h3.94v-6.57c0-3.66 4.77-4 4.77 0V18H19v-7.93c0-6.17-7.06-5.94-8.72-2.91z' fill='currentColor' />
</svg></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- #endregion -->
<!-- #region MOBILE NAVBAR #3: used on sub-pages of the site -->
<!-- #endregion -->
<!-- #region MOBILE NAVBAR #4: used on sub-pages of the site -->
<!-- #endregion -->
<!-- #endregion -->
<div class="content-wrap">
<div class="container">
<div class="swiper swiper-button-style-1 mb-100 show-on-scroll" data-swiper-slides="1" data-swiper-speed="600" data-swiper-loop="true" data-swiper-parallax="true" data-show-duration="500">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide overflow-hidden">
<div class="card card-overlay card-blog card-image-sm card-hover-zoom text-center text-white">
<div class="card-img" data-swiper-parallax-x="20%" class="swiper-image">
<img src="assets/images/blog/2021-07-25-finish-line.jpg" alt="">
<div class="background-color" style="background-color: rgba(14, 14, 14, .4);"></div>
</div>
<div class="card-img-overlay">
<div class="row justify-content-center align-items-center h-100">
<div class="col-12 col-lg-7">
<div class="subtitle mt-lg-3 mb-30 show-on-scroll" data-show-duration="500" data-show-delay="200" data-show-distance="10">sailing - 25 july, 2021</div>
<h2 class="card-title h3-sm mb-0 show-on-scroll" data-show-duration="500" data-show-delay="100" data-show-distance="10">My best day racing</h2>
<a href="blog-2021-07-25.html" class="btn btn-clean mt-30 mt-lg-60 mt-xl-130 mb-xl-n30 show-on-scroll" data-show-duration="500" data-show-delay="200" data-show-distance="10">read more<svg class="icon-arrow icon-arrow-right" width='26' height='11' viewBox='0 0 26 11' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d='M20.5 1L25 5.5L20.5 10' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
<path d='M7 5.5H25' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
</svg></a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide overflow-hidden">
<div class="card card-overlay card-blog card-image-sm card-hover-zoom text-center text-white">
<div class="card-img" data-swiper-parallax-x="20%" class="swiper-image">
<img src="assets/images/blog/2020-09-18-kens-retirement.jpg" alt="">
<div class="background-color" style="background-color: rgba(14, 14, 14, .2);"></div>
</div>
<div class="card-img-overlay">
<div class="row justify-content-center align-items-center h-100">
<div class="col-12 col-lg-7">
<div class="subtitle mt-lg-3 mb-30">company - 01 sep, 2020</div>
<h2 class="card-title h3-sm mb-0">Ken Welch Rockwell Retirement</h2>
<a href="blog-2020-09-18.html" class="btn btn-clean mt-30 mt-lg-60 mt-xl-130 mb-xl-n30">read more<svg class="icon-arrow icon-arrow-right" width='26' height='11' viewBox='0 0 26 11' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d='M20.5 1L25 5.5L20.5 10' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
<path d='M7 5.5H25' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
</svg></a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide overflow-hidden">
<div class="card card-overlay card-blog card-image-sm card-hover-zoom text-center text-white">
<div class="card-img" data-swiper-parallax-x="20%" class="swiper-image">
<img src="assets/images/blog/2021-10-31-adam-anna-wedding-party.jpg" alt="">
<div class="background-color" style="background-color: rgba(14, 14, 14, .2);"></div>
</div>
<div class="card-img-overlay">
<div class="row justify-content-center align-items-center h-100">
<div class="col-12 col-lg-7">
<div class="subtitle mt-lg-3 mb-30">family - 31 oct 2021</div>
<h2 class="card-title h3-sm mb-0">Annalee and Adam get Married in Dallas!</h2>
<a href="blog-2021-10-31.html" class="btn btn-clean mt-30 mt-lg-60 mt-xl-130 mb-xl-n30">read more<svg class="icon-arrow icon-arrow-right" width='26' height='11' viewBox='0 0 26 11' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d='M20.5 1L25 5.5L20.5 10' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
<path d='M7 5.5H25' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
</svg></a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide overflow-hidden">
<div class="card card-overlay card-blog card-image-sm card-hover-zoom text-center text-white">
<div class="card-img" data-swiper-parallax-x="20%" class="swiper-image">
<img src="assets/images/blog/2021-11-03-ben-is-born.jpg" alt="">
<div class="background-color" style="background-color: rgba(14, 14, 14, .2);"></div>
</div>
<div class="card-img-overlay">
<div class="row justify-content-center align-items-center h-100">
<div class="col-12 col-lg-7">
<div class="subtitle mt-lg-3 mb-30">family - 03 nov 2021</div>
<h2 class="card-title h3-sm mb-0">Ben Medlyn is born in Dallas!</h2>
<a href="blog-2021-11-03.html" class="btn btn-clean mt-30 mt-lg-60 mt-xl-130 mb-xl-n30">read more<svg class="icon-arrow icon-arrow-right" width='26' height='11' viewBox='0 0 26 11' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d='M20.5 1L25 5.5L20.5 10' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
<path d='M7 5.5H25' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
</svg></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-button-prev bg-white"><svg width='26' height='11' viewBox='0 0 26 11' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d='M5.5 1L1 5.5L5.5 10' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
<path d='M19 5.5H1' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
</svg></div>
<div class="swiper-button-next bg-white"><svg width='26' height='11' viewBox='0 0 26 11' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d='M20.5 1L25 5.5L20.5 10' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
<path d='M7 5.5H25' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
</svg></div>
</div>
<div class="isotope">
<ul class="nav justify-content-center isotope-options mb-60 pb-30">
<li class="nav-item active">
<a href="#" data-filter="all" class="nav-link">
<div class="nav-link-name">all posts</div>
</a>
</li>
<li class="nav-item">
<a href="#" data-filter="sailing" class="nav-link">
<div class="nav-link-name">sailing</div>
</a>
</li>
<li class="nav-item">
<a href="#" data-filter="family" class="nav-link">
<div class="nav-link-name">family</div>
</a>
</li>
<li class="nav-item">
<a href="#" data-filter="cycling" class="nav-link">
<div class="nav-link-name">cycling</div>
</a>
</li>
<li class="nav-item">
<a href="#" data-filter="building" class="nav-link">
<div class="nav-link-name">building</div>
</a>
</li>
<li class="nav-item">
<a href="#" data-filter="company" class="nav-link">
<div class="nav-link-name">company</div>
</a>
</li>
</ul>
<div class="row gh-1 gv-4 isotope-grid">
<div class="col-12 col-md-6 col-lg-4 isotope-item" data-filters="company">
<div class="card card-blog card-vertical">
<a href="blog-2020-09-18.html" class="card-img">
<img src="assets/images/blog/2020-09-18-kens-retirement.jpg" alt="">
</a>
<div class="card-body">
<a href="blog-2020-09-18.html" class="card-title h5">23+ years, 30+ Plants</a>
<div class="card-date">18 sept, 2020</div>
<p class="card-text">A partial goodbye to one of the best guys I've ever had to pleassure to work with.</p>
<a href="blog-2020-09-18.html" class="btn btn-clean">read more<svg class='icon-arrow icon-arrow-right' width='25' height='10' viewBox='0 0 25 10' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d='M20 1L24 5L20 9' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
<path d='M7 5L24 5' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
</svg></a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 isotope-item" data-filters="sailing">
<div class="card card-blog card-vertical">
<a href="blog-2021-07-25.html" class="card-img">
<img src="assets/images/blog/2021-07-25-best-day-racing.jpg" alt="">
</a>
<div class="card-body">
<a href="blog-2021-07-25.html" class="card-title h5">Winning Mackinac after 22 Attempts</a>
<div class="card-date">25 july, 2021</div>
<p class="card-text">A good boat, new sails, years of preparation, and great friends and family.</p>
<a href="blog-2021-07-25.html" class="btn btn-clean">read more<svg class='icon-arrow icon-arrow-right' width='25' height='10' viewBox='0 0 25 10' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d='M20 1L24 5L20 9' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
<path d='M7 5L24 5' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
</svg></a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 isotope-item" data-filters="family">
<div class="card card-blog card-vertical">
<a href="blog-2021-10-31.html" class="card-img">
<img src="assets/images/blog/2021-10-31-adam-anna-wedding-party.jpg" alt="">
</a>
<div class="card-body">
<a href="blog-2021-10-31.html" class="card-title h5">Adam and Annalee get Married!</a>
<div class="card-date">31 oct, 2021</div>
<p class="card-text">A destination wedding for most of us, Dallas Texas here we come!.</p>
<a href="blog-2021-10-31.html" class="btn btn-clean">read more<svg class='icon-arrow icon-arrow-right' width='25' height='10' viewBox='0 0 25 10' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d='M20 1L24 5L20 9' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
<path d='M7 5L24 5' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
</svg></a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 isotope-item" data-filters="family">
<div class="card card-blog card-vertical">
<a href="blog-2021-11-03.html" class="card-img">
<img src="assets/images/blog/2021-11-03-ben-is-born.jpg" alt="">
</a>
<div class="card-body">
<a href="blog-2021-11-03.html" class="card-title h5">Benjamin Medlyn is born!</a>
<div class="card-date">03 nov, 2021</div>
<p class="card-text">A destination wedding delivers a Baby!</p>
<a href="blog-2021-11-03.html" class="btn btn-clean">read more<svg class='icon-arrow icon-arrow-right' width='25' height='10' viewBox='0 0 25 10' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d='M20 1L24 5L20 9' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
<path d='M7 5L24 5' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' />
</svg></a>
</div>
</div>
</div>
</div>
<div>
<p></p>
</div>
</div>
<!-- START: Scripts -->
<!-- Object Fit Polyfill -->
<script src="assets/vendor/object-fit-images/dist/ofi.min.js"></script>
<!-- Bootstrap -->
<script src="assets/vendor/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- ImagesLoaded -->
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
<!-- Swiper -->
<script src="assets/vendor/swiper/dist/js/swiper.min.js"></script>
<!-- Animejs -->
<script src="assets/vendor/animejs/lib/anime.min.js"></script>
<!-- Rellax -->
<script src="assets/vendor/rellax/rellax.min.js"></script>
<!-- Countdown -->
<script src="assets/vendor/jquery-countdown/dist/jquery.countdown.min.js"></script>
<!-- Moment.js -->
<script src="assets/vendor/moment/min/moment.min.js"></script>
<script src="assets/vendor/moment-timezone/builds/moment-timezone-with-data.min.js"></script>
<!-- Isotope -->
<script src="assets/vendor/isotope-layout/dist/isotope.pkgd.min.js"></script>
<script src="assets/vendor/isotope-packery/packery-mode.pkgd.min.js"></script>
<!-- Jarallax -->
<script src="assets/vendor/jarallax/dist/jarallax.min.js"></script>
<script src="assets/vendor/jarallax/dist/jarallax-video.min.js"></script>
<!-- Fancybox -->
<script src="assets/vendor/fancybox/dist/jquery.fancybox.min.js"></script>
<!-- MicroCODE -->
<script src="assets/js/microcode.min.js"></script>
<!-- Themebau -->
<script src="assets/js/themebau.min.js"></script>
<!-- END: Scripts -->
</body>
</html>