PageSourceSearch

https://maxwelldemille.com/news-on-the-march.asp

html maxwelldemille.com collected 2026-10-02 13:45:13 UTC 36,105 bytes, 1,900 lines download raw bytes

1<!DOCTYPE html>
2<HTML>
3<HEAD>
4
5<!-- Google Tag Manager -->
6<script>
vendor: 422 bytes, lines 6-23
6
7(function(w,d,s,l,i){
8    w[l]=w[l]||[];
9    w[l].push({
10        "gtm.start": new Date().getTime(),
11        event:"gtm.js"
12    });
13
14    var f=d.getElementsByTagName(s)[0],
15        j=d.createElement(s),
16        dl=l!="dataLayer" ? "&l="+l : "";
17
18    j.async=true;
19    j.src="https://www.googletagmanager.com/gtm.js?id="+i+dl;
20
21    f.parentNode.insertBefore(j,f);
22
23})(window,document,"script","dataLayer","
23GTM-5RHX93Z7
vendor: 5 bytes, line 23
23");
24</script>
24
25<!-- End Google Tag Manager -->
26
27
28
29
30
31<meta name="title" content="News on the March">
32
33
34<title>
35News on the March | Maxwell DeMille
36
37</title>
38
39
40<meta name="author" content="Stanley Sheff">
41
42<meta http-equiv="content-language" content="EN">
43
44<meta name="viewport"
45      content="width=device-width, initial-scale=1.0">
46
47<link rel="shortcut icon"
48      href="https://maxwelldemille.com/favicon.ico">
49
50<meta name="copyright"
51      content="Copyright 2026 Famous Pictures Company">
52
53<meta name="description"
54      content="Maxwell DeMille, famed showman and impresario, is a master of ceremonies, radio personality, and producer of vintage themed events presenting spectacular entertainment since the dawn of the Jazz Age.">
55
56<meta name="keywords"
57      content="vaudeville, los angeles conservancy, orpheum, forbidden planet, silent movie, swing, master of ceremonies, maxwell demille, demille, lindy hop, flapper, time machine, h.g. wells, george pal, stan sheff, stanley sheff, sheff">
58
59<link rel="canonical"
60      href="https://maxwelldemille.com/news-on-the-march.asp">
61
62
63<STYLE>
64
65
66/* ==========================================
67   FONT
68   ========================================== */
69
70@font-face {
71
72    font-family: "LTOksana";
73
74    src:
75        url("https://maxwelldemille.com/fonts/LTOksana/LTOksana.woff")
76        format("woff"),
77
78        url("https://maxwelldemille.com/fonts/LTOksana/LTOksana.ttf")
79        format("truetype"),
80
81        url("https://maxwelldemille.com/fonts/LTOksana/LTOksana.svg#LTOksana")
82        format("svg");
83
84}
85
86
87/* ============================================================
88   BILLBOARD ADJUSTMENTS
89
90   THESE ARE THE MAIN SETTINGS YOU WILL PROBABLY WANT TO CHANGE.
91   ============================================================ */
92
93:root {
94
95
96    /* --------------------------------------------------------
97       GLOW COLOR
98
99       The LETTER COLOR remains cream/gold.
100
101       These variables control ONLY the glow around the letters.
102
103       For a stronger GREEN:
104       use brighter greens.
105
106       For another color, replace these values.
107
108       Example BLUE:
109       --billboard-glow-core: #e1f3ff;
110       --billboard-glow-main: #39aaff;
111       --billboard-glow-deep: #006fff;
112    -------------------------------------------------------- */
113
114    --billboard-glow-core: #d8ffd8;
115
116    --billboard-glow-main: #39ff14;
117
118    --billboard-glow-deep: #00b83e;
119
120
121
122    /* --------------------------------------------------------
123       LETTER SPACING
124
125       Because each letter has its own grid position,
126       "gap" controls the visual spacing.
127
128       Increase number = MORE space between letters.
129       Decrease number = LESS space between letters.
130
131       MAXWELL DEMILLE and PRODUCTIONS can be adjusted
132       independently.
133
134       Both lines will STILL occupy the same total width.
135    -------------------------------------------------------- */
136
137    --maxwell-letter-gap: 3px;
138
139    --productions-letter-gap: 5px;
140
141}
142
143
144/* ==========================================
145   GLOBAL
146   ========================================== */
147
148*,
149*::before,
150*::after {
151
152    box-sizing: border-box;
153}
154
155
156html {
157
158    max-width: 100%;
159
160    overflow-x: hidden;
161
162    -webkit-text-size-adjust: 100%;
163
164    text-size-adjust: 100%;
165}
166
167
168body {
169
170    margin: 0;
171
172    max-width: 100%;
173
174    overflow-x: hidden;
175
176    font-family:
177        LTOksana,
178        Arial,
179        sans-serif !important;
180
181    background-color: black;
182
183    color: #ffffff;
184
185    letter-spacing: 2px;
186
187    font-size: 16pt;
188}
189
190
191a {
192
193    color: linen;
194
195    text-decoration: none;
196}
197
198
199a:hover {
200
201    color: gold;
202
203    text-decoration: underline;
204}
205
206
207/* ==========================================
208   PAGE LAYOUT
209   ========================================== */
210
211.page-wrap {
212
213    width: 100%;
214
215    margin: 0 auto;
216
217    padding: 0 12px;
218
219    box-sizing: border-box;
220
221    text-align: center;
222}
223
224
225/* ==========================================
226   ORIGINAL BANNER STYLE
227
228   Retained in case another page uses
229   class="banner".
230   ========================================== */
231
232.banner {
233
234    width: 100%;
235
236    max-width: 590px;
237
238    height: auto;
239
240    margin: 15px auto;
241
242    display: block;
243
244    border: 3px outset #663300;
245
246    border-radius: 20px;
247
248    box-shadow: 5px 5px 5px black;
249}
250
251
252/* ==========================================
253   OLD BILLBOARD LOGO
254   ========================================== */
255
256.maxwell-billboard-link {
257
258    display: block;
259
260    width: 100%;
261
262    max-width: 590px;
263
264    margin: 8px auto 4px;
265
266    text-decoration: none !important;
267}
268
269
270.maxwell-billboard {
271
272    position: relative;
273
274    width: 100%;
275
276    margin: 0 auto;
277
278    padding:
279        14px
280        25px
281        12px;
282
283    overflow: hidden;
284
285    background:
286
287        radial-gradient(
288            ellipse at center,
289            rgba(65, 92, 42, .18) 0%,
290            rgba(0, 0, 0, 0) 68%
291        ),
292
293        repeating-linear-gradient(
294            0deg,
295            #090804 0px,
296            #090804 3px,
297            #121006 4px,
298            #121006 5px
299        ),
300
301        #050400;
302
303    border: 3px outset #663300;
304
305    border-radius: 20px;
306
307    box-shadow:
308        5px 5px 5px black,
309        inset 0 0 14px rgba(57, 255, 20, .09);
310
311    cursor: pointer;
312}
313
314
315/* Inner antique sign frame */
316
317.maxwell-billboard::before {
318
319    content: "";
320
321    position: absolute;
322
323    inset: 5px;
324
325    border:
326        1px solid
327        rgba(177, 115, 42, .55);
328
329    border-radius: 14px;
330
331    pointer-events: none;
332}
333
334
335/* Faint aged sign texture */
336
337.maxwell-billboard::after {
338
339    content: "";
340
341    position: absolute;
342
343    inset: 0;
344
345    pointer-events: none;
346
347    opacity: .12;
348
349    background:
350
351        repeating-linear-gradient(
352            90deg,
353            transparent 0,
354            transparent 14px,
355            rgba(255,255,255,.04) 15px,
356            transparent 16px
357        );
358}
359
360
361/* ==========================================
362   BOTH LETTERING LINES
363
364   Both occupy exactly the same horizontal
365   area inside the billboard.
366   ========================================== */
367
368.billboard-name,
369.billboard-productions {
370
371    position: relative;
372
373    z-index: 2;
374
375    width: 100%;
376
377    margin-left: auto;
378
379    margin-right: auto;
380}
381
382
383/* ==========================================
384   MAXWELL DEMILLE
385
386   15 grid positions:
387   MAXWELL = 7
388   SPACE   = 1
389   DEMILLE = 7
390
391   The grid fills the complete sign width.
392   ========================================== */
393
394.billboard-name {
395
396    display: grid;
397
398    grid-template-columns:
399        repeat(15, minmax(0, 1fr));
400
401    /*
402       ADJUST MAXWELL DEMILLE LETTER SPACING
403       using --maxwell-letter-gap near the
404       beginning of this STYLE section.
405    */
406
407    column-gap:
408        var(--maxwell-letter-gap);
409
410    align-items: center;
411
412    width: 100%;
413
414    min-height: 46px;
415
416    margin-top: 0;
417
418    margin-bottom: 0;
419
420    font-family:
421        LTOksana,
422        Georgia,
423        serif !important;
424
425    font-size:
426        clamp(25px, 6.2vw, 40px);
427
428    line-height: 1;
429
430    text-align: center;
431}
432
433
434.billboard-letter {
435
436    display: flex;
437
438    align-items: center;
439
440    justify-content: center;
441
442    width: 100%;
443
444    min-width: 0;
445
446
447    /*
448       UNLIT LETTER COLOR
449    */
450
451    color: #32220b;
452
453    opacity: .50;
454
455    text-shadow: none;
456
457    transition:
458        color .12s linear,
459        opacity .12s linear,
460        text-shadow .12s linear;
461}
462
463
464.billboard-space {
465
466    display: block;
467
468    width: 100%;
469
470    min-width: 0;
471}
472
473
474/* ==========================================
475   ILLUMINATED MAXWELL DEMILLE LETTER
476
477   NOTE:
478
479   The actual letter color is STILL:
480       #ffe59a
481
482   Only the glow has been changed to green.
483   ========================================== */
484
485.billboard-letter.lit {
486
487    color: #ffe59a;
488
489    opacity: 1;
490
491
492    /*
493       GREEN NEON GLOW
494
495       To change the glow color, modify the
496       --billboard-glow variables at the top
497       of this STYLE section.
498    */
499
500    text-shadow:
501
502        0 0 2px
503        var(--billboard-glow-core),
504
505        0 0 5px
506        var(--billboard-glow-core),
507
508        0 0 9px
509        var(--billboard-glow-main),
510
511        0 0 15px
512        var(--billboard-glow-main),
513
514        0 0 24px
515        var(--billboard-glow-deep),
516
517        0 0 34px
518        var(--billboard-glow-deep);
519}
520
521
522/* ==========================================
523   OLD LAMP / NEON STARTUP FLICKER
524   ========================================== */
525
526.billboard-letter.igniting {
527
528    animation:
529        billboard-lamp-start
530        .38s
531        linear;
532}
533
534
535@keyframes billboard-lamp-start {
536
537    0% {
538        opacity: .18;
539    }
540
541    15% {
542        opacity: 1;
543    }
544
545    28% {
546        opacity: .28;
547    }
548
549    43% {
550        opacity: 1;
551    }
552
553    57% {
554        opacity: .45;
555    }
556
557    72% {
558        opacity: 1;
559    }
560
561    84% {
562        opacity: .72;
563    }
564
565    100% {
566        opacity: 1;
567    }
568
569}
570
571
572/* ==========================================
573   PRODUCTIONS
574
575   11 equal grid positions.
576
577   The ENTIRE GRID is the same width as
578   MAXWELL DEMILLE above.
579   ========================================== */
580
581.billboard-productions {
582
583    display: grid;
584
585    grid-template-columns:
586        repeat(11, minmax(0, 1fr));
587
588
589    /*
590       ADJUST PRODUCTIONS LETTER SPACING
591
592       Change --productions-letter-gap
593       near the beginning of this STYLE.
594    */
595
596    column-gap:
597        var(--productions-letter-gap);
598
599
600    align-items: center;
601
602    min-height: 24px;
603
604    margin-top: 6px;
605
606    font-family:
607        LTOksana,
608        Georgia,
609        serif !important;
610
611    font-size:
612        clamp(13px, 3vw, 20px);
613
614    line-height: 1;
615
616    text-align: center;
617}
618
619
620.billboard-production-letter {
621
622    display: flex;
623
624    align-items: center;
625
626    justify-content: center;
627
628    width: 100%;
629
630    min-width: 0;
631
632
633    /*
634       UNLIT LETTER COLOR
635    */
636
637    color: #32220b;
638
639    opacity: .30;
640
641    text-shadow: none;
642
643    transition:
644        color .08s linear,
645        opacity .08s linear,
646        text-shadow .08s linear;
647}
648
649
650/* ==========================================
651   ILLUMINATED PRODUCTIONS
652
653   Actual letter color is unchanged.
654
655   Green is ONLY the surrounding glow.
656   ========================================== */
657
658.billboard-productions.lit
659.billboard-production-letter {
660
661    color: #ffe29a;
662
663    opacity: 1;
664
665    text-shadow:
666
667        0 0 2px
668        var(--billboard-glow-core),
669
670        0 0 5px
671        var(--billboard-glow-core),
672
673        0 0 9px
674        var(--billboard-glow-main),
675
676        0 0 15px
677        var(--billboard-glow-main),
678
679        0 0 23px
680        var(--billboard-glow-deep),
681
682        0 0 32px
683        var(--billboard-glow-deep);
684}
685
686
687/* ==========================================
688   IMAGE STYLE
689   ========================================== */
690
691.image {
692
693    border: 3px outset #663300;
694
695    border-radius: 20px;
696
697    box-shadow: 5px 5px 5px black;
698}
699
700
701/* ==========================================
702   PAPER PANEL
703   ========================================== */
704
705.paper-panel {
706
707    width: 100%;
708
709    margin: 0 auto;
710
711    border-radius: 20px;
712
713    overflow: hidden;
714
715    border: 3px outset #663300;
716
717    box-shadow: 5px 5px 5px black;
718}
719
720
721/* ==========================================
722   FOOTER
723   ========================================== */
724
725.footer-menu {
726
727    display: flex;
728
729    justify-content: center;
730}
731
732
733/* ==========================================
734   FORM
735   ========================================== */
736
737input[type="radio"] {
738
739    width: 25px;
740
741    height: 25px;
742}
743
744
745/* ==========================================
746   TABLES
747   ========================================== */
748
749table {
750
751    width: 80%;
752
753    margin-left: auto;
754
755    margin-right: auto;
756}
757
758
759/* ==========================================
760   BUTTONS
761   ========================================== */
762
763.rounded-button {
764
765    font-family:
766        LTOksana,
767        Arial,
768        sans-serif !important;
769}
770
771
772/* ==========================================
773   TABLETS
774   ========================================== */
775
776@media (max-width: 900px) {
777
778    body {
779
780        font-size: 15pt;
781    }
782
783}
784
785
786/* ==========================================
787   PHONES
788   ========================================== */
789
790@media (max-width: 768px) {
791
792    body {
793
794        font-size: 13pt;
795
796        letter-spacing: 1px;
797    }
798
799
800    .maxwell-billboard-link {
801
802        max-width: 370px;
803
804        margin-top: 5px;
805
806        margin-bottom: 2px;
807    }
808
809
810    .maxwell-billboard {
811
812        padding:
813            11px
814            13px
815            9px;
816
817        border-width: 2px;
818    }
819
820
821    .billboard-name {
822
823        min-height: 37px;
824
825        font-size:
826            clamp(20px, 6.3vw, 28px);
827    }
828
829
830    .billboard-productions {
831
832        min-height: 19px;
833
834        margin-top: 4px;
835
836        font-size:
837            clamp(11px, 3.4vw, 15px);
838    }
839
840
841    .paper-panel {
842
843        width: 100%;
844    }
845
846
847    .footer-menu {
848
849        flex-direction: column;
850
851        align-items: center;
852    }
853
854
855    table {
856
857        width: 100% !important;
858    }
859
860}
861
862
863/* ==========================================
864   VERY SMALL PHONES
865   ========================================== */
866
867@media (max-width: 480px) {
868
869    body {
870
871        font-size: 12pt;
872
873        letter-spacing: 1px;
874    }
875
876
877    .maxwell-billboard {
878
879        padding-left: 9px;
880
881        padding-right: 9px;
882    }
883
884
885    .billboard-name {
886
887        font-size:
888            clamp(18px, 6vw, 25px);
889    }
890
891
892    .billboard-productions {
893
894        font-size:
895            clamp(10px, 3vw, 13px);
896    }
897
898}
899
900
901/* ==========================================
902   ACCESSIBILITY
903   ========================================== */
904
905@media (prefers-reduced-motion: reduce) {
906
907    .billboard-letter.igniting {
908
909        animation: none;
910    }
911
912
913    .billboard-letter,
914    .billboard-production-letter {
915
916        transition: none;
917    }
918
919}
920
921
922</STYLE>
923
924
925<script type="application/ld+json">
926{
927    "@context": "https://schema.org",
928    "@type": "Person",
929    "name": "Maxwell DeMille",
930    "url": "https://maxwelldemille.com",
931    "description": "Maxwell DeMille is a master of ceremonies, radio personality, and producer of vintage themed events presenting classic entertainment, historic theater, and Jazz Age style productions.",
932    "jobTitle": [
933        "Master of Ceremonies",
934        "Radio Personality",
935        "Producer of Vintage Themed Events"
936    ]
937}
938</script>
938
939
940
941</HEAD>
942
943
944<BODY
945    text="#CC9966"
946    bgcolor="black"
947    link="#660000"
948    vlink="#660000"
949    alink="#660000">
950
951
952<div class="page-wrap">
953
954
955<!-- ========================================
956     ANIMATED MAXWELL DEMILLE BILLBOARD
957     ======================================== -->
958
959<a
960    href="index.asp"
961    class="maxwell-billboard-link"
962    aria-label="Maxwell DeMille Productions Home">
963
964
965<div class="maxwell-billboard">
966
967
968<div
969    class="billboard-name"
970    id="maxwell-billboard-name"
971    aria-hidden="true">
972</div>
973
974
975<div
976    class="billboard-productions"
977    id="maxwell-billboard-productions"
978    aria-hidden="true">
979</div>
980
981
982</div>
983
984
985</a>
986
987
988
989<!-- ==========================================================
990     BILLBOARD ANIMATION
991     ========================================================== -->
992
993<script>
994
995(function () {
996
997
998    var nameElement =
999        document.getElementById(
1000            "maxwell-billboard-name"
1001        );
1002
1003
1004    var productionsElement =
1005        document.getElementById(
1006            "maxwell-billboard-productions"
1007        );
1008
1009
1010    if (
1011        !nameElement
1012        ||
1013        !productionsElement
1014    ) {
1015        return;
1016    }
1017
1018
1019
1020    var signText =
1021        "MAXWELL DEMILLE";
1022
1023
1024    var productionsText =
1025        "PRODUCTIONS";
1026
1027
1028    var letters = [];
1029
1030    var productionLetters = [];
1031
1032
1033
1034/* ============================================================
1035   ANIMATION SPEED ADJUSTMENTS
1036
1037   THIS IS THE SECTION TO EDIT IF YOU WANT TO CHANGE SPEED.
1038
1039   All numbers are MILLISECONDS.
1040
1041   1000 milliseconds = 1 second.
1042
1043   BIGGER NUMBER = SLOWER
1044   SMALLER NUMBER = FASTER
1045   ============================================================ */
1046
1047
1048    /*
1049       How long sign remains dark before
1050       MAXWELL DEMILLE begins spelling.
1051    */
1052
1053    var START_DELAY_MS = 700;
1054
1055
1056
1057    /*
1058       MAIN SPELLING SPEED
1059
1060       Time between each new letter.
1061
1062       Current: 325 milliseconds.
1063
1064       SLOWER example:
1065       450
1066
1067       FASTER example:
1068       200
1069    */
1070
1071    var LETTER_STEP_MS = 325;
1072
1073
1074
1075    /*
1076       Duration of individual lamp flicker
1077       after each letter switches on.
1078
1079       This does NOT determine how quickly
1080       the next letter starts.
1081    */
1082
1083    var LETTER_FLICKER_MS = 420;
1084
1085
1086
1087    /*
1088       Pause after MAXWELL DEMILLE has
1089       completely illuminated before
1090       PRODUCTIONS begins flashing.
1091    */
1092
1093    var NAME_HOLD_MS = 700;
1094
1095
1096
1097    /*
1098       How long PRODUCTIONS remains ON
1099       during each flash.
1100    */
1101
1102    var FLASH_ON_MS = 600;
1103
1104
1105
1106    /*
1107       How long PRODUCTIONS remains OFF
1108       between flashes.
1109    */
1110
1111    var FLASH_OFF_MS = 400;
1112
1113
1114
1115    /*
1116       After third flash, entire completed
1117       sign remains illuminated this long.
1118    */
1119
1120    var FINAL_SIGN_HOLD_MS = 1600;
1121
1122
1123
1124    /*
1125       Sign goes completely dark.
1126
1127       This is the pause before the entire
1128       animation begins again.
1129    */
1130
1131    var LOOP_PAUSE_MS = 1000;
1132
1133
1134
1135/* ============================================================
1136   BUILD MAXWELL DEMILLE
1137   ============================================================ */
1138
1139    signText.split("").forEach(
1140        function (character) {
1141
1142
1143            if (character === " ") {
1144
1145
1146                var spacer =
1147                    document.createElement(
1148                        "span"
1149                    );
1150
1151
1152                spacer.className =
1153                    "billboard-space";
1154
1155
1156                nameElement.appendChild(
1157                    spacer
1158                );
1159
1160
1161                return;
1162            }
1163
1164
1165            var letter =
1166                document.createElement(
1167                    "span"
1168                );
1169
1170
1171            letter.className =
1172                "billboard-letter";
1173
1174
1175            letter.textContent =
1176                character;
1177
1178
1179            nameElement.appendChild(
1180                letter
1181            );
1182
1183
1184            letters.push(
1185                letter
1186            );
1187
1188        }
1189    );
1190
1191
1192
1193/* ============================================================
1194   BUILD PRODUCTIONS
1195
1196   Every letter receives its own grid position.
1197   ============================================================ */
1198
1199    productionsText.split("").forEach(
1200        function (character) {
1201
1202
1203            var letter =
1204                document.createElement(
1205                    "span"
1206                );
1207
1208
1209            letter.className =
1210                "billboard-production-letter";
1211
1212
1213            letter.textContent =
1214                character;
1215
1216
1217            productionsElement.appendChild(
1218                letter
1219            );
1220
1221
1222            productionLetters.push(
1223                letter
1224            );
1225
1226        }
1227    );
1228
1229
1230
1231/* ============================================================
1232   REDUCED MOTION
1233   ============================================================ */
1234
1235    if (
1236        window.matchMedia
1237        &&
1238        window.matchMedia(
1239            "(prefers-reduced-motion: reduce)"
1240        ).matches
1241    ) {
1242
1243
1244        letters.forEach(
1245            function (letter) {
1246
1247
1248                letter.classList.add(
1249                    "lit"
1250                );
1251
1252            }
1253        );
1254
1255
1256        productionsElement
1257            .classList
1258            .add("lit");
1259
1260
1261        return;
1262    }
1263
1264
1265
1266/* ============================================================
1267   WAIT FUNCTION
1268   ============================================================ */
1269
1270    function wait(milliseconds) {
1271
1272
1273        return new Promise(
1274            function (resolve) {
1275
1276
1277                window.setTimeout(
1278                    resolve,
1279                    milliseconds
1280                );
1281
1282
1283            }
1284        );
1285
1286    }
1287
1288
1289
1290/* ============================================================
1291   TURN ENTIRE SIGN OFF
1292   ============================================================ */
1293
1294    function darkenSign() {
1295
1296
1297        letters.forEach(
1298            function (letter) {
1299
1300
1301                letter.classList.remove(
1302                    "lit",
1303                    "igniting"
1304                );
1305
1306
1307            }
1308        );
1309
1310
1311        productionsElement
1312            .classList
1313            .remove("lit");
1314
1315    }
1316
1317
1318
1319/* ============================================================
1320   LIGHT ONE MAXWELL DEMILLE LETTER
1321   ============================================================ */
1322
1323    async function illuminateLetter(letter) {
1324
1325
1326        letter.classList.add(
1327            "lit",
1328            "igniting"
1329        );
1330
1331
1332        await wait(
1333            LETTER_FLICKER_MS
1334        );
1335
1336
1337        letter.classList.remove(
1338            "igniting"
1339        );
1340
1341    }
1342
1343
1344
1345/* ============================================================
1346   FLASH PRODUCTIONS THREE TIMES
1347   ============================================================ */
1348
1349    async function flashProductions() {
1350
1351
1352        /*
1353           FLASH ONE
1354        */
1355
1356        productionsElement
1357            .classList
1358            .add("lit");
1359
1360
1361        await wait(
1362            FLASH_ON_MS
1363        );
1364
1365
1366        productionsElement
1367            .classList
1368            .remove("lit");
1369
1370
1371        await wait(
1372            FLASH_OFF_MS
1373        );
1374
1375
1376        /*
1377           FLASH TWO
1378        */
1379
1380        productionsElement
1381            .classList
1382            .add("lit");
1383
1384
1385        await wait(
1386            FLASH_ON_MS
1387        );
1388
1389
1390        productionsElement
1391            .classList
1392            .remove("lit");
1393
1394
1395        await wait(
1396            FLASH_OFF_MS
1397        );
1398
1399
1400        /*
1401           FLASH THREE
1402
1403           This one remains ON afterward.
1404        */
1405
1406        productionsElement
1407            .classList
1408            .add("lit");
1409
1410
1411        await wait(
1412            FLASH_ON_MS
1413        );
1414
1415    }
1416
1417
1418
1419/* ============================================================
1420   MAIN ANIMATION LOOP
1421   ============================================================ */
1422
1423    async function runBillboard() {
1424
1425
1426        while (true) {
1427
1428
1429            /*
1430               Entire sign starts dark.
1431            */
1432
1433            darkenSign();
1434
1435
1436            await wait(
1437                START_DELAY_MS
1438            );
1439
1440
1441            /*
1442               Spell MAXWELL DEMILLE
1443               one letter at a time.
1444            */
1445
1446            for (
1447                var i = 0;
1448                i < letters.length;
1449                i++
1450            ) {
1451
1452
1453                /*
1454                   Start flickering this letter.
1455                   We deliberately do NOT wait
1456                   for flicker to completely
1457                   finish before moving toward
1458                   the next letter.
1459                */
1460
1461                illuminateLetter(
1462                    letters[i]
1463                );
1464
1465
1466                /*
1467                   THIS controls the main
1468                   spelling speed.
1469                */
1470
1471                await wait(
1472                    LETTER_STEP_MS
1473                );
1474
1475            }
1476
1477
1478            /*
1479               Hold MAXWELL DEMILLE alone.
1480            */
1481
1482            await wait(
1483                NAME_HOLD_MS
1484            );
1485
1486
1487            /*
1488               PRODUCTIONS flashes exactly
1489               three times.
1490            */
1491
1492            await flashProductions();
1493
1494
1495            /*
1496               Make certain PRODUCTIONS
1497               remains illuminated after
1498               third flash.
1499            */
1500
1501            productionsElement
1502                .classList
1503                .add("lit");
1504
1505
1506            /*
1507               Hold completed sign.
1508            */
1509
1510            await wait(
1511                FINAL_SIGN_HOLD_MS
1512            );
1513
1514
1515            /*
1516               Power off.
1517            */
1518
1519            darkenSign();
1520
1521
1522            /*
1523               Pause before loop restarts.
1524            */
1525
1526            await wait(
1527                LOOP_PAUSE_MS
1528            );
1529
1530        }
1531
1532    }
1533
1534
1535    runBillboard();
1536
1537
1538})();
1539
1540</script>
1540
1541
1542<style>
1543
1544/* main content width */
1545.news-panel{
1546  width:80%;
1547  margin:0 auto;
1548  background:black;
1549  padding:18px;
1550  box-sizing:border-box;
1551}
1552
1553@media (max-width:768px){
1554  .news-panel{
1555    width:95%;
1556    padding:12px;
1557  }
1558}
1559
1560/* reel card */
1561.reel{
1562  background:#330000;
1563  border-radius:20px;
1564  border:3px outset #663300;
1565  box-shadow:5px 5px 5px black;
1566  padding:16px;
1567  margin:20px auto;
1568  text-align:center;
1569}
1570
1571/*
1572  iPhone 6 + old iOS Safari iframe fix:
1573  don't put overflow:hidden / border-radius directly on the element doing the aspect ratio.
1574*/
1575.video-shell{
1576  border-radius:14px;
1577  overflow:hidden;
1578  box-shadow:5px 5px 5px black;
1579  background:#000;
1580}
1581
1582.video-container{
1583  position:relative;
1584  width:100%;
1585  padding-bottom:56.25%;
1586  height:0;
1587}
1588
1589.video-container iframe{
1590  position:absolute;
1591  top:0;
1592  left:0;
1593  width:100%;
1594  height:100%;
1595  border:0;
1596}
1597
1598/* titles + text */
1599.reel-title{
1600  margin-top:14px;
1601  color:linen;
1602}
1603
1604.reel-text{
1605  margin-top:10px;
1606  color:linen;
1607  font-family:LTOksana,Arial, sans-serif;
1608  line-height:1.45;
1609}
1610
1611/* headline font issue fix (explicit styling so it always shows) */
1612.news-headline{
1613  text-align:center;
1614  color:linen;
1615  font-family: LTOksana, Arial, sans-serif;
1616  font-size: 1.2em;
1617  letter-spacing: 2px;
1618  line-height: 1.2;
1619  margin: 14px 0 18px 0;
1620  text-transform: uppercase;
1621}
1622
1623/* keep 3 images on one line */
1624.news-title{
1625  display:flex;
1626  justify-content:center;
1627  align-items:center;
1628  gap:10px;
1629  flex-wrap:nowrap;
1630  width:100%;
1631}
1632
1633.news-title img{
1634  height:auto;
1635  display:block;
1636}
1637
1638.news-title img:nth-child(1),
1639.news-title img:nth-child(3){
1640  width:20%;
1641  max-width:104px;
1642}
1643
1644.news-title img:nth-child(2){
1645  width:40%;
1646  max-width:200px;
1647}
1648
1649</style>
1650
1651<div class="page-wrap">
1652
1653<br>
1654
1655<div class="news-title">
1656  <img src="light_l.gif" alt="">
1657  <img src="news-on-the-march.gif" alt="">
1658  <img src="light_r.gif" alt="">
1659</div>
1660
1661<div class="news-headline">
1662NEWSREELS FROM<br>THE DEMILLE ARCHIVES
1663</div>
1664
1665<div class="news-panel">
1666
1667<!-- REEL 1 -->
1668
1669<div class="reel">
1670
1671  <div class="video-shell">
1672    <div class="video-container">
1673      <iframe
1674        src="https://www.youtube.com/embed/ObbsXaqrTXE?playsinline=1"
1675        title="YouTube video player"
1676        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
1677        allowfullscreen>
1678      </iframe>
1679    </div>
1680  </div>
1681
1682  <div class="reel-title"><u>NEWS OF THE DAY</u></div>
1683
1684  <div class="reel-text">
1685    Maxwell's at the Argyle Nightclub!<br>
1686    Hollywood Talent Show!<br>
1687    DeMille's Dizzy Debs Scandal!
1688  </div>
1689
1690</div>
1691
1692
1693<!-- REEL 2 -->
1694
1695<div class="reel">
1696
1697  <div class="video-shell">
1698    <div class="video-container">
1699      <iframe
1700        src="https://www.youtube.com/embed/aGWycX3e4dc?playsinline=1"
1701        title="YouTube video player"
1702        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
1703        allowfullscreen>
1704      </iframe>
1705    </div>
1706  </div>
1707
1708  <div class="reel-title"><u>DEMILLE NEWS</u></div>
1709
1710  <div class="reel-text">
1711    <span style="font-size:0.9em;">"The Eyes and Ears of the Nation"</span>
1712    <br><br>
1713
1714    Mr. Demille at the Orpheum Theatre!<br>
1715    Dance Marathon Winners!<br>
1716    A Time Traveller Arrives!<br>
1717    Billy Barty and Leonard Reed!<br>
1718    Special look at "Sinister Flesh"!
1719  </div>
1720
1721</div>
1722
1723
1724<!-- REEL 3 -->
1725
1726<div class="reel">
1727
1728  <div class="video-shell">
1729    <div class="video-container">
1730      <iframe
1731        src="https://www.youtube.com/embed/gMOEuu-d3C0?playsinline=1"
1732        title="YouTube video player"
1733        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
1734        allowfullscreen>
1735      </iframe>
1736    </div>
1737  </div>
1738
1739  <div class="reel-title"><u>PROMOTIONAL REEL</u></div>
1740
1741  <div class="reel-text">
1742    Since the dawn of the Jazz Age, Maxwell DeMille, the famed showman and impresario, has served as Master of Ceremonies for society's most spectacular social affairs, parties and historic theaters of Broadway.
1743    <br><br>
1744    Here in these scenes from the Maxwell DeMille Archives are brief glimpses from Mr. DeMille's recent appearances for your entertainment and approval.
1745  </div>
1746
1747</div>
1748
1749</div>
1750
1751<br>
1752
1753<style>
1754.menu {
1755    display: flex;
1756    flex-wrap: wrap; /* Ensures items wrap into multiple rows */
1757    justify-content: center; /* Centers the items horizontally */
1758    gap: 5px; /* Adds spacing between items */
1759    padding: 10px; /* Adds padding around the entire menu */
1760}
1761
1762.menu a {
1763    text-decoration: none; /* Removes underline */
1764}
1765
1766.menu-item {
1767    display: block;
1768    max-width: 150px; /* Limits the width of each image */
1769    height: auto; /* Maintains the aspect ratio */
1770    padding: 5px; /* Adds spacing inside the clickable area */
1771    transition: transform 0.3s ease; /* Subtle zoom effect on hover */
1772}
1773
1774.menu-item:hover {
1775    transform: scale(1.05); /* Slight zoom effect */
1776}
1777
1778@media (max-width: 768px) {
1779    .menu-item {
1780        max-width: 121px; /* Smaller image size for mobile screens */
1781    }
1782}
1783
1784.rounded-button {
1785    display: inline-block; /* Makes the button behave like a block element */
1786    background-color: #004400; /* Original button background color */
1787    color: #ffffff; /* White text color */
1788    text-decoration: none; /* Removes underline */
1789    padding: 10px 20px; /* Adds padding inside the button */
1790    border-radius: 25px; /* Rounds the button edges */
1791    font-family: mousedeco, sans-serif; /* Sets the font style */
1792    font-size: 22px; /* Sets the font size */
1793    font-weight: normal; /* Normal font weight */
1794    text-align: center; /* Centers the text */
1795    position: relative; /* For positioning pseudo-elements */
1796    border: 2px solid #5c5c5c; /* Metallic solid border */
1797    box-shadow: 
1798        2px 2px 4px #ffffff inset, /* Highlight on top-left inside */
1799        -2px -2px 4px #a5a5a5 inset; /* Shadow on bottom-right inside */
1800    transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth hover effects */
1801}
1802
1803.rounded-button:hover {
1804    background-color: #ca7c09; /* Lighter hover background */
1805    transform: scale(1.05); /* Slight zoom effect */
1806    color: black; /* Text changes to black */
1807}
1808
1809
1810
1811</style>
1812
1813<div class="menu">
1814    <a href="https://maxwelldemille.com/news-on-the-march.asp">
1815        <img src="https://maxwelldemille.com/footer/footer_b1.gif" alt="Newsreel" class="menu-item" data-hover="https://maxwelldemille.com/footer/footer_b1_over.gif">
1816    </a>
1817    <a href="https://maxwelldemille.com/story.asp">
1818        <img src="https://maxwelldemille.com/footer/footer_b2.gif" alt="Story" class="menu-item" data-hover="https://maxwelldemille.com/footer/footer_b2_over.gif">
1819    </a>
1820    <a href="https://maxwelldemille.com/biography.asp">
1821        <img src="https://maxwelldemille.com/footer/footer_b3.gif" alt="Biography" class="menu-item" data-hover="https://maxwelldemille.com/footer/footer_b3_over.gif">
1822    </a>
1823    <a href="https://maxwelldemille.com/productions.asp">
1824        <img src="https://maxwelldemille.com/footer/footer_b4.gif" alt="Shows" class="menu-item" data-hover="https://maxwelldemille.com/footer/footer_b4_over.gif">
1825    </a>
1826    <a href="http://moviesinyourhome.com/" target="_blank">
1827        <img src="https://maxwelldemille.com/footer/footer_b5.gif" alt="Movies" class="menu-item" data-hover="https://maxwelldemille.com/footer/footer_b5_over.gif">
1828    </a>
1829    <a href="https://maxwelldemille.com/mail-list.asp">
1830        <img src="https://maxwelldemille.com/footer/footer_b6.gif" alt="Mail List" class="menu-item" data-hover="https://maxwelldemille.com/footer/footer_b6_over.gif">
1831    </a>
1832	    <a href="https://maxwelldemille.com/index.asp">
1833        <img src="https://maxwelldemille.com/footer/footer_b7.gif" alt="Home" class="menu-item" data-hover="https://maxwelldemille.com/footer/footer_b7_over.gif">
1834    </a>
1835</div>
1836
1837
1838
1839<script>
1840document.querySelectorAll('.menu-item').forEach(item => {
1841    const defaultSrc = item.src; // Store the default image src
1842    const hoverSrc = item.dataset.hover; // Get the hover image src from data attribute
1843
1844    item.addEventListener('mouseover', () => {
1845        item.src = hoverSrc; // Change to hover image
1846    });
1847
1848    item.addEventListener('mouseout', () => {
1849        item.src = defaultSrc; // Revert to default image
1850    });
1851});
1852
1853
1854</script>
1854
1855
1856<center>
1857<a href="https://maxwelldemille.com/CONTACT.ASP" class="rounded-button">CONTACT MAXWELL DEMILLE</a>
1858
1859<br><br>
1860
1861<a href="https://maxwelldemille.com" target="_blank">&copy; 2026 Maxwell DeMille Productions, Inc.</a>
1862<br><br>
1863</div>
1864</center>
1865
1866<p>&nbsp;</p>
1867
1868</div>
1869
1870<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"35ba739193f4457bbcb6511055e5b863","r":1,"spa":2}' crossorigin="anonymous"></script>
1870
1871</body>
1872</html>
1873
1874<script>
1875! function () {
1876var e = window.Median = window.Median || [];
1877if (!e._initialized)
1878if (e._snippet_loaded) console.warn("Median Snippet loaded twice.");
1879else {
1880e._snippet_loaded = !0, e._snippet_version = 3, e.methods = ["init","identify","endSession","on"],
1881e.factory = function (n) {
1882return function () {
1883var t = Array.prototype.slice.call(arguments);
1884e.push([n, t])
1885}
1886};
1887for (var n = 0; n < e.methods.length; n++) {
1888var t = e.methods[n];
1889e[t] = e.factory(t)
1890}
1891var i = document.createElement("script");
1892i.type = "text/javascript";
1893i.async = !0;
1894i.src = "https://js.hellomedian.com/v1/mdn-cobrowse-screenshare.js";
1895var a = document.getElementsByTagName("script")[0];
1896a.parentNode.insertBefore(i, a)
1897}
1898}();
1899Median.init("1f2f768e-ac78-4e47-8228-87da68ff15c0");
1900</script>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.