Skip to content

Commit 107359b

Browse files
committed
New 'Layer Selector' and 'Header/Footer Save' Wizards
1 parent c674f31 commit 107359b

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

47 files changed

+395
-13
lines changed
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
/c/Users/all/hdub/work/2025_08_August_10_Sunday_14_19_42
1+
/c/Users/all/hdub/work/2025_08_August_10_Sunday_22_01_14

HW-HTML-Drafting-Project/work/2025_07_July_31_Thursday_11_30_46/HW_project_online.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -84,6 +84,7 @@
8484
<script src="./hw/a_programFunctions/a_keyboardFunctions/e_saveAndAppend/g_openImageFile.js"></script>
8585
<script src="./hw/a_programFunctions/a_keyboardFunctions/e_saveAndAppend/h_openHTMLinNewWindow.js"></script>
8686
<script src="./hw/a_programFunctions/a_keyboardFunctions/e_saveAndAppend/i_saveStartupTutorial.js"></script>
87+
<script src="./hw/a_programFunctions/a_keyboardFunctions/e_saveAndAppend/j_saveWithHeaderFooter.js"></script>
8788
<script src="./hw/a_programFunctions/a_keyboardFunctions/f_documentOrder/a_flowManagement/a_reflow.js"></script>
8889
<script src="./hw/a_programFunctions/a_keyboardFunctions/f_documentOrder/a_flowManagement/b_reflowGlobal.js"></script>
8990
<script src="./hw/a_programFunctions/a_keyboardFunctions/f_documentOrder/a_flowManagement/c_reflowPerTrip.js"></script>

HW-HTML-Drafting-Project/work/2025_07_July_31_Thursday_11_30_46/WEBSITE/b_htmlClipSets/b_0_topClip

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -84,6 +84,7 @@ body::-webkit-scrollbar { display: none;
8484
<script src="./hw/a_programFunctions/a_keyboardFunctions/e_saveAndAppend/g_openImageFile.js"></script>
8585
<script src="./hw/a_programFunctions/a_keyboardFunctions/e_saveAndAppend/h_openHTMLinNewWindow.js"></script>
8686
<script src="./hw/a_programFunctions/a_keyboardFunctions/e_saveAndAppend/i_saveStartupTutorial.js"></script>
87+
<script src="./hw/a_programFunctions/a_keyboardFunctions/e_saveAndAppend/j_saveWithHeaderFooter.js"></script>
8788
<script src="./hw/a_programFunctions/a_keyboardFunctions/f_documentOrder/a_flowManagement/a_reflow.js"></script>
8889
<script src="./hw/a_programFunctions/a_keyboardFunctions/f_documentOrder/a_flowManagement/b_reflowGlobal.js"></script>
8990
<script src="./hw/a_programFunctions/a_keyboardFunctions/f_documentOrder/a_flowManagement/c_reflowPerTrip.js"></script>

HW-HTML-Drafting-Project/work/2025_07_July_31_Thursday_11_30_46/e_stylesheets/style.css

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
11
.UIwizardButton { width: 64px; height: 64px; margin: 0px; padding: 0px; border: 0px; border-radius: 1px; }
22
.UIwizardButton:hover { z-index: 100; outline: 8px solid lime; }
33
.UIwizardButton:active { z-index: 100; outline: 8px solid magenta; }
4-
.xqnBTN:hover { background-color: lightgrey; }
4+
.xqnBTN { background-color: lightgrey; }
55
.xqnBTN:hover { background-color: lime; }
66
.xqnBTN:active { background-color: yellow; }
7+
.layerButton { background-color: white; width: 100%; height: 100%; margin: 0; padding: 0; border: none; font: inherit; color: inherit; }
8+
.layerButton:hover { background-color: #DEFF1C; }
9+
.layerButton:active { background-color: magenta; }
710

811

912
body { font-family: monospace; }
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
<div style="line-height: 0;">
2+
3+
<input type="value" style="width: 100%; height: 64px; font: inherit; margin: 0; padding: 0; border: 0; text-align: center; color: inherit;" placeholder="HEADER/FOOTER name" onchange="
4+
this.setAttribute('value',this.value);
5+
"/>
6+
7+
<button class="xqnBTN" style="width: 100%; height: 64px; font: inherit; margin: 0px; padding: 0px; border: none; color: inherit;" onclick="
8+
window.fileSaveHeader = this.nextElementSibling.innerHTML;
9+
window.fileSaveFooter = this.nextElementSibling.nextElementSibling.innerHTML;
10+
this.parentNode.parentNode.parentNode.parentNode.remove();
11+
saveWithHeaderFooter(1,false);
12+
hotDog = false;
13+
spaceViewOff([,32,32]);
14+
restorePointerEventsNone();
15+
helpMenuOverlay.style.display='none';
16+
interfaceLayer.style.display='none';
17+
">save with header/footer</button>
18+
19+
20+
<textarea style="resize: vertical; width: 100%; height: 128px; font: inherit; line-height: 1; margin: 0px; padding: 0px; border: none; color: inherit; background-color: rgb(240,240,255);" oninput="
21+
this.innerHTML = this.value;
22+
">
23+
<!DOCTYPE html>
24+
<head>
25+
<meta charset="UTF-8">
26+
<meta name="description" content="*** 150-160 characters. A description of your page, or you website. Search engines find this.***">
27+
<meta name="robots" content="index, follow">
28+
<meta name="geo.position" content="43.658497;-79.347015"><!-- Change this to your correct coordinates. -->
29+
<meta name="geo.region" content="CA-ON"><!-- Change this to your correct location code. -->
30+
<meta name="geo.placename" content="Toronto"><!-- Change this to your correct city or location. -->
31+
32+
<meta property="og:title" content="***The Open Graph Title***">
33+
<meta property="og:description" content="*** 150-160 characters. A description of your page, or you website. Search engines find this.***">
34+
35+
<meta property="og:type" content="website">
36+
<meta property="og:locale" content="en_CA"><!-- Change this to the correct language for your page. -->
37+
38+
<meta property="og:url" content="https://myWebsite.com/myPage.html">
39+
40+
<meta property="og:image" content="https://myWebsite.com/d_images/myOpenGraphImage.png">
41+
42+
<meta name="twitter:card" content="summary_large_image">
43+
<meta name="twitter:title" content="***The Twitter Title***">
44+
<meta name="twitter:description" content="*** 150-160 characters. A description of your page, or you website. Search engines find this.***">
45+
<meta name="twitter:image" content="https://myWebsite.com/d_images/myTwitterImage.png">
46+
47+
<meta name="mobile-web-app-capable" content="yes">
48+
<meta name="handheldfriendly" content="true">
49+
<meta name="author" content="***Your Name or Organization***">
50+
<link rel="apple-touch-icon" sizes="180x180" href="/images/android-chrome-512x512.png">
51+
<link rel="apple-touch-icon" sizes="192x192" href="/images/android-chrome-192x192.png">
52+
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
53+
<link rel="icon" type="image/images/png" sizes="32x32" href="/images/favicon-32x32.png">
54+
<link rel="icon" type="image/images/png" sizes="16x16" href="/images/favicon-16x16.png">
55+
56+
<link rel="canonical" href="https://myWebsite.com/myPage.html">
57+
58+
<style>
59+
60+
html, body { overflow: scroll; scrollbar-width: none; }
61+
body { background-image: url("");
62+
width: 98%; height: 98%; }
63+
body::-webkit-scrollbar { display: none; }
64+
*::-webkit-scrollbar { display: none; }
65+
</style>
66+
67+
<link rel="stylesheet" href="./e_stylesheets/style.css" />
68+
69+
<title>***Page Title Here***</title>
70+
71+
</head>
72+
<body>
73+
</textarea>
74+
75+
<textarea style="resize: vertical; width: 100%; height: 128px; font: inherit; line-height: 1; margin: 0px; padding: 0px; border: none; color: inherit;" oninput="
76+
this.innerHTML = this.value;
77+
">
78+
<script>
79+
/* assuming you know what to put here */
80+
</script>
81+
</body>
82+
</html>
83+
</textarea>
84+
85+
</div>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<div style="position: absolute; top: 0px; left: 0px;">
2+
<div style="display: flex; justify-content: center;" >
3+
<button class="layerButton" onclick="try { window.opener.makeTopLayer('b_layer1'); } catch {}">1</button>
4+
<button class="layerButton" onclick="try { window.opener.makeTopLayer('c_layer2'); } catch {}">2</button>
5+
<button class="layerButton" onclick="try { window.opener.makeTopLayer('d_layer3'); } catch {}">3</button>
6+
<button class="layerButton" onclick="try { window.opener.makeTopLayer('e_layer4'); } catch {}">4</button>
7+
<button class="layerButton" onclick="try { window.opener.makeTopLayer('f_layer5'); } catch {}">5</button>
8+
<button class="layerButton" onclick="try { window.opener.makeTopLayer('g_layer6'); } catch {}">6</button>
9+
<button class="layerButton" onclick="try { window.opener.makeTopLayer('h_layer7'); } catch {}">7</button>
10+
<button class="layerButton" onclick="try { window.opener.makeTopLayer('i_layer8'); } catch {}">8</button>
11+
<button class="layerButton" onclick="try { window.opener.makeTopLayer('j_layer9'); } catch {}">9</button>
12+
</div>
13+
</div>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<button class="layerButton" onclick="try { window.opener.makeTopLayer('b_layer1'); } catch {}">1</button>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<button class="layerButton" onclick="try { window.opener.makeTopLayer('c_layer2'); } catch {}">2</button>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<button class="layerButton" onclick="try { window.opener.makeTopLayer('d_layer3'); } catch {}">3</button>

0 commit comments

Comments
 (0)