-
Notifications
You must be signed in to change notification settings - Fork 7
Expand file tree
/
Copy pathindex.html
More file actions
166 lines (161 loc) · 20.1 KB
/
index.html
File metadata and controls
166 lines (161 loc) · 20.1 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
<!DOCTYPE html>
<html>
<head>
<title>Idiot Proofed</title>
<meta name="description" content="The only font proof you'll ever need, idiot.">
<meta charset="utf-8">
<meta property="og:title" content="Idiot Proofed">
<meta property="og:description" content="A font proof for idiots.">
<meta property="og:image" content="https://idiotproofed.com/src/images/facebook-share.jpg">
<meta property="og:url" content="https://idiotproofed.com/">
<link rel="shortcut icon" href="src/images/favicon.png" type="image/x-icon">
<script src="src/js/opentype.min.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20,400,1,200" rel="stylesheet" />
<link rel="stylesheet" href="src/css/style.css">
<script src="src/js/application.js"></script>
<style id="style__fontface"></style>
<style id="style__fontfamily"></style>
<style id="style__opentype-features"></style>
<style id="style__fvar-animation"></style>
</head>
<body id="body__idiotproofed" class="body__idiotproofed tools-visible">
<div class="canvas">
<!-- settings -->
<div class="off-canvas-sidebar-settings no-print" id="settings-sidebar">
<div class="settings-content d-flex flex-column p-2 g-4 h-100">
<ul class="m-0 p-0 d-flex flex-column g-2 ">
<h6 title="Settings affect global changes to all proofs.">Type scale</h6>
<li class="d-flex flex-column g-1">
<span class="t__left text-small">Base font size</span>
<input type="number" name="base-font-size" id="input__base-font-size" value="14">
</li>
<li class="d-flex flex-column g-1">
<span class="t__left text-small">Line height</span>
<input type="number" step="0.1" name="line-height" id="input__line-height" value="1.0">
</li>
<li class="d-flex flex-column g-1">
<span class="t__left text-small">Type scale</span>
<select name="type-scale" id="select__type-scale">
<option value="1.067">1 – Flat</option>
<option value="1.125">1.125 – Major Second</option>
<option value="1.200">1.200 – Minor Third</option>
<option value="1.250">1.250 – Major Third</option>
<option value="1.333">1.333 – Perfect Fourth</option>
<option value="1.414">1.414 – Augmented Fourth</option>
<option value="1.500">1.500 – Perfect Fifth</option>
<option value="1.618" selected>1.618 – Golden Ratio</option>
<option value="1.667">1.667 – Minor Sixth</option>
<option value="1.732">1.732 – Major Sixth</option>
<option value="1.802">1.802 – Minor Seventh</option>
<option value="1.902">1.902 – Major Seventh</option>
</select>
</li>
</ul>
<ul class="m-0 p-0 d-flex flex-column g-2">
<h6 title="Settings affect global changes to all proofs.">Page Settings</h6>
<li class="d-flex flex-column g-1">
<span class="t__left text-small">Page aspect ratio</span>
<select name="aspect-ratio" id="select__aspect-ratio">
<option value="8.5:11" selected>USA Letter (8.5" x 11")</option>
<option value="210:297">ISO A4 (210mm x 297mm)</option>
</select>
</li>
<li class="d-flex flex-row g-1 align-items-center">
<input type="checkbox" name="add-name-and-version" id="checkbox__add-name-and-version">
<label for="checkbox__add-name-and-version" class="t__left text-small">Add name and version to each page</label>
</li>
<li class="d-flex flex-row g-1 align-items-center">
<input type="checkbox" name="lock-proof-dimensions" id="checkbox__lock-proof-dimensions">
<label for="checkbox__lock-proof-dimensions" class="t__left text-small">Lock proof dimensions for more predictable PDF export</label>
</li>
</ul>
<ul class="m-0 p-0 d-flex flex-column g-2">
<h6 title="Settings affect global changes to all proofs.">Other</h6>
<li class="d-flex flex-column g-1">
<span class="t__left text-small" title="Change color mode (defaults to operating system)">Color mode</span>
<button title="Change mode" id="btn__mode-toggle" class="btn btn__print d-flex justify-content-between">Mode <span class="material-symbols-outlined">light_mode</span></button>
</li>
<li class="d-flex flex-column g-1">
<span class="t__left text-small">Auto cycle speed (milliseconds)</span>
<input type="number" step="50" min="100" max="2000" name="cycle-speed" id="input__cycle-speed" value="300">
</li>
<li class="d-flex flex-column g-1">
<span class="t__left text-small">Clear localstorage and reset all edits <span class="text-warning">can’t undo</span></span>
<button title="Reset All Edits" id="btn__reset-local-storage" type="button" class="btn btn__edit-reset d-flex justify-content-between">Reset <span class="material-symbols-outlined">history</span></button>
</li>
</ul>
<div class="d-flex flex-column g-3 flex-grow-1 justify-content-end">
<div>Idiot Proofed is by <a href="https://www.verycoolstudio.com/">Very Cool Studio</a> and <a href="https://www.futurefonts.xyz/jake-fleming">Jake Fleming</a>. <a href="https://github.com/jakefleming/idiotproof">Learn more</a> or help us make it better.</div>
<div class="text-small">© Copyright 2024 — Idiot Proofed <span class="version">V0.4.1</span></div>
<div class="Logo">
<title>Idiot Proofed</title>
<svg width="174" height="28" viewBox="0 0 174 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M36.9238 26.9745C36.8511 26.9745 36.7785 26.9745 36.7035 26.9722C34.332 26.92 33.3075 25.4844 33.1667 22.018C33.1008 19.3989 33.1076 17.8952 33.1985 15.3215C33.2871 11.5621 33.2939 10.465 33.1304 8.88396L38.9182 8.91122C38.8615 9.51999 38.7183 11.0942 38.7183 12.5275C38.7183 13.3226 38.682 14.3902 38.6388 15.6236C38.5684 17.6203 38.4912 19.8828 38.5298 21.9976L38.5344 22.227L38.7638 22.2156C39.2135 22.1929 39.8723 22.1157 40.656 21.7409C40.0676 26.2045 39.1795 26.9745 36.9284 26.9745H36.9238Z" />
<path d="M37.5508 6.53746C32.7874 6.53746 32.7874 4.74749 32.7874 4.15916C32.7874 3.41182 33.0963 2.13976 33.9572 0.981273C34.5955 0.822266 35.177 0.822266 35.8471 0.822266C38.1823 0.822266 39.3158 1.52871 39.3158 2.9825C39.3158 4.93375 39.159 5.87417 38.2072 6.53519H37.5508V6.53746Z" />
<path d="M0.0158613 26.5919C1.39241 26.7327 4.47717 26.8191 6.67602 26.8191H6.67829C10.8375 26.8191 13.761 26.5465 14.9353 26.3034C14.9808 24.8406 14.9444 23.3095 14.8195 21.5241C13.3203 21.6422 11.3667 21.6922 9.92659 21.6922H9.53134L9.73805 21.356C10.0947 20.7722 10.2401 19.984 10.1787 18.9436C10.0197 15.366 9.9902 13.0467 9.9902 9.76661C9.9902 8.59904 10.0265 7.95392 10.1197 7.46554L10.156 7.277L10.3491 7.28609C10.7255 7.30539 11.1075 7.32428 11.4826 7.34283C12.873 7.41159 14.1677 7.47561 14.7241 7.53823C14.7513 7.13617 14.79 6.69776 14.8308 6.23891C14.9422 4.96912 15.0671 3.53577 15.0035 2.29551C13.661 2.15695 10.708 2.06836 8.44328 2.06836C5.18362 2.06836 1.77176 2.24327 0.0908221 2.584L0.120352 7.54731C0.327101 7.53009 0.712007 7.5106 1.11367 7.49026C1.61228 7.46501 2.13672 7.43845 2.37826 7.41329C3.32322 7.31107 4.21821 7.21567 5.21996 7.19523L5.74469 7.18387L5.38578 7.56776C4.75884 8.23786 4.46808 9.3123 4.46808 10.941C4.53396 15.6385 4.52487 19.014 4.27727 21.3106L4.25456 21.5264L4.03876 21.5082C3.52869 21.4618 2.84069 21.416 2.20324 21.3736C1.56043 21.3308 0.968903 21.2914 0.66325 21.2583C0.595497 21.2507 0.529903 21.2437 0.467276 21.2371C0.418823 21.2319 0.371581 21.2269 0.327062 21.222C0.297532 21.649 0.254373 22.1215 0.208942 22.6167C0.0885506 23.9092 -0.0454703 25.3675 0.0158613 26.5919Z" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.2761 18.2549C15.2761 24.1222 16.9957 27.098 20.3871 27.098L20.3848 27.1002C23.0039 27.1002 23.8807 26.3302 24.2987 23.6679L24.3282 23.4817H24.5168C24.569 23.4817 24.653 23.4612 24.7098 23.4249L24.996 23.2363L25.0506 23.5748C25.4186 25.9054 26.4294 26.923 28.4329 26.9776C28.5056 26.9798 28.576 26.9798 28.6464 26.9798C30.7976 26.9798 31.7402 26.1871 32.5535 21.8098C31.8402 22.0915 31.1088 22.2459 30.3319 22.2846L30.1229 22.2936L30.1002 22.0869C29.9071 20.3106 29.9117 18.4888 29.973 14.1093C29.997 11.9198 29.9895 10.0504 29.9828 8.39366L29.9821 8.20328C29.9707 5.57511 29.9639 3.63749 30.0798 2.11328L24.7348 2.14054C24.962 3.99639 24.9915 5.28435 25.0256 8.50767V8.85067L24.7121 8.71211C24.1215 8.45088 23.406 8.32822 22.4678 8.32822C20.8641 8.32822 19.6193 8.90746 18.9651 9.95691L18.9174 10.0341L18.8288 10.0546C16.4051 10.6429 15.2761 13.2484 15.2761 18.2549ZM21.3148 12.8473C21.55 12.8238 21.7558 12.8032 21.9658 12.8032L21.9635 12.8009C24.2464 12.8009 24.678 14.3274 24.678 16.9215C24.678 19.5156 24.6099 21.2442 24.2578 22.4004L24.2214 22.5208L24.0988 22.5503C23.8421 22.6139 23.5127 22.6503 23.1947 22.6503C21.3798 22.6503 20.671 21.226 20.671 17.5711C20.671 15.4858 20.7437 14.1774 20.9254 13.0507L20.9527 12.8827L21.2798 12.8509L21.3148 12.8473Z" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M40.8628 18.2223C40.8628 24.5258 42.7005 27.0972 47.2027 27.0972L47.2004 27.0949C49.3379 27.0949 50.476 26.6156 51.0075 25.4889L51.0688 25.3595L51.2755 25.364C51.9638 25.364 52.5771 25.096 53.0973 24.5712C54.4057 23.2492 55.1008 20.3575 55.0554 16.43C54.9963 10.5195 53.1041 8.10938 48.527 8.10938C46.8687 8.10938 45.6966 8.69998 45.2287 9.77214L45.1719 9.90389H45.0288C42.3416 9.93569 40.8628 12.8887 40.8628 18.2223ZM46.5757 12.7161C46.8051 12.6525 47.08 12.6161 47.3299 12.6161C49.4492 12.6161 50.0148 13.6792 50.0762 17.7839C50.108 19.9009 50.108 21.4388 50.0126 22.57L49.9967 22.7495L49.8172 22.7722C49.5514 22.804 49.2879 22.804 49.0335 22.804C46.7325 22.804 46.0669 21.6864 46.0669 17.8179C46.0669 15.5373 46.1714 14.0631 46.419 12.8842L46.4462 12.7524L46.5757 12.7161Z" />
<path d="M61.5587 27.3127C58.6693 27.3127 57.2473 25.8748 57.0793 22.7878C57.0384 21.7634 57.1088 19.7621 57.1792 17.8268L57.1881 17.5782C57.2195 16.7048 57.2514 15.8154 57.2701 15.0396C57.2701 14.6466 57.2996 14.2854 57.3609 13.9606L57.4064 13.713L57.1542 13.6994C56.9179 13.6865 56.683 13.6795 56.4448 13.6725L56.2797 13.6676C56.2051 13.6652 56.1303 13.6632 56.0552 13.6611C55.911 13.6571 55.7648 13.6531 55.6187 13.6471C55.5755 12.5477 55.63 11.1371 55.7731 9.72419C57.3836 8.79513 60.3253 7.21868 62.8967 6.4668C62.9126 6.9052 62.908 7.4322 62.883 8.06369V8.69064C62.883 8.86782 62.883 9.00865 62.8558 9.1404L62.8035 9.39936L63.067 9.40617C63.2533 9.41071 63.4396 9.41298 63.6281 9.41298C64.5572 9.41298 65.4749 9.34938 66.4221 9.22218C66.4403 10.6532 66.1609 12.4546 65.9519 13.788L65.9428 13.8516H62.5514L62.5378 14.0583C62.4015 15.9459 62.2515 18.3447 62.2856 20.1415C62.3152 21.9973 62.5491 22.7719 63.9257 22.7719C65.0887 22.7719 65.7792 22.6493 66.3403 22.3108C66.0768 25.0435 65.6407 27.3105 61.5587 27.3105V27.3127Z" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M74.7654 12.1472C74.8812 18.8846 74.8131 23.7457 74.5655 26.6033H80.7873C80.4942 24.7611 80.317 23.2573 80.2262 20.8926L80.2171 20.6632H82.057C83.4586 20.6632 84.6239 20.1567 85.5189 19.1594L85.5461 19.1276L85.5825 19.1095C87.8517 17.9578 89.1533 15.1638 89.1533 11.4498C89.1533 4.93052 85.5734 1.76172 78.2068 1.76172C76.5917 1.76172 73.0595 2.19558 71.2854 2.80663L72.0759 8.52637C73.1685 8.00618 75.9262 7.53597 77.4708 7.47464L77.5321 7.91078C75.5105 8.41279 74.7359 9.60081 74.7654 12.1472ZM80.0944 11.3135C80.0944 9.19874 80.124 8.36509 80.2239 7.75177V7.7495L80.258 7.5337L80.4738 7.5655C82.2274 7.81992 83.8493 8.58316 83.8493 12.4039C83.8493 13.4193 83.7743 14.4505 83.6267 15.4682L83.6017 15.634L83.4359 15.6567C82.5091 15.7794 81.521 15.8407 80.3284 15.9066L80.0944 15.9202V11.3135Z" />
<path d="M90.8661 26.6L90.8659 26.5977L96.0316 26.5682C95.918 25.3461 95.943 23.8537 95.9816 21.6685C96.0134 19.8967 96.0521 17.691 96.0225 14.8788V14.6699L96.3156 14.6517C96.6199 14.6312 96.9039 14.6131 97.2015 14.6131C97.3378 14.6131 97.474 14.6176 97.6126 14.6267C98.3191 14.654 98.9664 14.7198 99.6252 15.2037C100.164 11.8963 100.325 9.81785 99.6434 9.01146C99.3503 8.66618 98.8779 8.51172 98.1101 8.51172C96.5359 8.51172 95.8272 9.55663 95.491 12.3688L95.4683 12.5641H94.8709L94.8618 12.3529C94.8032 10.9968 94.6821 10.3243 94.576 9.73504L94.5718 9.71196C94.5224 9.44018 94.4753 9.181 94.4415 8.88198H90.6072C90.8616 10.6969 90.8843 12.6255 90.8252 17.1413C90.8147 17.8908 90.8028 18.5898 90.7916 19.2448L90.7915 19.2508L90.7821 19.8058C90.7276 22.7939 90.6913 24.8015 90.8659 26.5977L90.8616 26.5977L90.8661 26.6Z" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M100.498 18.2223C100.498 24.5258 102.335 27.0972 106.837 27.0972L106.835 27.0949C108.973 27.0949 110.111 26.6156 110.642 25.4889L110.704 25.3595L110.91 25.364C111.599 25.364 112.212 25.096 112.732 24.5712C114.04 23.2492 114.736 20.3575 114.69 16.43C114.631 10.5195 112.739 8.10938 108.162 8.10938C106.504 8.10938 105.331 8.69998 104.863 9.77214L104.807 9.90389H104.664C101.976 9.93569 100.498 12.8887 100.498 18.2223ZM106.208 12.7161C106.438 12.6525 106.712 12.6161 106.962 12.6161C109.082 12.6161 109.647 13.6792 109.709 17.7839C109.74 19.9009 109.74 21.4388 109.645 22.57L109.629 22.7495L109.45 22.7722C109.184 22.804 108.92 22.804 108.666 22.804C106.365 22.804 105.699 21.6864 105.699 17.8179C105.699 15.5373 105.804 14.0631 106.051 12.8842L106.079 12.7524L106.208 12.7161Z" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M122.2 27.0972C117.698 27.0972 115.86 24.5258 115.86 18.2223C115.86 12.8887 117.339 9.93569 120.026 9.90389H120.169L120.226 9.77214C120.694 8.69998 121.866 8.10938 123.524 8.10938C128.101 8.10938 129.993 10.5195 130.052 16.43C130.098 20.3575 129.403 23.2492 128.094 24.5712C127.574 25.096 126.961 25.364 126.273 25.364L126.066 25.3595L126.005 25.4889C125.473 26.6156 124.335 27.0949 122.197 27.0949L122.2 27.0972ZM122.327 12.6161C122.077 12.6161 121.802 12.6525 121.573 12.7161L121.443 12.7524L121.416 12.8842C121.168 14.0631 121.064 15.5373 121.064 17.8179C121.064 21.6864 121.73 22.804 124.031 22.804C124.285 22.804 124.549 22.804 124.814 22.7722L124.994 22.7495L125.01 22.57C125.105 21.4388 125.105 19.9009 125.073 17.7839C125.012 13.6792 124.446 12.6161 122.327 12.6161Z" />
<path d="M133.103 26.612C133.946 26.6574 134.825 26.6801 135.724 26.6801V26.6824C136.797 26.6824 137.935 26.6506 139.111 26.587C138.596 21.7054 138.534 18.3186 138.503 13.7414V13.512L138.732 13.5188C139.754 13.5461 140.81 13.5756 141.933 13.6574C141.958 13.3893 141.985 13.1054 142.014 12.8124C142.132 11.6062 142.264 10.2501 142.262 9.07113C141.228 9.19379 140.063 9.25739 138.791 9.25739H138.559L138.568 9.0257C138.6 8.23747 138.664 7.054 138.727 6.31348L138.743 6.12721L138.93 6.11131C139.316 6.07951 139.711 6.07951 140.208 6.07951C141.188 6.07951 142.887 6.15901 143.929 6.65421C143.947 6.42705 143.961 6.17037 143.961 5.92959C143.961 2.74034 142.737 1.31836 139.99 1.31836C139.89 1.31836 139.786 1.32063 139.677 1.32517C138.58 1.3547 137.787 1.69089 137.258 2.35645L137.185 2.44731L137.069 2.4405C137.003 2.43369 136.94 2.43369 136.876 2.43369C134.957 2.43369 133.869 4.37131 133.455 8.5305L133.444 8.64862L133.337 8.70314C132.649 9.06347 131.967 9.31312 131.494 9.48631C131.174 9.60354 130.95 9.68574 130.884 9.7435L130.943 13.5733L133.301 13.5415V13.7687C133.276 15.9013 133.223 17.9105 133.176 19.6898L133.169 19.9397C133.1 22.5761 133.041 24.8684 133.103 26.612Z" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M149.349 27.0974C144.531 27.0974 142.566 24.5624 142.566 18.3474C142.566 13.6976 143.57 10.9445 145.549 10.1699L145.647 10.1313L145.678 10.0313C146.099 8.73655 147.525 8.08008 149.915 8.08008C153.629 8.08008 155.435 9.89958 155.435 13.6431C155.435 17.8613 154.422 18.8426 151.569 19.49H151.555L151.541 19.4991C151.116 19.6558 150.567 19.8126 149.872 20.0102L149.693 20.0616C149.208 20.2007 148.666 20.3565 148.05 20.5463L147.843 20.6099L147.9 20.8166C148.304 22.2727 149.327 22.8655 151.425 22.8655C153.306 22.8655 154.244 22.4635 154.803 22.0864C154.31 25.0076 153.847 27.0951 149.342 27.0951L149.349 27.0974ZM148.845 12.3074C148.736 12.3074 148.588 12.3074 148.461 12.3483L148.352 12.3846L148.318 12.496C147.932 13.7794 147.743 15.2195 147.709 17.1662L147.705 17.4252L147.961 17.3889C148.422 17.3252 148.913 17.2662 149.388 17.2117C149.829 17.1594 150.269 17.1072 150.705 17.0504L150.883 17.0254L150.896 16.846C150.962 15.9283 150.992 15.2581 150.992 14.6017C150.992 13.4682 150.737 12.3074 148.845 12.3074Z" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M156.575 18.2537C156.575 24.1211 158.295 27.0968 161.686 27.0968C164.305 27.0968 165.182 26.3267 165.6 23.6645L165.629 23.4782H165.818C165.87 23.4782 165.954 23.4578 166.011 23.4214L166.297 23.2329L166.352 23.5713C166.72 25.9019 167.73 26.9196 169.734 26.9741C169.807 26.9764 169.877 26.9764 169.948 26.9764C172.099 26.9764 173.041 26.1836 173.855 21.8064C173.141 22.088 172.41 22.2425 171.633 22.2811L171.424 22.2902L171.401 22.0835C171.208 20.3071 171.213 18.4854 171.274 14.1058C171.298 11.9038 171.291 10.132 171.284 8.56699L171.283 8.39064C171.272 6.02142 171.265 4.27688 171.381 2.77539L166.036 2.80265C166.261 4.59944 166.29 5.2968 166.324 8.50649V8.84949L166.011 8.71093C165.42 8.4497 164.705 8.32704 163.767 8.32704C162.163 8.32704 160.918 8.90628 160.264 9.95573L160.216 10.033L160.128 10.0534C157.704 10.6417 156.575 13.2472 156.575 18.2537ZM162.611 12.8462C162.847 12.8226 163.052 12.802 163.262 12.802L163.26 12.7997C165.543 12.7997 165.975 14.3262 165.975 16.9203C165.975 19.5144 165.906 21.243 165.554 22.3992L165.518 22.5196L165.395 22.5492C165.139 22.6128 164.809 22.6491 164.491 22.6491C162.676 22.6491 161.968 21.2248 161.968 17.5699C161.968 15.4847 162.04 14.1763 162.222 13.0496L162.249 12.8815L162.576 12.8497L162.611 12.8462Z" />
</svg>
</div>
</div>
</div>
</div>
<!-- Fonts -->
<div class="off-canvas-sidebar-fonts p-2 no-print" id="sidebar-demo">
<div id="section__header-file-buttons" class="d-flex-grow t__left">
<!-- upload or auto load goes here -->
</div>
</div>
<!-- Proofing -->
<div class="off-canvas-content p-2">
<section class="mb-2">
<div class="container grid-xl">
<header id="section__header-app" class="navbar d-flex justify-content-between">
<div id="section__header-names" class="d-flex justify-content-between g-3 p-1 text-small">
</div>
<div class="navbar-section">
<div class="d-flex g-1">
<button title="Toggle typesetting menu" id="btn__view-tools-toggle" type="button" class="btn d-flex">Tools <span class="material-symbols-outlined">design_services</span></button>
<button title="Print/Save a PDF" class="btn btn__print d-flex " onclick="javascript:window.print()">Print PDF <span class="material-symbols-outlined">print</span></button>
<button title="View settings" id="btn__settings-toggle" type="button" class="btn d-flex">Settings <span class="material-symbols-outlined">settings</span></button>
</div>
</div>
</header>
<header id="section__header-names" class="section__header-names d-flex invisible"></header>
</div>
<div class="container grid-xl">
<div id="section__header-file-buttons" class="d-flex-grow t__left">
<!-- upload or auto load goes here -->
</div>
</div>
<div class="container grid-sm">
<div id="section__header-stage-buttons" class="d-flex flex-row t__center tab tab-block">
<!-- stage set buttons go here -->
</div>
</div>
</section>
<div class="container grid-xl">
<article id="section__article-app" class="container">
<!-- proofing goes here -->
</article>
</div>
</div>
</div>
</body>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-134094030-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-134094030-1');
</script>
</html>