-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
570 lines (471 loc) · 41.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
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
<!DOCTYPE html> <!-- HTML 5 file -->
<!-- PRACTICALSERIES (c) 2021
*******************************************************************************
PRACTICALSERIES: Practical Series of Publications by Michael Gledhill
Published in the United Kingdom
Email: [email protected]
Web: https://practicalseries.com
******************************************************************************* -->
<html lang="en"> <!-- Declare language -->
<head> <!-- Start of head section -->
<meta charset="utf-8"> <!-- Use unicode char set (< 1024 char from SOF) -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Make page follow browser width and reset zoom -->
<meta name="description" content="Practiacl series automation library, PAL">
<!-- ==========================================================================
*******************************************************************************
Title : PRACTICAL SERIES AUTOMATION LIBRARY (PAL)
WEBSITE MAIN INDEX INDEX.HTML
*******************************************************************************
DETAILS
The Practical Series publication - Practical Series Automation Library (PAL)
This website is part of the Practical Series Automation Library (PAL); a
library of software modules and templates that have been made available for
the Siemens Simatic S7-1500 range of controllers. The PAL is fully deployable
software that is suitable for the control of most industrial process
applications.
*******************************************************************************
MODIFICATION HISTORY:
This is a complete summary of all software modifications.
Date Issue Author Reason for Modification
*******************************************************************************
09 Feb 2021 000.101 M. Gledhill Released as a development prototype
Revision control active
RELEASE CHECKLIST
Title Y
Meta description Y
Rev Badge (br red) 000.101 (dev)
Rev Data Page 000.101
Rev Data Code 000.101
Rev Data scroll 000.101
TOC softscroll Y
Nav Prev chap N/A
Nav Prev sec N/A
Nav Next chap Y (98)
Nav Next sec Y (98)
Nav Top Y
Nav Home Y (00)
Last section Prev N/A
Last section Next Y (98)
Footer Top Y
Footer Contacts &c. Y (80)
09 Feb 2021 000.000 M. Gledhill File created
based on 97-00-blank-index.html
*************************************************************************** -->
<!-- **************************************************************************
FAVICON
***********************************************************************-->
<!-- favicons all platforms --> <link rel="apple-touch-icon" sizes="180x180" href="00-comres/11-resources/02-images/01-favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" href="00-comres/11-resources/02-images/01-favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="00-comres/11-resources/02-images/01-favicons/favicon-16x16.png" sizes="16x16">
<link rel="mask-icon" href="00-comres/11-resources/02-images/01-favicons/safari-pinned-tab.svg">
<meta name="theme-color" content="#ffffff">
<!-- **************************************************************************
HEAD SCRIPT AREA
***********************************************************************-->
<!-- jQuery Library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Waypoints (sticky nav) --> <script src="00-comres/21-global/05-js/jquery.waypoints.min.js"></script>
<!-- Hyphenator --> <script src="00-comres/21-global/05-js/hyphenator.js"></script>
<!-- Lightbox --> <script src="00-comres/21-global/05-js/lightbox.js"></script>
<!-- Prettify (main) --> <script src="00-comres/21-global/05-js/run_prettify.js?autoload=true&lang=css"></script>
<!-- MathJax --> <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML" async></script>
<!-- PS main script --> <script src="00-comres/11-resources/05-js/script.js"></script>
<!-- ▼▼▼▼ CHANGE FOLDER ▼▼▼▼ -->
<!-- PS local scroll script --> <script src="01-admin/01-pages/main-index/05-local-js/scroll.js"></script>
<!-- **************************************************************************
HEAD CSS LOAD
***********************************************************************-->
<!-- Load PS fonts --> <link rel="stylesheet" type="text/css" href="00-comres/21-global/03-fonts/ps-fonts.css">
<!-- Load TIA fonts --> <link rel="stylesheet" type="text/css" href="00-comres/21-global/03-fonts/tia-fonts.css">
<!-- Normalise --> <link rel="stylesheet" type="text/css" href="00-comres//21-global/01-css/normalise.css">
<!-- Lightbox styles --> <link rel="stylesheet" type="text/css" href="00-comres/21-global/01-css/lightbox.css">
<!-- Ionicons --> <link rel="stylesheet" type="text/css" href="00-comres/21-global/01-css/ionicons.min.css">
<!-- PS grid system --> <link rel="stylesheet" type="text/css" href="00-comres/11-resources/01-css/grid.css">
<!-- PS main styles --> <link rel="stylesheet" type="text/css" href="00-comres/11-resources/01-css/style.css">
<!-- PAL styles --> <link rel="stylesheet" type="text/css" href="00-comres/11-resources/01-css/style-pal.css">
<!-- ▼▼▼▼ CHANGE FOLDER ▼▼▼▼ -->
<!-- Code frag highlights --> <link rel="stylesheet" type="text/css" href="01-admin/01-pages/main-index/01-local-css/codelines.css">
<!-- **************************************************************************
GOOGLE ANALYTICS
***********************************************************************-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-87335633-1', 'auto');
ga('set', 'anonymizeIp', true);
ga('send', 'pageview');
</script>
<!-- **************************************************************************
TITLE
***********************************************************************-->
<title>PAL | Main Site Index Page</title>
</head>
<body>
<!-- **************************************************************************
HEADER (COVER & TABLE OF CONTENTS)
***********************************************************************-->
<header id="js--000000">
<!-- ************************************************************************** [WP TOPNAV]
TOP NAVIGATION (ABOVE CONTENTS LIST)
***********************************************************************-->
<nav> <!-- Start of top nav bar -->
<div class="top-nav"> <!-- Start of top nav row -->
<div class="rg-row"> <!-- Start of nav button row -->
<!-- Button 01 - Previous Section -->
<div class="nav-wide" ></div>
<!-- Button 02 - Previous Chapter -->
<div class="nav-wide" ></div>
<!-- Button 03 - Home wide (hidden when fixed nav activates) -->
<a class="nav-wide nav-home" href="index.html#js--000000"><span class="top-nav-text">Home</span><span class="top-nav-icon">h</span></a>
<!-- Button 03a - Top narrow (hidden until fixed nav activates) -->
<a class="nav-narrow js--sc-000000" href="#"><span class="top-nav-icon">t</span><span class="top-nav-text">Top</span></a>
<!-- Button 03b - Home narrow (hidden until fixed nav activates) -->
<a class="nav-narrow" href="index.html#js--000000"><span class="top-nav-text">Home</span><span class="top-nav-icon">h</span></a>
<!-- Button 04 - Next Chapter -->
<div class="nav-wide" ></div>
<!-- Button 05 - Next section -->
<div class="nav-wide" ></div>
</div> <!-- End of nav button row -->
</div> <!-- End of top nav row -->
</nav> <!-- End of top nav bar -->
<!-- ========================================================================== [WP END] -->
<!-- **************************************************************************
HEADLINE AND TITLE AREA
***********************************************************************-->
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HEADLINE - LEFT SIDEBAR (LOGO)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<div class="rg-row pal-title-row">
<div class="rg-col rg-span1-5"></div>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HEADLINE - DOCUMENT TITLE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<div class="rg-col rg-span3-5">
<div class="pal-headline">
<p class="pal-headline-ps">Practical Series Automation Library</p>
<!-- Doc Title Sml <h2 style="color: #E60D18">Blank Index Page</h2>-->
<!-- Doc Title Lrg --> <h2><span style="font-size: 150%">Main Site Index</span></h2>
</div>
</div>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HEADLINE - RIGHT SIDEBAR (Page revision information)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<div class="rg-col rg-span1-5">
<aside class="aside-right-rev">
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
TABLE - REVISION TABLE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<table class="table-rev">
<!-- Title row --> <tr>
<td class="leading"></td>
<td class="table-right"></td>
<td colspan="2" class="table-left" style="border-bottom: 1px solid #ccc">Page Revision Data</td>
</tr>
<!-- Spacing row --> <tr class="no-border">
<td class="leading"></td>
<td colspan="3" class="table-left"></td>
</tr>
<!-- Data row --> <tr>
<td class="leading" style="height: 1em"></td>
<td class="table-cent" style="width: 30%"></td>
<td class="table-left" style="width: 40%">Page:</td>
<td class="table-right" style="width: 30%" id="rev-doc">000.101</td>
</tr>
<!-- Data row --> <tr>
<td class="leading" style="height: 1em"></td>
<td class="table-cent" style="width: 30%"></td>
<td class="table-left" style="width: 40%">scroll.js:</td>
<td class="table-right" style="width: 30%" id="rev-scroll"></td>
</tr>
<!-- Data row --> <tr>
<td class="leading" style="height: 1em; border-bottom: 1px solid #ccc"></td>
<td class="table-cent" style="width: 30%"></td>
<td class="table-left" style="width: 40%">codelines.css:</td>
<td class="table-right" style="width: 30%" id="rev-codelines"></td>
</tr>
<!-- Title row --> <tr>
<td class="leading" style="height: 2em"></td>
<td class="table-right"></td>
<td colspan="2" class="table-left" style="border-bottom: 1px solid #ccc; vertical-align: bottom">Common resources</td>
</tr>
<!-- Data row --> <tr>
<td class="leading" style="height: 1em"></td>
<td class="table-cent" style="width: 30%"></td>
<td class="table-left" style="width: 40%">script.js:</td>
<td class="table-right" style="width: 30%" id="rev-script"></td>
</tr>
<!-- Data row --> <tr>
<td class="leading" style="height: 1em"></td>
<td class="table-cent" style="width: 30%"></td>
<td class="table-left" style="width: 40%">Style.css:</td>
<td class="table-right" style="width: 30%" id="rev-style"></td>
</tr>
<!-- Data row --> <tr>
<td class="leading" style="height: 1em"></td>
<td class="table-cent" style="width: 30%"></td>
<td class="table-left" style="width: 40%">style-pal.css:</td>
<td class="table-right" style="width: 30%" id="rev-style-pal"></td>
</tr>
<!-- Data row --> <tr>
<td class="leading" style="height: 1em"></td>
<td class="table-cent" style="width: 30%"></td>
<td class="table-left" style="width: 40%">grid.css:</td>
<td class="table-right" style="width: 30%" id="rev-grid"></td>
</tr>
<!-- Data row --> <tr>
<td class="leading" style="height: 1em"></td>
<td class="table-cent" style="width: 30%"></td>
<td class="table-left" style="width: 40%">ps-fonts.css:</td>
<td class="table-right" style="width: 30%" id="rev-ps-fonts"></td>
</tr>
<!-- Data row --> <tr>
<td class="leading" style="height: 1em"></td>
<td class="table-cent" style="width: 30%"></td>
<td class="table-left" style="width: 40%">tia-fonts.css:</td>
<td class="table-right" style="width: 30%" id="rev-tia-fonts"></td>
</tr>
<!-- Title row --> <tr>
<td class="leading" style="height: 2em"></td>
<td class="table-right"></td>
<td colspan="2" class="table-left" style="border-bottom: 1px solid #ccc; vertical-align: bottom">Global resources</td>
</tr>
<!-- Data row --> <tr>
<td class="leading" style="height: 1em"></td>
<td class="table-cent" style="width: 30%"></td>
<td class="table-left" style="width: 40%">normalise.css:</td>
<td class="table-right" style="width: 30%" id="rev-normalise"></td>
</tr>
<!-- Data row --> <tr>
<td class="leading" style="height: 1em"></td>
<td class="table-cent" style="width: 30%"></td>
<td class="table-left" style="width: 40%">lightbox.css:</td>
<td class="table-right" style="width: 30%" id="rev-lightbox"></td>
</tr>
<!-- Data row --> <tr>
<td class="leading" style="height: 1em"></td>
<td class="table-cent" style="width: 30%"></td>
<td class="table-left" style="width: 40%">lightbox.js:</td>
<td class="table-right" style="width: 30%" id="rev-lbjs"></td>
</tr>
<!-- Data row --> <tr>
<td class="leading" style="height: 1em"></td>
<td class="table-cent" style="width: 30%"></td>
<td class="table-left" style="width: 40%">waypoints.js:</td>
<td class="table-right" style="width: 30%" id="rev-waypoints"></td>
</tr>
<!-- Data row --> <tr>
<td class="leading" style="height: 1em"></td>
<td class="table-cent" style="width: 30%"></td>
<td class="table-left" style="width: 40%">hyphenator.js:</td>
<td class="table-right" style="width: 30%" id="rev-hyphenator"></td>
</tr>
<!-- Data row --> <tr>
<td class="leading" style="height: 1em"></td>
<td class="table-cent" style="width: 30%"></td>
<td class="table-left" style="width: 40%">ionicons.css:</td>
<td class="table-right" style="width: 30%" id="rev-ionicons"></td>
</tr>
<!-- Data row --> <tr>
<td class="leading" style="height: 1em"></td>
<td class="table-cent" style="width: 30%"></td>
<td class="table-left" style="width: 40%">prettify.css:</td>
<td class="table-right" style="width: 30%" id="rev-prettify"></td>
</tr>
<!-- Data row --> <tr>
<td class="leading" style="height: 1em"></td>
<td class="table-cent" style="width: 30%"></td>
<td class="table-left" style="width: 40%">prettify.js:</td>
<td class="table-right" style="width: 30%" id="rev-run-prettify"></td>
</tr>
</table>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
</aside>
</div>
</div>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
COVER IMAGE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<div class="rg-row"> <!-- Start of title row -->
<div class="rg-col rg-span1-5"> <!-- Start of left column -->
<aside class="rev-badge-side"> <!-- BUILD BADGE -->
<img src="https://img.shields.io/badge/dev-000.101-BF504D.svg" alt="Build">
</aside>
</div> <!-- End of Left column -->
<div class="rg-col rg-span3-5"> <!-- Start of title -->
<div class="pal-overline-index"></div> <!-- Overline bar -->
<div class="fig-row">
<!-- Image --> <figure class="fig-col fig1-1" id="js--f00-01">
<img style="max-width:400px" src="00-comres/11-resources/02-images/pal-logo.svg" alt="Cover Image">
</figure>
</div> <!-- END OF FIGURE -->
</div> <!-- End of title -->
<div class="rg-col rg-span1-5"></div>
</div> <!-- End of title row -->
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
AUTHOR
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<div class="rg-row">
<div class="rg-col rg-span1-5"></div>
<div class="rg-col rg-span3-5 pal-headline">
<!-- Blk author --><div class="pal-blk-auth" style="margin-top: 2rem;"><p>Author: Michael Gledhill</p></div>
</div>
<div class="rg-col rg-span1-5"></div>
</div>
<!-- ========================================================================== -->
<!-- ************************************************************************** [WP TOC]
TABLE OF CONTENTS
***********************************************************************-->
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
TOC - OVERLINE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<div class="rg-row sub-title-row" style="margin-bottom: 0">
<div class="rg-col rg-span1-5"></div>
<div class="rg-col rg-span3-5">
<div class="toc-overline" style="margin-top: 1rem"></div>
<!-- Contents --> <div class="title-contents"><h1>Full site contents</h1></div>
</div>
<div class="rg-col rg-span1-5"></div>
</div>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
TOC AREA
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<div class="rg-row"> <!-- Start of TOC section -->
<div class="rg-col rg-span1-5"></div> <!-- Left column (not used) -->
<div class="rg-col rg-span3-5"> <!-- Start of TOC column -->
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
TOC - INTRODUCING THE PAL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<ul class="toc-line">
<!-- Level 1 --> <li><a class="js--sc-000100" href="index.html#js--000100">
<div class="toc-lev"><span class="toc-lev1-num"></span><span class="toc-lev1-text">Introducing the PAL</span></div></a>
</li>
</ul>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
TOC - A NOTE BY THE AUTHOR
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<ul class="toc-line">
<!-- Level 1 --> <li><a class="js--sc-000100a" href="index.html#js--000100a">
<div class="toc-lev"><span class="toc-lev1lt-num"></span><span class="toc-lev1lt-text">A note by the author</span></div></a>
</li>
</ul>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
</div> <!-- End of TOC column -->
<div class="rg-col rg-span1-5"></div> <!-- Right column (not used) -->
</div> <!-- End of TOC section -->
<!-- ========================================================================== [WP END] -->
</header> <!-- End of header -->
<!-- ========================================================================== [WP END] -->
<!-- ************************************************************************** [WP FIXEDNAV]
FIXED NAVIGATION BAR CHANGEOVER POINT
***********************************************************************-->
<div id="js--fixed-nav"></div> <!-- fixed navigation point -->
<!-- ========================================================================== [WP END] -->
<!-- ************************************************************************** [WP LEADIN]
CHAPTER INTRODUCING THE PAL (SANS FONT)
***********************************************************************-->
<section class="section-std" id="js--000100"> <!-- Start of section -->
<div class="rg-row sub-title-row"> <!-- Start of subtitle row -->
<div class="rg-col rg-span1-5"></div> <!-- Left column (not used) -->
<div class="rg-col rg-span3-5"> <!-- Start of subtitle column -->
<div class="sub-title-thinline"></div> <!-- Thin overline -->
<div class="sub-title-num-box"><h6>Fairfax WTW</h6></div>
</div> <!-- End of subtitle column -->
<div class="rg-col rg-span1-5"></div> <!-- Right column (not used) -->
</div> <!-- End of Subtitle row -->
<div class="rg-row"> <!-- Start of section content -->
<div class="rg-col rg-span1-5"> <!-- Start of left column -->
<aside class="aside-head"> <!-- Start of left side bar -->
<!--- <h2>Introducing the PAL</h2> -->
</aside> <!-- End of left side bar -->
<!-- <aside class="aside-left"> Start of left side bar -->
<!-- <p></p> Side bar content -->
<!-- </aside> End of left side bar -->
</div> <!-- End of left column -->
<div class="rg-col rg-span3-5"> <!-- Start of section text -->
<p class="hyp sans"><span class="all-caps">Introducing the PAL</span> — the Practical Series Automation Library.</p>
<p class="hyp sans"><span class="lorum">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Euismod lacinia at quis risus sed. Semper feugiat nibh sed pulvinar proin gravida hendrerit. Neque ornare aenean euismod elementum. Nunc lobortis mattis aliquam faucibus. Lacus sed viverra tellus in. Enim sit amet venenatis urna cursus eget nunc scelerisque viverra. Auctor elit sed vulputate mi. Vulputate mi sit amet mauris commodo quis imperdiet massa tincidunt. Morbi blandit cursus risus at ultrices mi. Nunc aliquet bibendum enim facilisis gravida neque convallis. Habitasse platea dictumst quisque sagittis purus sit amet. Orci eu lobortis elementum nibh tellus molestie. Elit sed vulputate mi sit amet mauris commodo quis imperdiet. Purus sit amet luctus venenatis lectus. Lectus quam id leo in vitae turpis massa sed elementum. Nulla aliquet porttitor lacus luctus accumsan tortor. Urna nec tincidunt praesent semper feugiat nibh. Faucibus nisl tincidunt eget nullam non nisi est sit amet.</span></p>
<p class="hyp sans"><span class="lorum">Accumsan tortor posuere ac ut consequat semper viverra nam libero. Malesuada fames ac turpis egestas maecenas pharetra convallis. Eget aliquet nibh praesent tristique magna. Vel turpis nunc eget lorem dolor sed viverra. Nisi vitae suscipit tellus mauris a diam. Aliquam etiam erat velit scelerisque in dictum non consectetur a. Diam quis enim lobortis scelerisque fermentum dui faucibus in ornare. Nulla aliquet porttitor lacus luctus accumsan tortor. Lectus mauris ultrices eros in cursus turpis massa tincidunt dui. Odio facilisis mauris sit amet massa vitae. Sed egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium. Fringilla urna porttitor rhoncus dolor purus non enim.</span></p>
<p class="hyp sans"><span class="lorum">Turpis tincidunt id aliquet risus feugiat in ante metus. Ornare lectus sit amet est placerat. Lobortis mattis aliquam faucibus purus in massa. Velit dignissim sodales ut eu sem integer vitae justo eget. Porttitor massa id neque aliquam. Interdum velit laoreet id donec ultrices tincidunt arcu. Risus nullam eget felis eget nunc lobortis mattis aliquam faucibus. Faucibus nisl tincidunt eget nullam non nisi est. Netus et malesuada fames ac turpis egestas maecenas. Nam aliquam sem et tortor consequat id porta nibh venenatis. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper sit. Porta lorem mollis aliquam ut porttitor leo a diam. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. At elementum eu facilisis sed odio morbi quis commodo odio. Morbi tempus iaculis urna id volutpat. Consequat id porta nibh venenatis.</span></p>
<p class="hyp sans"><span class="lorum">Imperdiet sed euismod nisi porta lorem. Amet justo donec enim diam vulputate. Ut ornare lectus sit amet est placerat. Leo in vitae turpis massa. In aliquam sem fringilla ut morbi tincidunt. Mattis molestie a iaculis at erat pellentesque adipiscing commodo. Tellus in hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Lobortis feugiat vivamus at augue eget. Integer quis auctor elit sed vulputate. Sit amet facilisis magna etiam tempor orci eu lobortis elementum. Et sollicitudin ac orci phasellus egestas tellus rutrum. Ut ornare lectus sit amet est. Hendrerit dolor magna eget est. Id neque aliquam vestibulum morbi blandit cursus risus at. Laoreet non curabitur gravida arcu ac tortor dignissim convallis. Orci sagittis eu volutpat odio facilisis mauris. Sem nulla pharetra diam sit. Purus gravida quis blandit turpis cursus in. Malesuada fames ac turpis egestas sed tempus. Feugiat scelerisque varius morbi enim nunc faucibus a.</span></p>
<p class="hyp sans"><span class="lorum">In est ante in nibh mauris cursus mattis molestie. Consequat ac felis donec et odio pellentesque diam volutpat. Mauris augue neque gravida in fermentum et sollicitudin. Dolor sit amet consectetur adipiscing elit pellentesque habitant. Sociis natoque penatibus et magnis dis parturient. Laoreet suspendisse interdum consectetur libero id. Ut etiam sit amet nisl purus in mollis nunc. Massa enim nec dui nunc mattis. Nec ullamcorper sit amet risus nullam eget felis eget. Dolor magna eget est lorem ipsum dolor sit. Porta non pulvinar neque laoreet suspendisse.</span></p>
<p class="hyp sans"></p>
<p class="hyp sans"></p>
</div> <!-- End of section text -->
<div class="rg-col rg-span1-5"> <!-- Start of right column -->
<!-- <aside class="aside-right"> Start of right side bar -->
<!-- <p></p> Side bar content -->
<!-- </aside> End of left side bar -->
</div> <!-- End of right column -->
</div> <!-- End of section content -->
</section> <!-- End of section -->
<!-- ========================================================================== [WP END] -->
<!-- ************************************************************************** [WP LEADIN]
SECTION START - AUTHOR'S NOTE
***********************************************************************-->
<section class="section-std" id="js--000100a"> <!-- Start of section -->
<div class="rg-row sub-title-row"> <!-- Start of subtitle row -->
<div class="rg-col rg-span1-5"></div> <!-- Left column (not used) -->
<div class="rg-col rg-span3-5"> <!-- Start of subtitle column -->
<div class="sub-title-thinline"></div> <!-- Thin overline -->
<div class="sub-title-num-box"><h6>Placeholder</h6></div>
</div> <!-- End of subtitle column -->
<div class="rg-col rg-span1-5"></div> <!-- Right column (not used) -->
</div> <!-- End of Subtitle row -->
<div class="rg-row"> <!-- Start of section content -->
<div class="rg-col rg-span1-5"> <!-- Start of left column -->
<aside class="aside-head"> <!-- Start of left side bar -->
<h2>a note by the author</h2>
</aside> <!-- End of left side bar -->
</div> <!-- End of left column -->
<div class="rg-col rg-span3-5 section-text"> <!-- Start of section text -->
<p class="hyp"><em>“Why am I doing this?”</em> You ask</p>
<p class="hyp"><span class="lorum">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Euismod lacinia at quis risus sed. Semper feugiat nibh sed pulvinar proin gravida hendrerit. Neque ornare aenean euismod elementum. Nunc lobortis mattis aliquam faucibus. Lacus sed viverra tellus in. Enim sit amet venenatis urna cursus eget nunc scelerisque viverra. Auctor elit sed vulputate mi. Vulputate mi sit amet mauris commodo quis imperdiet massa tincidunt. Morbi blandit cursus risus at ultrices mi. Nunc aliquet bibendum enim facilisis gravida neque convallis. Habitasse platea dictumst quisque sagittis purus sit amet. Orci eu lobortis elementum nibh tellus molestie. Elit sed vulputate mi sit amet mauris commodo quis imperdiet. Purus sit amet luctus venenatis lectus. Lectus quam id leo in vitae turpis massa sed elementum. Nulla aliquet porttitor lacus luctus accumsan tortor. Urna nec tincidunt praesent semper feugiat nibh. Faucibus nisl tincidunt eget nullam non nisi est sit amet.</span></p>
<p class="hyp"><span class="lorum">Accumsan tortor posuere ac ut consequat semper viverra nam libero. Malesuada fames ac turpis egestas maecenas pharetra convallis. Eget aliquet nibh praesent tristique magna. Vel turpis nunc eget lorem dolor sed viverra. Nisi vitae suscipit tellus mauris a diam. Aliquam etiam erat velit scelerisque in dictum non consectetur a. Diam quis enim lobortis scelerisque fermentum dui faucibus in ornare. Nulla aliquet porttitor lacus luctus accumsan tortor. Lectus mauris ultrices eros in cursus turpis massa tincidunt dui. Odio facilisis mauris sit amet massa vitae. Sed egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium. Fringilla urna porttitor rhoncus dolor purus non enim.</span></p>
<p class="hyp"><span class="lorum">Turpis tincidunt id aliquet risus feugiat in ante metus. Ornare lectus sit amet est placerat. Lobortis mattis aliquam faucibus purus in massa. Velit dignissim sodales ut eu sem integer vitae justo eget. Porttitor massa id neque aliquam. Interdum velit laoreet id donec ultrices tincidunt arcu. Risus nullam eget felis eget nunc lobortis mattis aliquam faucibus. Faucibus nisl tincidunt eget nullam non nisi est. Netus et malesuada fames ac turpis egestas maecenas. Nam aliquam sem et tortor consequat id porta nibh venenatis. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper sit. Porta lorem mollis aliquam ut porttitor leo a diam. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. At elementum eu facilisis sed odio morbi quis commodo odio. Morbi tempus iaculis urna id volutpat. Consequat id porta nibh venenatis.</span></p>
<p class="hyp">Michael Gledhill<br>February 2021</p>
</div> <!-- End of section text -->
<div class="rg-col rg-span1-5"> <!-- Start of right column -->
<!-- <aside class="aside-left"> Start of left side bar -->
<!-- <p></p> Side bar content -->
<!-- </aside> End of left side bar -->
</div> <!-- End of right column -->
</div> <!-- End of section content -->
</section> <!-- End of section -->
<!-- ========================================================================== [WP END] -->
<!-- ************************************************************************** [WP LAST]
SECTION - LAST SECTION BEFORE FOOTER (WITH NAVIGATION)
***********************************************************************-->
<p> <br class="toc-pad"></p>
<p> <br class="toc-pad"></p>
<div class="section-std" id="js--999901"> <!-- Start of additional row -->
<div class="rg-row"> <!-- Start of row content -->
<div class="rg-col rg-span1-5"> <!-- Start of left column -->
</div> <!-- End of left column -->
<div class="rg-col rg-span3-5 aside-nav"> <!-- Start of end image area -->
<img src="00-comres/11-resources/01-css/01-css-images/end-mark.svg" alt="End flourish image">
</div> <!-- End of section text area -->
<div class="rg-col rg-span1-5"> <!-- Start of right column -->
</div> <!-- End of right column -->
</div> <!-- End of row content -->
</div> <!-- End of additional row -->
<!-- ========================================================================== [WP END] -->
<!-- ************************************************************************** [WP FOOTER]
FOOTER
***********************************************************************-->
<footer class="footer"> <!-- Start of footer -->
<ul class="footer-nav"> <!-- Start of footer nav -->
<li><a class="js--sc-000000" href="#"><span class="top-nav-icon" style="color:#5b7daf">t</span>Top</a><span class="footer-spacer">◇</span></li>
<li><a href="11-web/80-00-finally.html#js--800100">Contact MG</a><span class="footer-spacer">◇</span></li>
<li><a href="11-web/80-00-finally.html#js--800200">Acknowledgments</a><span class="footer-spacer">◇</span></li>
<li><a href="11-web/80-00-finally.html#js--800300">Colophon</a><span class="footer-spacer">◇</span></li>
<li><a href="11-web/80-00-finally.html#js--800400">Legal & Privacy</a></li>
</ul> <!-- End of footer nav -->
<ul class="social-links">
<!-- <li><a href="https://www.facebook.com/practicalseries"><i id="js--fbicon" class="ion-social-facebook-outline"></i></a></li>
<li><a href="https://twitter.com/practicalseries"><i id="js--twicon" class="ion-social-twitter-outline"></i></a></li> -->
</ul>
</footer> <!-- End of footer -->
<!-- ========================================================================== [WP END] -->
</body>
</html>