|
20 | 20 | else if (document.location.pathname.indexOf('/sites/') != -1) {
|
21 | 21 | document.write("<base href='" + document.location.pathname.substring(0, document.location.pathname.indexOf('/', document.location.pathname.indexOf('/sites/') + 7)) + "/' />");
|
22 | 22 | }
|
| 23 | + else if (globalThis.location.host.indexOf('github.io') != -1 && globalThis.location.pathname.split('/').length > 1) { |
| 24 | + document.write("<base href='/" + document.location.pathname.split('/')[1] + "/' />"); |
| 25 | + } |
23 | 26 | else {
|
24 | 27 | document.write("<base href='/' />");
|
25 | 28 | }
|
|
31 | 34 | </script>
|
32 | 35 | <link rel="preload" href="./build.js" as="script" />
|
33 | 36 | <link rel="preload" href="./build-haxcms.js" as="script" />
|
34 |
| - <link rel="preload" href="./wc-registry.json" as="fetch" crossorigin="anonymous" /> |
35 |
| - <link rel="preload" href="./build/es6/node_modules/@lrnwebcomponents/dynamic-import-registry/dynamic-import-registry.js" as="script" crossorigin="anonymous" /> |
36 |
| - <link rel="modulepreload" href="./build/es6/node_modules/@lrnwebcomponents/dynamic-import-registry/dynamic-import-registry.js" /> |
37 |
| - <link rel="preload" href="./build/es6/node_modules/@lrnwebcomponents/wc-autoload/wc-autoload.js" as="script" crossorigin="anonymous" /> |
38 |
| - <link rel="modulepreload" href="./build/es6/node_modules/@lrnwebcomponents/wc-autoload/wc-autoload.js" /> |
39 |
| - <link rel="preload" href="./build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-basic-theme.js" as="script" crossorigin="anonymous" /> |
40 |
| - <link rel="modulepreload" href="./build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-basic-theme.js" /> |
41 |
| - <link rel="preload" href="./build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/base.css" as="style" /> |
| 37 | + <link rel="preload" href="./wc-registry.json" as="fetch" crossorigin="anonymous" fetchpriority="high" /> |
| 38 | + <link rel="preload" href="./build/es6/node_modules/@haxtheweb/dynamic-import-registry/dynamic-import-registry.js" as="script" crossorigin="anonymous" /> |
| 39 | + <link rel="modulepreload" href="./build/es6/node_modules/@haxtheweb/dynamic-import-registry/dynamic-import-registry.js" /> |
| 40 | + <link rel="preload" href="./build/es6/node_modules/@haxtheweb/wc-autoload/wc-autoload.js" as="script" crossorigin="anonymous" /> |
| 41 | + <link rel="modulepreload" href="./build/es6/node_modules/@haxtheweb/wc-autoload/wc-autoload.js" /> |
| 42 | + <link rel="preload" href="./build/es6/node_modules/@haxtheweb/haxcms-elements/lib/core/themes/haxcms-basic-theme.js" as="script" crossorigin="anonymous" /> |
| 43 | + <link rel="modulepreload" href="./build/es6/node_modules/@haxtheweb/haxcms-elements/lib/core/themes/haxcms-basic-theme.js" /> |
| 44 | + <link rel="preload" href="./build/es6/node_modules/@haxtheweb/haxcms-elements/lib/base.css" as="style" /> |
42 | 45 | <meta name="generator" content="HAXcms">
|
43 | 46 | <link rel="manifest" href="manifest.json">
|
44 | 47 | <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
|
45 |
| - <link rel="icon" href="files/haxcms-managed/16x16-odl-logo.png"> |
| 48 | + <link rel="icon" href="assets/icon-48x48.png"> |
46 | 49 | <meta name="theme-color" content="">
|
47 | 50 | <meta name="robots" content="index, follow">
|
48 | 51 | <meta name="mobile-web-app-capable" content="yes">
|
49 | 52 | <meta name="apple-mobile-web-app-capable" content="yes">
|
50 | 53 | <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
51 |
| - <link rel="apple-touch-icon" sizes="48x48" href="files/haxcms-managed/48x48-odl-logo.png"> |
52 |
| - <link rel="apple-touch-icon" sizes="72x72" href="files/haxcms-managed/72x72-odl-logo.png"> |
53 |
| - <link rel="apple-touch-icon" sizes="96x96" href="files/haxcms-managed/96x96-odl-logo.png"> |
54 |
| - <link rel="apple-touch-icon" sizes="144x144" href="files/haxcms-managed/144x144-odl-logo.png"> |
55 |
| - <link rel="apple-touch-icon" sizes="192x192" href="files/haxcms-managed/192x192-odl-logo.png"> |
56 |
| - <meta name="msapplication-TileImage" content="files/haxcms-managed/144x144-odl-logo.png"> |
| 54 | + <link rel="apple-touch-icon" sizes="48x48" href="assets/icon-48x48.png"> |
| 55 | + <link rel="apple-touch-icon" sizes="72x72" href="assets/icon-72x72.png"> |
| 56 | + <link rel="apple-touch-icon" sizes="96x96" href="assets/icon-96x96.png"> |
| 57 | + <link rel="apple-touch-icon" sizes="144x144" href="assets/icon-144x144.png"> |
| 58 | + <link rel="apple-touch-icon" sizes="192x192" href="assets/icon-192x192.png"> |
| 59 | + <meta name="msapplication-TileImage" content="assets/icon-144x144.png"> |
57 | 60 | <meta name="msapplication-TileColor" content="">
|
58 | 61 | <meta name="msapplication-tap-highlight" content="no">
|
59 | 62 | <meta name="description" content="" />
|
|
69 | 72 | <style>
|
70 | 73 | body {
|
71 | 74 | margin: 0;
|
| 75 | + padding: 0; |
72 | 76 | min-height: 98vh;
|
73 | 77 | }
|
74 |
| - .use-modern-browser a { |
75 |
| - font-size: 22px; |
| 78 | + haxcms-site-builder:not([theme-loaded]) * { |
| 79 | + margin-top: 100px; |
| 80 | + display: block; |
| 81 | + max-width: 50vw; |
| 82 | + margin-left: auto; |
| 83 | + margin-right: auto; |
76 | 84 | }
|
77 |
| - .use-modern-browser { |
78 |
| - font-size: 22px; |
79 |
| - text-align: center; |
80 |
| - width: 100%; |
| 85 | + haxcms-site-builder[theme-loaded] .haxcms-theme-element:not(:defined) { |
| 86 | + margin-top: 100px; |
| 87 | + } |
| 88 | + haxcms-site-builder[theme-loaded] .haxcms-theme-element:not(:defined) * { |
| 89 | + max-width: 50vw; |
| 90 | + margin-left: auto; |
| 91 | + margin-right: auto; |
| 92 | + } |
| 93 | + haxcms-site-builder[theme-loaded] .haxcms-theme-element:not(:defined) *:not(:defined) { |
| 94 | + display: block; |
| 95 | + min-height: 50px; |
| 96 | + min-width: 200px; |
81 | 97 | }
|
82 | 98 | </style>
|
83 | 99 | <style id="loadingstyles">
|
84 | 100 | haxcms-site-builder {
|
85 | 101 | display: block;
|
86 | 102 | }
|
87 |
| - body[no-js] haxcms-site-builder { |
88 |
| - display: none !important; |
| 103 | + body { |
| 104 | + background-color: #ffffff; |
| 105 | + color: rgba(0,0,0, 0.2); |
89 | 106 | }
|
90 | 107 | #loading {
|
91 |
| - background-color: white; |
| 108 | + background-color: #ffffff; |
92 | 109 | bottom: 0px;
|
93 | 110 | left: 0px;
|
94 | 111 | opacity: 1;
|
95 | 112 | position: absolute;
|
96 | 113 | right: 0px;
|
97 | 114 | top: 0px;
|
98 |
| - transition: all linear 300ms; |
99 |
| - -webkit-transition: all linear 300ms; |
100 | 115 | z-index: 99999999;
|
101 | 116 | }
|
102 |
| - |
103 | 117 | #loading.loaded {
|
104 |
| - animation: fade-out .7s ease-in-out; |
| 118 | + animation: fade-out .1s ease-in-out; |
105 | 119 | animation-fill-mode: forwards;
|
106 | 120 | }
|
107 | 121 | #loading div.messaging {
|
108 |
| - color: rgba(255,255,255, 0.7); |
109 |
| - font-family: Roboto; |
| 122 | + color: rgba(0,0,0, 0.2); |
110 | 123 | left: 0px;
|
111 |
| - margin-top: -75px; |
112 | 124 | position: absolute;
|
113 | 125 | right: 0px;
|
114 | 126 | text-align: center;
|
115 |
| - top: 50%; |
116 |
| - transform: translateY(-50%); |
| 127 | + top: 25vh; |
| 128 | + } |
| 129 | + #loading div.messaging h1 { |
| 130 | + font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif !important; |
| 131 | + line-height: 2; |
| 132 | + font-size: 18px !important; |
| 133 | + margin: 0; |
| 134 | + padding: 0; |
117 | 135 | }
|
118 | 136 |
|
119 | 137 | .progress-line,
|
|
123 | 141 | margin: auto;
|
124 | 142 | }
|
125 | 143 | .progress-line {
|
126 |
| - background-color: rgba(0,0,0, 0.05); |
| 144 | + background-color: rgba(0,0,0, 0.1); |
127 | 145 | display: -webkit-flex;
|
128 | 146 | display: flex;
|
129 |
| - width: 30vw; |
| 147 | + width: 50vw; |
130 | 148 | }
|
131 | 149 | .progress-line:before {
|
132 |
| - background-color: var(--simple-colors-default-theme--7, #FF2222); |
| 150 | + background-color: #FF2222; |
133 | 151 | content: '';
|
134 | 152 | animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
|
135 | 153 | }
|
|
144 | 162 | }
|
145 | 163 | 100% {
|
146 | 164 | margin-left: 100%;
|
147 |
| - margin-right: 0;HAXCMS |
| 165 | + margin-right: 0; |
148 | 166 | }
|
149 | 167 | }
|
150 | 168 | @keyframes fade-out {
|
|
158 | 176 | opacity: 0;
|
159 | 177 | }
|
160 | 178 | }
|
| 179 | + @media (prefers-color-scheme: dark) { |
| 180 | + body { |
| 181 | + background-color: #333333; |
| 182 | + color: rgba(255,255,255, 0.2); |
| 183 | + } |
| 184 | + #loading { |
| 185 | + background-color: #333333; |
| 186 | + } |
| 187 | + #loading div.messaging { |
| 188 | + color: rgba(255,255,255, 0.2); |
| 189 | + } |
| 190 | + } |
161 | 191 | </style>
|
162 | 192 | <script id="loadingscript">
|
163 |
| - window.dataLayer = window.dataLayer || []; |
| 193 | + globalThis.dataLayer = globalThis.dataLayer || []; |
164 | 194 | function gtag(){dataLayer.push(arguments);}
|
165 | 195 | gtag('js', new Date());
|
166 |
| - window.addEventListener('haxcms-ready', function(e) { |
| 196 | + globalThis.addEventListener('haxcms-ready', function(e) { |
167 | 197 | var s = document.createElement('script');
|
168 | 198 | s.async = true;
|
169 | 199 | document.body.appendChild(s);
|
170 | 200 | // give the web components a second to build
|
171 | 201 | setTimeout(function() {
|
| 202 | + document.querySelector('#loading').classList.add('loaded'); |
172 | 203 | setTimeout(function() {
|
173 |
| - if (window.HAXCMS.requestAvailability().store.getManifest()) { |
174 |
| - var gaid = window.HAXCMS.requestAvailability().store.getManifest().metadata.site.settings.gaID || null; |
175 |
| - if (gaid) { |
176 |
| - gtag('config', gaid); |
177 |
| - s.src = `https://www.googletagmanager.com/gtag/js?id=${gaid}`; |
| 204 | + if (globalThis.HAXCMS.requestAvailability().store.getManifest()) { |
| 205 | + var gaid = globalThis.HAXCMS.requestAvailability().store.getManifest().metadata.site.settings.gaID || null; |
| 206 | + if (gaid) { |
| 207 | + gtag('config', gaid); |
| 208 | + s.src = `https://www.googletagmanager.com/gtag/js?id=${gaid}`; |
| 209 | + } |
178 | 210 | }
|
179 |
| - } |
180 | 211 | document.querySelector('#loading').parentNode.removeChild(document.querySelector('#loading'));
|
181 | 212 | document.querySelector('#loadingstyles').parentNode.removeChild(document.querySelector('#loadingstyles'));
|
182 | 213 | document.querySelector('#loadingscript').parentNode.removeChild(document.querySelector('#loadingscript'));
|
183 |
| - }, 600); |
184 |
| - }, 100); |
| 214 | + }, 100); |
| 215 | + }, 300); |
185 | 216 | });
|
186 | 217 | </script>
|
187 | 218 | </head>
|
188 |
| -<body no-js vocab="http://schema.org/" prefix="oer:http://oerschema.org cc:http://creativecommons.org/ns dc:http://purl.org/dc/terms/"> |
| 219 | +<body vocab="http://schema.org/" prefix="oer:http://oerschema.org cc:http://creativecommons.org/ns dc:http://purl.org/dc/terms/"> |
189 | 220 | <div id="loading">
|
190 | 221 | <div class="messaging">
|
191 | 222 | <div class="progress-line"></div>
|
192 | 223 | <h1 role="alert" aria-busy="true">Loading..</h1>
|
193 | 224 | </div>
|
194 | 225 | </div>
|
195 | 226 | <haxcms-site-builder id="site" file="site.json?2GQKWcJ3ni0xrL2X4_Dw_Sr9SeXqY2Sk3XblmvHVArA"></haxcms-site-builder>
|
196 |
| - <div id="haxcmsoutdatedfallback"> |
197 |
| - <div id="haxcmsoutdatedfallbacksuperold"> |
198 |
| - <iframe id="outline" style="width:18%;float:left;height:90vh;padding:0;margin:0;" name="outline" id="frame1" |
199 |
| - src="legacy-outline.html" loading="lazy"></iframe> |
200 |
| - <iframe id="content" style="width:80%;float:left;height:90vh;padding:0;margin:0;" name="content" id="frame2" src="" loading="lazy"></iframe> |
201 |
| - <div class="use-modern-browser">Please use a modern browser to |
202 |
| - view our website correctly. <a href="http://outdatedbrowser.com/">Update my browser now</a></div> |
203 |
| - </div> |
204 |
| - </div> |
205 | 227 | <script>
|
206 |
| - window.MicroFrontendRegistryConfig = window.MicroFrontendRegistryConfig || {}; |
207 |
| - window.HAXCMSContext="php";document.body.removeAttribute('no-js');window.__appCDN="./";window.__appForceUpgrade=false;</script> |
| 228 | + globalThis.MicroFrontendRegistryConfig = globalThis.MicroFrontendRegistryConfig || {}; |
| 229 | + globalThis.HAXCMSContext="php";globalThis.__appCDN="./";</script> |
208 | 230 | <script src="./build-haxcms.js"></script>
|
209 | 231 | <script src="./build.js"></script>
|
210 | 232 | </body>
|
|
0 commit comments