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">© 2026 Maxwell DeMille Productions, Inc.</a> 1862<br><br> 1863</div> 1864</center> 1865 1866<p> </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.