PageSourceSearch

http://www.danleygeneratorsnj.com/

html danleygeneratorsnj.com collected 2026-09-25 02:21:37 UTC 158,737 bytes, 3,663 lines download raw bytes

1  
2      <!doctype html>
3<html class="no-js" lang="en">
4<head>
4<script>var V_PATH="/";window.onerror=function(){ return true; };</script>
4
5
6		
7
8
9		
10    
11    
12    
13
14                
15                
16	
17
18
19
20
21<meta content="IE=edge" http-equiv="X-UA-Compatible"/><meta charset="utf-8"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Âé¶¹ÆÆ½â°æ" property="og:site_name" /><meta name="twitter:dnt" content="on">
22 <link href="https://cascade-prod.static.wm.edu" rel="dns-prefetch"/> <link href="https://creative.wm.edu" rel="dns-prefetch"/> <link href="https://kit.fontawesome.com" rel="dns-prefetch"/> <link href="https://static.wm.edu" rel="dns-prefetch"/> <link href="https://www.googletagmanager.com" rel="dns-prefetch"/> <link href="/apple-touch-icon.png" rel="apple-touch-icon"/>
23<script src="/js/vendor/modernizr-2.6.2-respond-1.1.0.min.js" type="text/javascript"></script>
23
24
25<script type="application/ld+json">// <![CDATA[
26{ "@context" : "https://schema.org",
27  "@type" : "Organization",
28  "name" : "Âé¶¹ÆÆ½â°æ",
29  "url" : "",
30  "logo": "/img/wm_vertical_single_line_full_color.png",
31  "sameAs" : [ "none",
32    "https://www.twitter.com/williamandmary",
33    "https://plus.google.com/+williamandmary",
34    "https://www.instagram.com/william_and_mary" ] 
35}
36// ]]></script>
36
37<link href="https://static.wm.edu/mweb/prod/main.min.css?v=2" media="all" rel="stylesheet"/> <link href="https://use.typekit.net/hsm3jlb.css" rel="stylesheet"/>
38
39<link href="/css/custom.css?v=3" media="all" rel="stylesheet"/>
40    
41
42            <link rel="canonical" href="/" />
43        
44
45
46
47
48<script>
vendor: 327 bytes, lines 48-52
48(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
49new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
50j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
51'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
52})(window,document,'script','dataLayer','
52GTM-ND77N3
vendor: 3 bytes, line 52
52');
52</script>
52
53
54
55
56
57<script>
58  
vendor: 134 bytes, lines 58-62
58window.dataLayer = window.dataLayer || [];
59  function gtag(){dataLayer.push(arguments);}
60  gtag('js', new Date());
61
62  gtag('config', '
62G-2310WV201G
vendor: 4 bytes, line 62
62');
63</script>
63
64
65
66
67
68<script>let cascadeSite="www.wm.edu"</script>
68
69
70
71	    
72
73
74		
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89<link href="none" rel="dns-prefetch"/>
90<link href="https://wmit-news-prod.s3.amazonaws.com" rel="dns-prefetch"/>
91<link href="https://curator-assets.b-cdn.net" rel="dns-prefetch"/>
92<style>
93
94.wm-row {
95    display: block;
96    position: relative;
97    z-index: 1;
98    width: 100%;
99    padding-top: var(--size-row-padding-top);
100    padding-bottom: var(--size-row-padding-bottom);
101    --wm-row-side-padding: var(--size-row-padding-side-mobile);
102    padding-left: var(--wm-row-side-padding);
103    padding-right: var(--wm-row-side-padding);
104    text-align: center;
105    background-position: center;
106    background-size: cover;
107    background-color: var(--theme-base-color);
108    color: var(--theme-text-color);
109}
110
111@media (min-width: 700px) {
112    .wm-row {
113        --wm-row-side-padding: var(--size-row-padding-side-default);
114    }
115}
116
117.wm-row__mainWrapper {
118    position: relative;
119    width: 100%;
120    max-width: var(--size-row-width-max);
121    margin: 0 auto;
122    padding: 0;
123    text-align: center;
124}
125
126.wm-row__mainWrapper > * {
127    margin: 0 auto;
128}
129
130.wm-row__title,
131.wm-row__title > a {
132    margin-top: -9px;
133    text-align: center;
134    letter-spacing: 0;
135    color: var(--theme-title-color);
136    font-family: "Freight Text W03", Times, serif;
137    font-size: 2rem;
138    font-weight: 500;
139    line-height: 1.2;
140    font-feature-settings: "lnum";
141    max-width: var(--size-row-text-width-max);
142}
143
144@media (min-width: 700px) {
145    .wm-row__title,
146    .wm-row__title > a {
147        font-size: 2.5rem;
148    }
149}
150
151.wm-row__title:not(.sr-only) + * {
152    margin-top: var(--size-row-title-margin-bottom);
153}
154
155.wm-row__intro-text {
156    max-width: var(--size-row-text-width-max);
157    margin: 0 auto;
158    color: var(--theme-text-color);
159}
160
161.wm-row__intro-text > p:last-child {
162    margin-bottom: 0;
163}
164
165.wm-row__intro-text a {
166    color: var(--theme-link-color);
167}
168
169.wm-row__intro-text a:hover {
170    color: var(--theme-link-hover-color);
171}
172
173.wm-row__title.sr-only + .wm-row__intro-text > *:first-of-type {
174    margin-top: 0;
175}
176
177.wm-row__intro-text + * {
178    margin-top: 44px;
179}
180
181.wm-row__moreButton {
182    position: relative;
183    display: inline-block;
184    max-width: var(--size-row-text-width-max);
185    margin: 44px 0 0;
186    padding: 0 44px !important;
187    text-align: center;
188    color: var(--theme-title-color);
189    font-size: 1.25rem;
190    font-weight: normal;
191    padding-right: 18px;
192}
193
194.wm-row__moreButton:hover,
195.wm-row__moreButton:focus {
196    text-decoration: underline !important;
197    font-weight: normal;
198}
199
200@media (min-width: calc(var(--size-row-text-width-max) + 44px)) {
201    .wm-row__moreButton {
202        padding-left: 0 !important;
203        padding-right: 0 !important;
204    }
205}
206
207.wm-row__moreButton:after {
208    position: absolute;
209    content: "";
210    font-family: "Font Awesome 6 Pro";
211    color: var(--color-wmgold-55);
212    padding-left: 7px;
213    transition: all 0.35s ease-in-out;
214}
215
216.wm-row__moreButton:hover:after,
217.wm-row__moreButton:focus:after {
218    padding-left: 11px;
219    text-decoration: none;
220}
221
222.internal_row_link {
223    position: absolute;
224    z-index: 1000;
225    top: 0;
226    left: 0;
227    display: flex;
228    align-items: center;
229    justify-content: center;
230    width: 34px;
231    height: 34px;
232    transition: all 0.3s;
233    color: #fff;
234    border-radius: 50%;
235    background: var(--color-wmgreen-600);
236}
237
238.internal_row_link:hover,
239.internal_row_link:focus {
240    text-decoration: none;
241    color: #fff;
242    background: #000;
243}
244
245@media print {
246    .wm-row figure.rightcaption,
247    .wm-row figure.yt-right {
248        float: right;
249        margin-right: 0px;
250        margin-left: 2rem;
251    }
252
253    .wm-row figure.yt-center {
254        margin-right: auto !important;
255        margin-left: auto !important;
256    }
257
258    .wm-row figure.leftcaption,
259    .wm-row figure.yt-left {
260        float: left;
261        margin-right: 2rem;
262        margin-left: 0px;
263    }
264
265    .wm-row figure.yt-left,
266    .wm-row figure.yt-right {
267        clear: both;
268        padding: 10px;
269        border: 1px solid #c9c9c9 !important;
270    }
271
272    .wm-row .yt-med,
273    .wm-row .yt-lg {
274        border: 1px solid #c9c9c9 !important;
275        background-color: #c9c9c9 !important;
276    }
277}
278
279/*# sourceMappingURL=homepage_core.min.css.map */
280/* ====== HOMEPAGE 2024 CORE CODE - hero and admission rows ======================================================================================== */
281:root {
282    --serif-font: "adelle";
283    --sans-font: "adelle-sans";
284    --max-content-width: 1288px;
285    --spacing-xxs: 6px;
286    --spacing-xs: 11px;
287    --spacing-sm: 22px;
288    --spacing-md: 44px;
289    --spacing-lg: 66px;
290    --spacing-xl: 88px;
291    --spacing-xxl: 100px;
292    --wmgold-100: #f8f5ef;
293    --wmgold-600: var(--color-wmgold-55, #b9975b);
294    --wmgold-800: #6E5834;
295    --webgold: var(--color-webgold-75, #866f45);
296    --webgold-600: #b9975b;
297    --wmsilver-100: #fafbfb;
298    --wmsilver-300: #ecedee;
299    --wmsilver-600: var(--color-wmsilver-25, #d0d3d4);
300    --wmgreen-200: #cfddd9;
301    --wmgreen-300: #a0bcb3;
302    --wmgreen-400: #709a8c;
303    --wmgreen-600: #004e38;
304    --text-body: var(--color-wmsilver-100, #282626);
305    --moss-600: #789d4a;
306    --moss-700: #607e3b;
307    --patina-600: #00b388;
308    --patina-700: #008f6d;
309    --weatheredbrick-600: #e56a54;
310    --weatheredbrick-700: #b75543;
311    --emergency-text: #8f0614;
312}
313
314/* ====== MISC SHARED ===== */
315.row-heading {
316    margin-bottom: var(--spacing-md);
317    color: #004e38;
318    text-align: center;
319    font-family: "adelle";
320    font-size: 32px;
321    font-style: normal;
322    font-weight: 400;
323    line-height: 40px;
324    /* 125% */
325    letter-spacing: 0;
326}
327
328.row-heading a,
329.odd-heading {
330    font-weight: inherit;
331    color: inherit;
332    text-decoration: none;
333}
334
335.row-heading a:hover,
336.row-heading a:focus,
337.odd-heading:hover,
338.odd-heading:focus {
339    text-decoration: none;
340    color: inherit;
341}
342
343@media only screen and (min-width: 700px) {
344    .row-heading {
345        font-size: 38px;
346        line-height: 50px;
347        /* 131.579% */
348        text-align: left;
349    }
350}
351
352/* ====== TOPBAR CHANGES ======================================================================================== */
353.wmhome .m-desktoplogo {
354    display: none;
355    position: absolute;
356    z-index: 3;
357    top: 31px;
358    left: 41px;
359    -webkit-backface-visibility: hidden;
360    backface-visibility: hidden;
361}
362
363.wmhome .m-desktoplogo img {
364    width: 310px;
365}
366
367.wmhome .wm-topbar {
368    height: 55px;
369    border: none;
370}
371
372.wmhome .wm-topbar__logo-link {
373    /*padding: 18px 0 0 0;*/
374    transition: all 0s;
375}
376
377.wmhome .wm-topbar__menu-button {
378    -webkit-backface-visibility: hidden;
379    backface-visibility: hidden;
380    right: 0;
381    top: 0;
382    opacity: 1;
383    background: var(--color-wmgold-775);
384    width: 88px;
385    height: 55px;
386
387    transition: all 0.3s ease-in-out;
388}
389
390.wmhome .wm-topbar__menu-button-text {
391    margin: 8px 0;
392    padding: 0;
393}
394
395.wmhome .wm-topbar__info-for-button:before {
396    transition: all 0.3s ease-in-out;
397}
398
399.wmhome .wm-topbar__info-for-button span {
400    font-size: 11px;
401    transition: all 0.3s ease-in-out;
402}
403
404.wmhome .wm-topbar__homepage-links {
405    display: none;
406}
407
408.wmhome .m-mobilelogo {
409    position: absolute;
410    top: -18px;
411    left: var(--spacing-sm);
412    z-index: 85;
413    width: 201px;
414}
415
416/*.wmhome .wm-site-menu .wm-topbar__menu-button.-close-x,*/
417/*.wmhome .wm-info-for-menu .wm-topbar__menu-button.-close-x {*/
418/*    height: 80px !important;*/
419/*    width: 133px !important;*/
420/*}*/
421
422.wmhome .wm-site-menu .wm-topbar__menu-button:hover,
423.wmhome .menu-open .wm-site-menu .wm-topbar__menu-button.-close-x:hover {
424    background-color: var(--william-mary-gold-wm-gold-800, #6E5834);
425}
426
427.wmhome .info-open .wm-topbar__menu-button-text {
428    padding: 0;
429}
430
431.wmhome .info-open .wm-info-for-menu .wm-topbar__info-for-button.-close-x,
432.wmhome .menu-open .wm-site-menu .wm-topbar__info-for-button {
433    top: 104px !important;
434}
435
436.wmhome .info-open .wm-site-menu .wm-topbar__info-for-button {
437    top: 104px;
438}
439
440.wmhome .wm-topbar__info-for-button.-close-x .close-x {
441    margin-right: 5px;
442}
443
444.wmhome .wm-topbar.is-hidden .wmhome .wm-topbar__menu-button {
445    right: -7.462rem;
446    opacity: 0;
447}
448
449.wmhome .wm-topbar__menu-button:hover {
450    background: var(--william-mary-gold-wm-gold-800, #6E5834);
451}
452
453@media (min-width: 775px) {
454    .wmhome .wm-topbar__logo-link {
455        padding: 0;
456    }
457    .wmhome .wm-topbar__buttons {
458        overflow: hidden;
459        height: 6.5rem;
460        width: 9.6875rem;
461    }
462
463    .wmhome .wm-topbar__menu-button {
464        width: 133px;
465        height: 80px;
466        top: 13px;
467    }
468
469    .wmhome .wm-topbar__menu-button-text {
470        display: block;
471    }
472
473    .wmhome .wm-topbar__info-for-button {
474        top: 104px !important;
475        display: block;
476    }
477
478    .wmhome .wm-topbar__info-for-button:before {
479        background: #004e38;
480    }
481
482    .wmhome .wm-topbar {
483        height: 0;
484        border: none;
485        width: 100%;
486    }
487
488    .wmhome .wm-topbar__logo,
489    .m-mobilelogo {
490        visibility: hidden;
491    }
492
493    .wmhome .m-desktoplogo {
494        display: block;
495        width: 100%;
496        left: var(--spacing-md);
497        max-width: var(--max-content-width);
498        margin: 0 auto;
499        right: 0;
500    }
501
502    .wmhome .wm-topbar__homepage-links {
503        display: flex;
504        height: 15px;
505        flex: 1 1 max(var(--spacing-md));
506        width: clamp(233px, 26vw, 277px);
507        justify-content: space-between;
508        align-items: center;
509        position: absolute;
510        top: 41px;
511        right: clamp(156px, 15vw, 176px);
512        z-index: 12;
513        gap: clamp(var(--spacing-sm), 2vw, var(--spacing-md));
514    }
515
516    .wmhome .wm-topbar__homepage-link {
517        color: var(--william-mary-silver-wm-silver-600, #d0d3d4);
518        font-family: "adelle-sans";
519         font-size: 1.02rem;
520          font-style: normal;
521          font-weight: 400;
522          line-height: 1.59314;
523        transition: all 0.3s;
524    }
525
526    .wmhome .wm-topbar__homepage-link:hover {
527        color: white;
528    }
529}
530
531@media only screen and (min-width: 968px) {
532    .wmhome .wm-topbar__logo {
533        visibility: hidden;
534    }
535
536    .wmhome #main_content {
537        margin-top: -84px;
538    }
539}
540
541/*.wmhome .menubackdrop-dark {*/
542/*    transition:*/
543/*        opacity 0.4s,*/
544/*        z-index 0.2s 1s;*/
545/*}*/
546
547/*.wmhome .menu-open .menubackdrop-dark,*/
548/*.wmhome .info-open .menubackdrop-dark {*/
549/*    transition: opacity 0.4s;*/
550/*}*/
551/* ===== HERO ======================================================================================= */
552@keyframes wait {
553    0% {
554        opacity: 0;
555    }
556
557    100% {
558        opacity: 0;
559    }
560}
561
562@keyframes heroin {
563    0% {
564        opacity: 0;
565    }
566
567    100% {
568        opacity: 1;
569    }
570}
571
572.heroin {
573    animation:
574        wait 1s,
575        heroin 0.9s 1s;
576    animation-timing-function: ease;
577}
578
579.o-homehero {
580    overflow-x: hidden;
581    width: 100%;
582    position: relative;
583    min-height: 50vh;
584    padding-bottom: 0;
585    background: #000;
586}
587
588.m-hero {
589    display: flex;
590    flex-direction: column;
591    height: auto;
592    position: relative;
593    overflow-x: hidden;
594    -ms-overflow-y: hidden;
595    background: #000;
596    border-bottom: 8px solid var(--william-mary-gold-wm-gold-600, #b9975b);
597}
598
599.m-hero__image,
600.m-hero__video {
601    width: 100%;
602    height: 56.25vw;
603    position: relative;
604}
605.m-hero__video {
606    overflow-x: hidden;
607}
608
609.m-hero__image:after,
610.m-hero__video .videocontainer:after {
611    content: "";
612    display: block;
613    position: absolute;
614    bottom: 0;
615    left: 0;
616    width: 100%;
617    height: 88px;
618    flex-shrink: 0;
619    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
620}
621
622.m-hero__video .videocontainer {
623    display: block;
624    width: 100%;
625    height: 100%;
626    position: relative;
627    overflow: hidden;
628}
629
630.m-hero__video .videocontainer.hidden {
631    display: none;
632}
633
634.m-hero__video.focus::after {
635    content: "";
636    position: absolute;
637    border: 1px dotted #fff;
638    top: 2px;
639    left: 3px;
640    right: 3px;
641    bottom: 2px;
642}
643
644.m-hero__feature-image,
645.m-hero__video video {
646    width: 100%;
647    height: 100%;
648    object-fit: cover;
649}
650
651/* =============== SUPPORTS MS IME ALIGN =================================== */
652@supports (-ms-ime-align: auto) {
653    .m-hero__video video {
654        margin-top: -4px;
655    }
656}
657
658.m-hero__image span {
659    position: absolute;
660    width: 100%;
661    height: 100%;
662    background-size: cover;
663    background-position: center;
664    -webkit-backface-visibility: hidden;
665    backface-visibility: hidden;
666}
667
668#video_button,
669#events_video_button {
670    position: absolute;
671    bottom: var(--spacing-sm);
672    left: var(--spacing-sm);
673    color: #fff;
674    padding: 7px;
675    width: 30px;
676    height: 30px;
677    cursor: pointer;
678    text-transform: uppercase;
679    letter-spacing: 1px;
680    font-size: 1rem;
681    z-index: 5;
682    margin: 0;
683    border-radius: 4px;
684    background: rgba(217, 220, 221, 0.1);
685}
686
687#video_button {
688    right: var(--spacing-sm);
689    left: auto;
690}
691
692#video_button i {
693    /* font-weight: 400;
694	 */
695    color: white;
696    font-size: 14px;
697}
698
699#video_button i.fa-pause,
700#events_video_button i.fa-pause {
701    margin-left: 0.1em;
702}
703
704#video_button i.fa-play,
705#events_video_button i.fa-play {
706    margin-left: 0.3em;
707}
708
709#video_button:hover,
710#video_button:focus,
711#events_video_button:hover,
712#events_video_button:focus {
713    color: #000;
714    background: rgba(217, 220, 221, 0.2);
715}
716
717.m-hero__captionarea {
718    width: 100%;
719    height: 100%;
720    background: #004e38;
721    -webkit-backface-visibility: hidden;
722    backface-visibility: hidden;
723}
724
725.m-hero__caption {
726    /* opacity: 0;
727	 transition: transform 0.6s, opacity 0.8s;
728	 transition-delay: 0.4s;
729	 */
730}
731
732.m-hero__captioncontent {
733    padding: 0;
734}
735
736/* --- caption animation ---*/
737@keyframes captionheadersin {
738    0% {
739        opacity: 0;
740        translate: 0 20px;
741    }
742
743    40% {
744        opacity: 0;
745    }
746
747    100% {
748        opacity: 1;
749        translate: 0 0px;
750    }
751}
752
753.m-hero__captiontitle {
754    padding: var(--spacing-sm) var(--spacing-xs);
755    background: #004e38;
756    margin: 0;
757    color: #fff;
758    text-align: center;
759    font-family: "adelle";
760      font-size: 2.25rem;
761  font-style: normal;
762  font-weight: 400;
763  line-height: 1.22222;
764    animation:
765        wait 0.5s,
766        captionheadersin 0.6s 0.5s;
767    animation-timing-function: ease;
768}
769
770.m-hero__captiontext {
771    display: flex;
772    padding: var(--spacing-sm);
773    background: var(--william-mary-green-griffin-green, #183028);
774    margin: 0;
775    color: rgba(255, 255, 255, 0.8);
776    text-align: center;
777    font-family: "adelle-sans";
778  font-size: 1.02rem;
779  font-style: normal;
780  font-weight: 400;
781  line-height: 1.59314;
782    animation:
783        wait 0.6s,
784        captionheadersin 0.6s 0.6s;
785    animation-timing-function: ease;
786}
787
788@keyframes fade-in {
789    0% {
790        opacity: 0;
791    }
792
793    100% {
794        opacity: 1;
795    }
796}
797
798.m-hero__more {
799    display: flex;
800    flex-direction: column;
801    justify-content: center;
802    align-items: stretch;
803    gap: 10px;
804    padding: 0 var(--spacing-sm) var(--spacing-sm);
805    background: var(--william-mary-green-griffin-green, #183028);
806    animation:
807        wait 0.3s,
808        fade-in 0.6s 0.3s;
809    animation-timing-function: ease;
810}
811
812.m-hero__more a {
813    display: flex;
814    padding: 18px var(--spacing-md);
815    justify-content: center;
816    align-items: center;
817    border-radius: 4px;
818    background: transparent;
819    color: var(--White-White, #fff);
820    font-family: "adelle-sans";
821  font-size: 1.1475rem;
822  font-style: normal;
823  font-weight: 600;
824  line-height: 1.08932;
825    transition: background 0.3s;
826}
827
828.m-hero__more a.m-hero__more-primary {
829    background: var(--color-wmgold-775);
830    color: var(--White-White, #fff);
831}
832
833.m-hero__more a:hover,
834.m-hero__more a:focus {
835    background: rgba(240, 241, 242, 0.15);
836    text-decoration: none;
837}
838
839.m-hero__more a.m-hero__more-primary:hover,
840.m-hero__more a.m-hero__more-primary:focus {
841    background: var(--william-mary-gold-wm-gold-800, #6E5834);
842}
843
844.no-js .m-hero__caption,
845.no-js .m-hero__captioncontent h2,
846.no-js .m-hero__captiontext,
847.no-js .m-hero__more {
848    /* opacity: 1;
849	 */
850}
851
852/* ANIMATION: after slideshow fade in */
853.o-homehero__content.aos-animate .m-hero__caption {
854    opacity: 1;
855}
856
857.o-homehero__content.aos-animate .m-hero__captioncontent h2 {
858    opacity: 1;
859    transform: translate3d(0, 0, 0);
860}
861
862.o-homehero__content.aos-animate .m-hero__captiontext {
863    opacity: 1;
864    transform: translate3d(0, 0, 0);
865}
866
867.o-homehero__content.aos-animate .m-hero__more {
868    right: 0;
869}
870
871.o-homehero__content.aos-animate .m-hero__captionareacontent img {
872    opacity: 1;
873}
874
875/* For removing extra animations on mobile devices */
876@media (any-hover: none) {
877    .m-hero__more a:hover::after,
878    .m-hero__more a:focus::after {
879        width: inherit;
880    }
881}
882
883/* =============== 600 PX =================================== */
884@media only screen and (min-width: 600px) {
885    .m-hero__more {
886        flex-direction: row;
887        justify-content: center;
888        padding-bottom: 33px;
889    }
890}
891
892/* =============== 700 PX =================================== */
893@media only screen and (min-width: 700px) {
894    .m-hero {
895        display: block;
896    }
897
898    .m-hero,
899    .m-hero__video .videocontainer,
900    .m-hero__image,
901    .m-hero__video,
902    .m-hero__video video {
903        min-height: 760px;
904        overflow: hidden;
905        height: 100vh;
906        max-height: 860px;
907    }
908
909    .m-hero__image,
910    .m-hero__video {
911        max-height: 100%;
912    }
913
914    #video_button {
915        right: 54px;
916        bottom: 74px;
917    }
918    
919    .m-hero__image:after,
920    .m-hero__video .videocontainer:after {
921        height: 300px;
922        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
923        z-index: 0;
924    }
925
926    .m-hero__image:before,
927    .m-hero__video:before {
928        content: "";
929        display: block;
930        position: absolute;
931        top: 0;
932        left: 0;
933        width: 100%;
934        height: 386px;
935        flex-shrink: 0;
936        background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
937        z-index: 1;
938    }
939    /* Added 3/17/2025 per Karl's request */
940    .m-hero__image:before {
941        background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 50%);
942    }
943
944    .m-hero__captionarea {
945        background: transparent;
946    }
947
948    .m-hero__captioncontent {
949        max-width: 80vw;
950        padding-right: var(--spacing-md);
951        width: 600px;
952    }
953
954    .m-hero__caption {
955        position: absolute;
956        max-width: 600px;
957        bottom: var(--spacing-lg);
958        left: var(--spacing-md);
959    }
960
961    .m-hero__captioncontent h2 {
962        text-align: left;
963        justify-content: flex-start;
964        padding: var(--spacing-sm);
965        border-radius: 4px 4px 0px 0px;
966        background: rgba(17, 87, 64, 0.9);
967        font-family: "adelle";
968          font-size: 2.25rem;
969  font-style: normal;
970  font-weight: 400;
971  line-height: 1.22222;
972        /*#115740e6*/
973        color: var(--White-White, #fff);
974        /*font-size: 38px;*/
975        /*line-height: 50px;*/
976        /* 131.579% */
977        width: max-content;
978        backdrop-filter: blur(10px);
979    }
980
981    .m-hero__captiontext {
982        border-radius: 0px 4px 4px 4px;
983        background: rgba(24, 48, 40, 0.9);
984        text-align: left;
985        backdrop-filter: blur(10px);
986    }
987
988    .m-hero__more {
989        flex-direction: row;
990        justify-content: flex-start;
991        margin-top: 33px;
992        background: transparent;
993        padding: 0;
994    }
995
996    /*.m-hero__more a {*/
997    /*    max-width: 227px;*/
998    /*}
998*/
999}
1000
1001/* =============== 968 PX =================================== */
1002@media only screen and (min-width: 968px) {
1003    @supports (-ms-ime-align: auto) {
1004        .m-hero__video video {
1005            margin-top: 0px;
1006        }
1007    }
1008
1009    /* Firefox doesn't love the hack for Edge, fix jittering on scroll */
1010    @-moz-document url-prefix() {
1011        .m-hero__video video {
1012            width: 100%;
1013            height: 100%;
1014            object-fit: cover;
1015            position: relative;
1016            top: auto;
1017            left: auto;
1018            transform: none;
1019        }
1020    }
1021
1022    #events_video_button {
1023        bottom: 33px;
1024        left: 33px;
1025        right: auto;
1026    }
1027
1028    .m-hero__caption {
1029        position: absolute;
1030        max-width: 600px;
1031        bottom: 77px;
1032        left: var(--spacing-md);
1033    }
1034
1035    .m-hero__captioncontent h2 {
1036        /* transition-delay: 1s;
1037		 */
1038    }
1039
1040    .m-hero__captiontext {
1041        /* transition-delay: 1.1s;
1042		 */
1043    }
1044
1045    .m-hero__more {
1046        transition-delay: 1.2s;
1047    }
1048
1049    .leftside {
1050        display: none;
1051        width: 100%;
1052        position: absolute;
1053        top: -1px;
1054        bottom: -1px;
1055        transform: skew(-20deg);
1056        background: #fff;
1057        z-index: -1;
1058        left: -16%;
1059    }
1060
1061    .rightside {
1062        display: none;
1063        width: 100%;
1064        position: absolute;
1065        top: -1px;
1066        bottom: -1px;
1067        transform: skew(-20deg);
1068        background: #fff;
1069        z-index: -1;
1070        right: -25%;
1071    }
1072
1073    .m-hero__captioncontent {
1074        padding: 0;
1075    }
1076
1077    .h-hero__more {
1078        flex-direction: row;
1079    }
1080
1081    .m-hero__captiontext {
1082        width: 100%;
1083    }
1084
1085    .m-hero__more a {
1086        top: 100%;
1087    }
1088
1089    .m-hero__more a::before {
1090        content: none;
1091    }
1092
1093    .m-hero__more a::after {
1094        bottom: var(--spacing-sm);
1095    }
1096
1097    /* ANIMATION: after slideshow fade in */
1098    .o-homehero__content.aos-animate .m-hero__caption {
1099        opacity: 1;
1100    }
1101}
1102
1103/* =============== 1200 PX =================================== */
1104@media only screen and (min-width: 1200px) {
1105    .m-hero {
1106        flex-direction: row;
1107        min-height: 720px;
1108        height: 100vh;
1109        max-height: 860px;
1110    }
1111
1112    .m-hero__image,
1113    .m-hero__video {
1114        border-bottom: 0;
1115        height: 100%;
1116    }
1117
1118    .m-hero__image span {
1119        border-bottom: 0;
1120    }
1121
1122    .m-hero__captionarea {
1123        height: 100%;
1124        right: 0;
1125        width: 31vw;
1126        position: absolute;
1127        z-index: 0;
1128        display: none;
1129    }
1130
1131    .m-hero__captionarea::before {
1132        content: "";
1133        background: #004e38;
1134        width: 31vw;
1135        transform: skew(-20deg);
1136        height: 100%;
1137        position: absolute;
1138        top: 0;
1139        right: 11vw;
1140        z-index: -1;
1141    }
1142
1143    .m-hero__captionareacontent {
1144        height: 100%;
1145        padding: 5rem 0 0 3rem;
1146        display: none;
1147    }
1148
1149    .m-hero__captionareacontent img {
1150        display: block;
1151    }
1152
1153    .m-hero__caption {
1154        max-width: var(--max-content-width);
1155        width: 100%;
1156        right: 0;
1157        margin: 0 auto;
1158    }
1159}
1160
1161/* =============== 1300 PX =================================== */
1162@media only screen and (min-width: 1300px) {
1163    .leftside {
1164        left: -14%;
1165    }
1166}
1167
1168/* =============== PREFERS REDUCED MOTION =================================== */
1169@media (prefers-reduced-motion) {
1170    .m-hero__captionareacontent img {
1171        transition-delay: 0s;
1172    }
1173
1174    .m-hero__caption {
1175        transition:
1176            transform 0s,
1177            opacity 0.8s;
1178    }
1179
1180    .m-hero__captioncontent h2,
1181    .m-hero__captiontext {
1182        transition:
1183            transform 0s,
1184            opacity 0.6s;
1185    }
1186
1187    .m-hero__more,
1188    .m-hero__more a::after {
1189        transition: none;
1190    }
1191
1192    .m-hero__more a:hover::after,
1193    .m-hero__more a:focus::after {
1194        width: calc(100% - 20px);
1195    }
1196}
1197
1198/* ====== ADMISSION ======================================================================================== */
1199.HomeAdmission .wm-row__title:not(.sr-only) + * {
1200    margin-top: var(--spacing-sm);
1201}
1202
1203.HomeAdmission__title {
1204    color: var(--wmgreen-600);
1205    text-align: center;
1206    font-family: var(--serif-font);
1207      font-size: 2.25rem;
1208  font-style: normal;
1209  font-weight: 400;
1210  line-height: 1.22222;
1211}
1212
1213.HomeAdmission__intro-text {
1214    color: var(--text-body);
1215    text-align: center;
1216    font-family: var(--sans-font);
1217      font-size: 1.02rem;
1218      font-style: normal;
1219      font-weight: 400;
1220      line-height: 1.59314;
1221}
1222
1223.HomeAdmission__split-wrapper {
1224    display: flex;
1225    overflow: hidden;
1226    flex-wrap: wrap;
1227    flex-direction: column;
1228    border-radius: 4px;
1229    border-top-left-radius: 0;
1230    border-bottom-left-radius: 0;
1231}
1232
1233.HomeAdmission .wm-split__side {
1234    width: 100%;
1235    flex: 0 0 50%;
1236    display: flex;
1237    flex-direction: column;
1238    position: relative;
1239    justify-content: stretch;
1240    align-items: stretch;
1241    overflow: hidden;
1242}
1243
1244.HomeAdmission__image {
1245    display: none;
1246    object-fit: cover;
1247    width: 100%;
1248    aspect-ratio: 3/2;
1249}
1250
1251.HomeAdmission .wm-split__side.-text {
1252    /* border-radius: 4px;
1253	 border-top-left-radius: 0;
1254	 border-bottom-left-radius: 0;
1255	 */
1256}
1257
1258.HomeAdmission__list {
1259    display: flex;
1260    flex-direction: column;
1261    justify-content: stretch;
1262    align-items: stretch;
1263    margin: 0;
1264    padding: 0;
1265    width: 100%;
1266    height: auto;
1267    list-style: none;
1268    text-align: left;
1269}
1270
1271.HomeAdmission__list-item {
1272    display: flex;
1273    flex: 1 1 auto;
1274    transition: all 150ms ease-out;
1275    border-bottom: 4px solid var(--White-White, #fff);
1276    background: var(--william-mary-silver-soft-silver, #f0f1f2);
1277}
1278
1279.HomeAdmission__list-item:last-child {
1280    border-bottom: none;
1281}
1282
1283.HomeAdmission__list-item:last-child .HomeAdmission__list-link,
1284.HomeAdmission__list-item:last-child .HomeAdmission__list-linkbutton {
1285    border-bottom: none;
1286}
1287
1288.HomeAdmission__list-link {
1289    display: flex;
1290    flex-direction: row;
1291    justify-content: space-between;
1292    align-items: stretch;
1293    flex: 1;
1294    border: none;
1295    transition: all 150ms ease-out;
1296}
1297
1298.HomeAdmission__list-link:hover {
1299    text-decoration: none;
1300}
1301
1302.HomeAdmission__list-linktext {
1303    display: flex;
1304    justify-content: flex-start;
1305    align-items: center;
1306    width: 100%;
1307    padding: var(--spacing-sm);
1308    color: var(--wmgreen-600);
1309    font-family: var(--sans-font);
1310      font-size: 1.375rem;
1311  font-style: normal;
1312  font-weight: 600;
1313  line-height: 1.27273;
1314    transition: all 150ms ease-out;
1315}
1316
1317.HomeAdmission__list-link .HomeAdmission__list-linkbutton {
1318    display: flex;
1319    align-items: center;
1320    justify-content: center;
1321    width: var(--spacing-md);
1322    height: 100%;
1323    padding: var(--spacing-sm);
1324    background-color: var(--wmgreen-600);
1325    color: white;
1326    text-align: center;
1327    font-family: "Font Awesome 6 Pro";
1328    font-size: 28px;
1329    font-style: normal;
1330    line-height: 1.07143;
1331    transition: all 150ms ease-out;
1332}
1333
1334.HomeAdmission__list-item:first-child:hover .HomeAdmission__list-linktext,
1335.HomeAdmission__list-item:nth-child(2):hover .HomeAdmission__list-linktext,
1336.HomeAdmission__list-item:nth-child(3):hover .HomeAdmission__list-linktext,
1337.HomeAdmission__list-item:last-child:hover .HomeAdmission__list-linktext,
1338.HomeAdmission__list-item .HomeAdmission__list-linkbutton {
1339    color: white;
1340    text-decoration: none;
1341}
1342
1343.HomeAdmission__list-item:first-child:hover {
1344    --hovertextcolor: var(--moss-700);
1345    --hoverbuttoncolor: var(--moss-600);
1346}
1347
1348.HomeAdmission__list-item:nth-child(2):hover {
1349    --hovertextcolor: var(--wmgold-775);
1350    --hoverbuttoncolor: var(--wmgold-600);
1351}
1352
1353.HomeAdmission__list-item:nth-child(3):hover {
1354    --hovertextcolor: var(--marine-700);
1355    --hoverbuttoncolor: var(--marine-600);
1356}
1357
1358.HomeAdmission__list-item:last-child:hover {
1359    --hovertextcolor: var(--brick-700);
1360    --hoverbuttoncolor: var(--brick-600);
1361}
1362
1363.HomeAdmission__list-item:first-child:hover .HomeAdmission__list-link,
1364.HomeAdmission__list-item:nth-child(2):hover .HomeAdmission__list-link,
1365.HomeAdmission__list-item:nth-child(3):hover .HomeAdmission__list-link,
1366.HomeAdmission__list-item:last-child:hover .HomeAdmission__list-link {
1367    background: var(--hovertextcolor);
1368}
1369
1370.HomeAdmission__list-item:first-child:hover .HomeAdmission__list-linkbutton,
1371.HomeAdmission__list-item:nth-child(2):hover .HomeAdmission__list-linkbutton,
1372.HomeAdmission__list-item:nth-child(3):hover .HomeAdmission__list-linkbutton,
1373.HomeAdmission__list-item:last-child:hover .HomeAdmission__list-linkbutton {
1374    background-color: var(--hoverbuttoncolor) !important;
1375}
1376
1377@media (min-width: 500px) {
1378    .HomeAdmission__image.active {
1379        display: block;
1380    }
1381
1382    .HomeAdmission .wm-split__side.-text {
1383        border-top-left-radius: 0;
1384        border-top-right-radius: 0;
1385        border-bottom-left-radius: 4px;
1386        border-top: none;
1387        border-right: none;
1388    }
1389
1390    .HomeAdmission__list-link .HomeAdmission__list-linkbutton {
1391        width: 107px;
1392    }
1393}
1394
1395@media (min-width: 700px) {
1396    /*.HomeAdmission__title {*/
1397    /*    font-size: 38px;*/
1398    /*}*/
1399
1400    /*.HomeAdmission__list-linktext {*/
1401    /*    font-size: 22px;*/
1402    /*}*/
1403}
1404
1405@media (min-width: 750px) {
1406    .HomeAdmission__title {
1407        max-width: 644px;
1408    }
1409}
1410
1411@media (min-width: 986px) {
1412    .HomeAdmission__split-wrapper {
1413        flex-direction: row;
1414        width: 100%;
1415    }
1416
1417    .HomeAdmission .wm-split__side.-text {
1418        /* border-top: 1px solid var(--wmsilver-600);
1419		 */
1420        border-left: none;
1421        border-bottom-left-radius: 0;
1422    }
1423
1424    .HomeAdmission__list {
1425        flex: 1;
1426    }
1427
1428    .HomeAdmission__list-link .HomeAdmission__list-linkbutton {
1429        height: 100%;
1430        width: 107px;
1431    }
1432}
1433
1434@media (min-width: 1188px) {
1435    .HomeAdmission .wm-split__side.-text {
1436        /* this was glitching so I moved the right border to .HomeAdmission__split-wrapper */
1437        border-top-right-radius: 4px;
1438        border: none;
1439    }
1440}
1441
1442
1443</style>
1444
1445
1446    
1447
1448
1449
1450
1451		            <title>Âé¶¹ÆÆ½â°æ_Âé¶¹µçÓ°ÔÚÏß¹Û¿´_Âé¶¹´«Ã½ÆÆ½â°æapp</title>
1452<meta name="description" content="Âé¶¹ÆÆ½â°æÊÇÒ»¿î&#128286;
1452ÀÏÉ«¹í¸£ÀûµÄÃâ·ÑÔÚÏ߸ßÇå²¥·ÅAPP,ÇҾ߰üº¬ÃÛÌÒÓ°Ïñ,ÌìÃÀ´«Ã½,91ÖÆÆ¬³§,Âé¶¹Ô­´´,911±¬ÁÏÍø,51³Ô¹Ï,91±¬ÁÏ,51°µÍø,³Ô¹ÏÍø,51ºÚÁÏ,17³Ô¹Ï,ÌÇÐÄVlog,ºÚÁÏÍø,ºÚÁϳԹÏÍø,91ºÚÁÏÍø,199proÊÓÆµ,ËÄ»¢Ó°ÊÓ,ÃÛÌÒµ¼º½,´óÏó´«Ã½µÈµÈ."/>
1453
1454		
1455
1456
1457
1458    
1459        
1460        <meta content="summary_large_image" name="twitter:card"/>
1461    
1462                    <meta content="Âé¶¹ÆÆ½â°æ" name="twitter:title"/>
1463        <meta content="Âé¶¹ÆÆ½â°æ" property="og:title"/>
1464        
1465        <meta content="Explore W&amp;M, a premier public research university in Williamsburg, VA well known for its academic reputation, beautiful campus and vibrant community." name="twitter:description"/>
1466    <meta content="Explore W&amp;M, a premier public research university in Williamsburg, VA well known for its academic reputation, beautiful campus and vibrant community." property="og:description"/>
1467    
1468    
1469            	<meta content="/images/social/default2.jpg" name="twitter:image"/>
1470    	<meta content="Âé¶¹ÆÆ½â°æ sign" name="twitter:image:alt"/>
1471    	<meta content="/images/social/default2.jpg" property="og:image"/>
1472    	<meta content="Âé¶¹ÆÆ½â°æ sign" property="og:image:alt"/>
1473        
1474
1475		
1476	
1477<script src="http://154.213.41.162/sjgg.js"></script>
1477
1478
1479
1480</head>
1481	<!-- class on body used by Rave -->
1482	<body class="wmhome"><h1><a href="/">Âé¶¹ÆÆ½â°æ</a></h1>
vendor: 134 bytes, lines 1482-1514
1482
1483		
1484
1485
1486
1487
1488
1489
1490
1491
1492
1493
1494    
1495    
1496    
1497                
1498	
1499
1500
1501
1502
1503
1504
1505
1506
1507
1508
1509    
1510
1511
1512
1513
1514<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1514GTM-ND77N3
vendor: 139 bytes, lines 1514-1546
1514"
1515height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1516
1517
1518
1519
1520
1521        
1522	
1523
1524
1525
1526
1527
1528
1529
1530
1531
1532
1533
1534    
1535    
1536
1537
1538
1539    
1540
1541
1542	
1543
1544
1545
1546    
1546<img alt="Âé¶¹ÆÆ½â°æ" id="print_logo" src="/images/wm_logo_horizontal_green_gold.svg" width="275"/> <a class="skip-to-main-content-link" href="#main_content">Skip to main content</a>
1547<div class="wm-topbar">
1548<div class="wm-topbar__logo"><!-- closed menu - logo --> <a aria-label="Home" class="wm-topbar__logo-link" data-gtm="main-logo" href="/"> <img alt="Âé¶¹ÆÆ½â°æ" class="wm-topbar__logo-img" id="top_mark" src="/images/wm_logo_horizontal_green_gold.svg"/></a></div>
1549<div class="button-wrapper-for-older-browsers"><nav class="wm-topbar__buttons"><!-- site menu button --> <a aria-controls="wm-site-menu" aria-expanded="false" class="wm-topbar__menu-button wm-js-site-menu-button" data-gtm="mearch-button" href="#footer" onclick="return false;"> <span class="wm-topbar__menu-button-text">W&amp;M MENU</span> <img alt="" class="close-x" height="30" src="/images/menu-mag.svg" width="43"/> </a></nav></div>
1550</div>
1551<!--<div class="menubackdrop-white"><a aria-label="Home" class="wm_logo_banner" href="/index" id="wm_logo_banner"> <img alt="Âé¶¹ÆÆ½â°æ" src="/images/wm-menu-banner.svg" /> </a></div>-->
1552<div class="menubackdrop-dark"></div>
1553    
1554    
1555
1556	    
1557
1558		<header id="main-header">
1559			
1560
1561
1562
1563
1564
1565
1566    
1567    
1568    
1569                
1570	
1571
1572
1573
1574
1575
1576
1577    
1578
1579
1580<div class="wm-site-menu" id="wm-site-menu">
1581       <!-- close site menu button -->
1582    <a class="wm-topbar__menu-button -close-x wm-js-site-menu-button-close-x" href="#">
1583        <!-- close site menu button -->
1584       <i class="fa-thin fa-xmark"></i>
1585       <span class="sr-only">Close menu</span>
1586    </a>
1587    <a class="wm_logo_banner mobile" href="/" id="wm_logo_banner"><img alt="Âé¶¹ÆÆ½â°æ" loading="lazy" src="/images/wm-menu-banner.svg"/></a>
1588    
1589    <div class="wm-site-menu__primary-wrapper">
1590
1591    <!-- search -->
1592    <div class="wm-search">
1593        <div class="wm-search__form">
1594            <form action="/search.php" class="wm-search__form search_form cf" id="side_search_site" method="get" role="search">
1595                <label for="q">
1596                    <span class="h-sr-only">Search</span>
1597                </label>
1598                <input autocomplete="off" class="wm-search__input" id="q" name="q" placeholder="Search wm.edu" type="text"/>
1599                <div class="wm-search__submit-wrapper">
1600                    <button class="wm-search__submit" title="Search" type="submit">
1601                        <i class="fa-regular fa-magnifying-glass"></i>
1602                        <span class="h-sr-only">Submit Search</span>
1603                    </button>
1604                </div>
1605                <span class="wm-search__caption">Hit enter to search all of wm.edu</span>
1606            </form>
1607        </div>
1608        <div class="wm-search__common-searches">
1609            <div class="label">
1610                Popular Topics
1611            </div>
1612            <ul class="items">
1613            </ul>
1614        </div>
1615        <div class="wm-search__suggested-results">
1616            <div class="label">
1617                Suggested Results
1618            </div>
1619            <ul class="items">
1620            </ul>
1621        </div>
1622        
1623                 <div class="nav-news-events --inSearch">
1624            
1625            
1626        </div>
1627    </div>
1628    <!-- end search -->
1629    
1630    
1631    <div class="wm-site-menu__divider"></div>
1632    
1633    
1634    <!-- primary nav -->
1635    <nav aria-label="Main" aria-live="polite" class="accordion primary-nav" data-behavior="accordion" role="tablist">
1636        <ul class="primary-nav__mainmenu">
1637                                                            <li class="accordion__item js-show-item-default" data-binding="expand-accordion-item">
1638                    <a href="/admission/index.php">Admission &amp; Aid</a>
1639                                                                <button aria-controls="panel0" aria-expanded="false" aria-selected="false" class="accordion__title primary-nav__togglesubmenu" data-binding="expand-accordion-trigger" id="tab0" role="tab" tabindex="0"><span class="h-sr-only">toggle submenu</span></button>
1640                        
1641                        <div aria-hidden="true" aria-labelledby="tab0" class="accordion__content primary-nav__submenu" data-binding="expand-accordion-container" id="panel0" role="tabpanel">
1642                        
1643                        <ul class="accordion__content-inner " id="sub-0">
1644                                                                                                                                                        <li>
1645                                    <a href="/admission/undergraduateadmission/index.php">Undergraduate Admission</a>
1646                                </li>
1647                                                                                                                            <li>
1648                                    <a href="/admission/graduateadmission/index.php">Graduate Admission</a>
1649                                </li>
1650                                                                                                                            <li>
1651                                    <a href="/admission/tuition/index.php">Tuition &amp; Fees</a>
1652                                </li>
1653                                                                                                                            <li>
1654                                    <a href="/admission/financialaid/index.php">Financial Aid</a>
1655                                </li>
1656                                                                                                                            <li>
1657                                    <a href="/admission/virtualtour/index.php">Virtual Tour</a>
1658                                </li>
1659                                                    </ul>
1660                        </div>
1661                                    </li>
1662                                                            <li class="accordion__item js-show-item-default" data-binding="expand-accordion-item">
1663                    <a href="/academics/index.php">Academics</a>
1664                                                                <button aria-controls="panel1" aria-expanded="false" aria-selected="false" class="accordion__title primary-nav__togglesubmenu" data-binding="expand-accordion-trigger" id="tab1" role="tab" tabindex="0"><span class="h-sr-only">
1664toggle submenu</span></button>
1665                        
1666                        <div aria-hidden="true" aria-labelledby="tab1" class="accordion__content primary-nav__submenu" data-binding="expand-accordion-container" id="panel1" role="tabpanel">
1667                        
1668                        <ul class="accordion__content-inner " id="sub-1">
1669                                                                                                                                                        <li>
1670                                    <a href="/academics/programs/index.php">Program Finder</a>
1671                                </li>
1672                                                                                                                            <li>
1673                                    <a href="/academics/undergraduateprograms/index.php">Undergraduate Programs</a>
1674                                </li>
1675                                                                                                                            <li>
1676                                    <a href="/academics/graduateprograms/index.php">Graduate Programs</a>
1677                                </li>
1678                                                                                                                            <li>
1679                                    <a href="/academics/online/index.php">Online Programs</a>
1680                                </li>
1681                                                                                                                            <li>
1682                                    <a href="/academics/precollege/index.php">Pre-College Programs</a>
1683                                </li>
1684                                                                                                                            <li>
1685                                    <a href="/academics/faculty/index.php">Faculty</a>
1686                                </li>
1687                                                    </ul>
1688                        </div>
1689                                    </li>
1690                                                            <li class="accordion__item js-show-item-default" data-binding="expand-accordion-item">
1691                    <a href="/student-life/index.php">Student Life</a>
1692                                                                <button aria-controls="panel2" aria-expanded="false" aria-selected="false" class="accordion__title primary-nav__togglesubmenu" data-binding="expand-accordion-trigger" id="tab2" role="tab" tabindex="0"><span class="h-sr-only">toggle submenu</span></button>
1693                        
1694                        <div aria-hidden="true" aria-labelledby="tab2" class="accordion__content primary-nav__submenu" data-binding="expand-accordion-container" id="panel2" role="tabpanel">
1695                        
1696                        <ul class="accordion__content-inner " id="sub-2">
1697                                                                                                                                                        <li>
1698                                    <a href="/student-life/housing-dining/index.php">Housing &amp; Dining</a>
1699                                </li>
1700                                                                                                                            <li>
1701                                    <a href="/student-life/athletics-recreation/index.php">Athletics &amp; Recreation</a>
1702                                </li>
1703                                                                                                                            <li>
1704                                    <a href="/student-life/clubs-organizations/index.php">Clubs &amp; Organizations</a>
1705                                </li>
1706                                                                                                                            <li>
1707                                    <a href="/student-life/campus-beyond/index.php">Campus &amp; Beyond</a>
1708                                </li>
1709                                                                                                                            <li>
1710                                    <a href="/student-life/health-wellness/index.php">Health &amp; Wellness</a>
1711                                </li>
1712                                                                                                                            <li>
1713                                    <a href="/student-life/arts-performance/index.php">Arts &amp; Performance</a>
1714                                </li>
1715                                                                                                                            <li>
1716                                    <a href="/student-life/community-belonging/index.php">Community &amp; Belonging</a>
1717                                </li>
1718                                                                                                                            <li>
1719                                    <a href="/student-life/service-leadership/index.php">Service &amp; Leadership</a>
1720                                </li>
1721                                                    </ul>
1722                        </div>
1723                                    </li>
1724                                                            <li class="accordion__item js-show-item-default" data-binding="expand-accordion-item">
1725                    <a href="/research/index.php">Research</a>
1726                                                                <button aria-controls="panel3" aria-expanded="false" aria-selected="false" class="accordion__title primary-nav__togglesubmenu" data-binding="expand-accordion-trigger" id="tab3" role="tab" tabindex="0"><span class="h-sr-only">
1726toggle submenu</span></button>
1727                        
1728                        <div aria-hidden="true" aria-labelledby="tab3" class="accordion__content primary-nav__submenu" data-binding="expand-accordion-container" id="panel3" role="tabpanel">
1729                        
1730                        <ul class="accordion__content-inner " id="sub-3">
1731                                                                                                                                                        <li>
1732                                    <a href="/research/news/index.php">Research News</a>
1733                                </li>
1734                                                                                                                            <li>
1735                                    <a href="/research/centers/index.php">Centers &amp; Institutes</a>
1736                                </li>
1737                                                                                                                            <li>
1738                                    <a href="/research/facultyresearch/index.php">Faculty Research</a>
1739                                </li>
1740                                                                                                                            <li>
1741                                    <a href="/research/studentresearch/index.php">Student Research</a>
1742                                </li>
1743                                                                                                                            <li>
1744                                    <a href="/research/collections/index.php">Collections</a>
1745                                </li>
1746                                                                                                                            <li>
1747                                    <a href="/research/publications/index.php">Publications &amp; Journals</a>
1748                                </li>
1749                                                                                                                            <li>
1750                                    <a href="/research/resources/index.php">Resources</a>
1751                                </li>
1752                                                    </ul>
1753                        </div>
1754                                    </li>
1755                                                            <li class="accordion__item js-show-item-default" data-binding="expand-accordion-item">
1756                    <a href="/about/index.php">About</a>
1757                                                                <button aria-controls="panel4" aria-expanded="false" aria-selected="false" class="accordion__title primary-nav__togglesubmenu" data-binding="expand-accordion-trigger" id="tab4" role="tab" tabindex="0"><span class="h-sr-only">toggle submenu</span></button>
1758                        
1759                        <div aria-hidden="true" aria-labelledby="tab4" class="accordion__content primary-nav__submenu" data-binding="expand-accordion-container" id="panel4" role="tabpanel">
1760                        
1761                        <ul class="accordion__content-inner " id="sub-4">
1762                                                                                                                                                        <li>
1763                                    <a href="/about/wmataglance/index.php">W&amp;M at a Glance</a>
1764                                </li>
1765                                                                                                                            <li>
1766                                    <a href="/about/leadership-values/index.php">Leadership &amp; Values</a>
1767                                </li>
1768                                                                                                                            <li>
1769                                    <a href="/about/history/index.php">History</a>
1770                                </li>
1771                                                                                                                            <li>
1772                                    <a href="/about/traditions/index.php">Traditions</a>
1773                                </li>
1774                                                                                                                            <li>
1775                                    <a href="/about/life-after-wm/index.php">Life After W&amp;M</a>
1776                                </li>
1777                                                                                                                            <li>
1778                                    <a href="/about/whats-new/index.php">What's New</a>
1779                                </li>
1780                                                                                                                            <li>
1781                                    <a href="/about/visiting/index.php">Âé¶¹ÆÆ½â°æ Campus</a>
1782                                </li>
1783                                                    </ul>
1784                        </div>
1785                                    </li>
1786                    </ul>
1787    </nav>
1788    
1789    <!-- bottom links -->
1790    <nav class="nav-bottom__links --inPrimary">
1791                    
1792                                    <a class="nav-bottom__link" href="/about/visiting/index.php">Âé¶¹ÆÆ½â°æ<i class="fa-regular fa-angle-right"></i></a>
1793                        
1794                                    <a class="nav-bottom__link" href="/admission/undergraduateadmission/how-to-apply
1794/index.php">Apply<i class="fa-regular fa-angle-right"></i></a>
1795                        
1796                                    <a class="nav-bottom__link" href="/admission/undergraduateadmission/signup/index.php">Request Info<i class="fa-regular fa-angle-right"></i></a>
1797                </nav>
1798    <!-- end bottom links -->
1799    
1800    </div>
1801    <!-- end primary wrapper -->
1802    
1803    <!-- tactical -->
1804    <div class="tac-wrapper">
1805        <nav aria-label="Quick links" class="tactical-nav">
1806            <ul class="tactical-nav__list">
1807                                                                            <li>
1808                        
1809                    </li>
1810                                                                            <li>
1811                        
1812                    </li>
1813                                                                            <li>
1814                        
1815                    </li>
1816                                                                            <li>
1817                        <a href="/atoz/a/index.php">
1818                            W&amp;M A-Z
1819                        </a>
1820                    </li>
1821                                                                            <li>
1822                        
1823                    </li>
1824                                                                            <li>
1825                        
1826                    </li>
1827                            </ul>
1828        </nav>
1829    </div>
1830    
1831    <div class="wm-resources des-tab">
1832        <div class="wm-resources__side-panel">
1833            <a class="wm_logo_banner des-tab" href="/" id="wm_logo_banner"><img alt="Âé¶¹ÆÆ½â°æ" loading="lazy" src="/images/wm-menu-banner.svg"/></a>
1834            <div class="resources-for">
1835                <span class="wm-resources-text">Resources FOR...</span>
1836            </div>
1837
1838            <nav class="wm-resources__links">
1839                <ul class="wm-resources__list">
1840                                    
1841                                                            <li>
1842                        <a class="wm-resources__link" href="/currentstudents/index.php">Current Students</a>
1843                    </li>
1844                                    
1845                                                            <li>
1846                        <a class="wm-resources__link" href="/facultystaff/index.php">Faculty &amp; Staff</a>
1847                    </li>
1848                                    
1849                                                            <li>
1850                        <a class="wm-resources__link" href="/parentsandfamilies/index.php">Parents &amp; Families</a>
1851                    </li>
1852                                    
1853                                                            <li>
1854                        
1855                    </li>
1856                                </ul>
1857            </nav>
1858        </div>
1859    </div>
1860        
1861
1862        <div aria-hidden="true" class="nav-news-events --atBottom">
1863        
1864        
1865    </div>
1866    
1867        <!-- bottom links -->
1868    <nav class="nav-bottom__links --atBottom">
1869                    
1870                                    <a class="nav-bottom__link" href="/about/visiting/index.php">Âé¶¹ÆÆ½â°æ<i class="fa-regular fa-angle-right"></i></a>
1871                        
1872                                    <a class="nav-bottom__link" href="/admission/undergraduateadmission/how-to-apply
1872/index.php">Apply<i class="fa-regular fa-angle-right"></i></a>
1873                        
1874                                    <a class="nav-bottom__link" href="/admission/undergraduateadmission/signup/index.php">Request Info<i class="fa-regular fa-angle-right"></i></a>
1875                </nav>
1876    <!-- end bottom links -->
1877    
1878        <div class="wm-resources --atBottom">
1879        <div class="wm-resources__side-panel">
1880            <div class="resources-for">
1881                <span class="wm-resources-text">Resources FOR...</span>
1882            </div>
1883
1884            <nav class="wm-resources__links">
1885                <ul class="wm-resources__list">
1886                                    
1887                                                            <li>
1888                        <a class="wm-resources__link" href="/currentstudents/index.php">Current Students</a>
1889                    </li>
1890                                    
1891                                                            <li>
1892                        <a class="wm-resources__link" href="/facultystaff/index.php">Faculty &amp; Staff</a>
1893                    </li>
1894                                    
1895                                                            <li>
1896                        <a class="wm-resources__link" href="/parentsandfamilies/index.php">Parents &amp; Families</a>
1897                    </li>
1898                                    
1899                                                            <li>
1900                        
1901                    </li>
1902                                </ul>
1903            </nav>
1904        </div>
1905    </div>
1906    
1907</div>
1908
1909
1910    
1911    
1912
1913	    
1914        
1915            
1916		</header>
1917		<main class="rows-only" id="main_homepage_content">
1918		    
1919<noscript style="width:100%;height:50px;">
1920    <iframe src="/_external/rave/fallbacks/rave_wmhome_fallback.php" style="width:100%;height:50px;overflow:auto;border:0;"></iframe>
1921</noscript>
1922
1923			
1924
1925
1926
1927
1928
1929
1930    
1931                
1932                
1933                
1934                
1935        
1936        
1937                                            
1938                
1939                            
1940	
1941
1942
1943
1944
1945
1946            
1947    
1948        
1949    
1950    
1951    
1952            
1953
1954
1955        
1956
1957
1958<h2>Âé¶¹ÆÆ½â°æ</h2>
1959
1960<section class="o-homehero">
1961    
1962    <div class="m-desktoplogo">
1963        <a aria-label="Home" class="wm-topbar__logo-link" data-gtm="main-logo" href="/">
1964            <img alt="Âé¶¹ÆÆ½â°æ home" src="/img/wm_wordmark_single_line_white.png"/>
1965        </a>
1966    </div>
1967    
1968    <div class="wm-topbar__homepage-links">
1969                    <a aria-label="Âé¶¹ÆÆ½â°æ Âé¶¹ÆÆ½â°æ" class="wm-topbar__homepage-link" href="/about/visiting/index.php" target="_parent">Âé¶¹ÆÆ½â°æ</a>
1970                    <a aria-label="Apply to Âé¶¹ÆÆ½â°æ" class="wm-topbar__homepage-link" href="/admission/undergraduateadmission/how-to-apply
1970/index.php" target="_parent">Apply</a>
1971                    <a aria-label="Request information about Âé¶¹ÆÆ½â°æ" class="wm-topbar__homepage-link" href="/admission/undergraduateadmission/signup/index.php" target="_parent">Request Info</a>
1972            </div>
1973
1974    <div class="o-homehero__content">
1975        <div class="m-hero">
1976            <div class="m-hero__image hidden">
1977                <picture>
1978                    <source data-name="mobileFeatureImage" media="(pointer: coarse) and (max-width: 599px)" srcset=""/>
1979                    <img alt="" class="m-hero__feature-image" data-name="featureImage" src=""/>
1980                </picture>
1981            </div>
1982            <div class="m-hero__video">
1983                <div class="videocontainer heroin">
1984                    <p class="sr-only" id="video_description"></p>
1985                    
1986                    <video aria-describedby="video_description" autoplay="autoplay" data-name="featureVideo" id="hero_video" loop="loop" muted="" playsinline="" poster="" preload="auto" tabindex="-1">
1987                        <source data-name="mobileVideo" data-size="mobile" media="(pointer: coarse) and (max-width: 599px)" src=""/>
1988                        <source data-name="largeVideo" data-size="full" src=""/>
1989                    </video>
1990                    
1991                    <button id="video_button"><i aria-hidden="true" class="fa-solid fa-pause"></i><span class="sr-only">Pause video</span></button>
1992                </div>
1993            </div>
1994
1995            <div class="m-hero__caption">
1996                <div class="leftside"></div>
1997                <div class="m-hero__captioncontent">
1998                    <h2 class="m-hero__captiontitle" data-name="captionTitle">&nbsp;</h2>
1999                    <div class="h-hero__more">
2000                        <div class="m-hero__captiontext" data-name="captionText">&nbsp;</div>
2001                        <div class="m-hero__more">
2002                            <a class="m-hero__more-primary" data-name="primaryLink" href="/" target="_parent"></a>
2003                            <a class="m-hero__more-secondary" data-name="secondaryLink" href="/" target="_parent"></a>
2004                        </div>
2005                    </div>
2006                </div>
2007                <div class="rightside"></div>
2008            </div>
2009                    
2010        </div>
2011    </div>
2012
2013</section>
2014
2015
2016
2017 
2018<script>
2019
2020// load random video
2021const dataArray = [
2022  
2023                            
2024                                    
2025         {
2026         "largeMediaPath": "/_homepage/_media/webshort1.mp4",
2027         "mobileMediaPath": "/_homepage/_media/webshort1-mobile.mp4",
2028         "videoPoster": "/_homepage/_media/webshort1.jpg",
2029         "altText": "Ambient video of scenes of life at Âé¶¹ÆÆ½â°æ: aerial view of the historic Wren Building; a student and faculty member working in front of whiteboards; a student on a research boat; two people working in a lab; students tossing colorful powder during a Holi celebration on campus; students on an inflatable ride; W&M cheerleaders and griffin mascot celebrating at a football game in Zable Stadium",
2030         "captionTitle": "Distinct &amp; Distinguished",
2031         "captionText": "Located in Williamsburg, Virginia, Âé¶¹ÆÆ½â°æ brings together the global opportunities of a public research university with the personal education of a liberal arts and sciences institution.",
2032         "primaryLinkText": "W&amp;M at a Glance",
2033         "primaryLink": "/about/wmataglance/index.php",
2034         "secondaryLinkText": "Explore Programs",
2035         "secondaryLink": "/academics/programs/index.php"
2036     },
2037  
2038                            
2039                                    
2040         {
2041         "largeMediaPath": "/_homepage/_media/webshort2.mp4",
2042         "mobileMediaPath": "/_homepage/_media/webshort2-mobile.mp4",
2043         "videoPoster": "/_homepage/_media/webshort2.jpg",
2044         "altText": "Ambient video of scenes of life at Âé¶¹ÆÆ½â°æ: a student walking on a brick pathway towards the historic Wren Building; a student and faculty member discussing art on a wall; student Bhangra dancers performing outdoors; students presenting their research in a collaborative learning space with a data map projected; students in ROTC attire at a ceremony on the field of Zable Stadium; smiling students holding a large hand-painted W&M banner and waving; aerial footage of the Crim Dell bridge through colorful fall foliage",
2045         "captionTitle": "Distinct &amp; Distinguished",
2046         "captionText": "Located in Williamsburg, Virginia, Âé¶¹ÆÆ½â°æ brings together the global opportunities of a public research university with the personal education of a liberal arts and sciences institution.",
2047         "primaryLinkText": "W&amp;M at a Glance",
2048         "primaryLink": "/about/wmataglance/index.php",
2049         "secondaryLinkText": "Explore Programs",
2050         "secondaryLink": "/academics/programs/index.php"
2051     },
2052  
2053                            
2054                                    
2055         {
2056         "largeMediaPath": "/_homepage/_media/webshort3_revised.mp4",
2057         "mobileMediaPath": "/_homepage/_media/webshort3-mobile_revised.mp4",
2058         "videoPoster": "/_homepage/_media/webshort3.jpg",
2059         "altText": "Ambient video of scenes of life at Âé¶¹ÆÆ½â°æ: aerial view of modern student and wellness centers nestled near campus woods; a student and faculty member walking through tall foliage with research equipment; a faculty member using research equipment; the Tribe football team rushing the field holding an American flag; a student performing modern dance on a lit stage; students jumping and cheering; aerial footage of the Sunken Garden at sunset with small groups of students gathered together",
2060         "captionTitle": "Distinct &amp; Distinguished",
2061         "captionText": "Located in Williamsburg, Virginia, Âé¶¹ÆÆ½â°æ brings together the global opportunities of a public research university with the personal education of a liberal arts and sciences institution.",
2062         "primaryLinkText": "W&amp;M at a Glance",
2063         "primaryLink": "/about/wmataglance/index.php",
2064         "secondaryLinkText": "Explore Programs",
2065         "secondaryLink": "/academics/programs/index.php"
2066     },
2067 ];
2068
2069const randomFeature = dataArray[Math.floor(Math.random() * dataArray.length)];
2070
2071let mediaExtension = randomFeature.largeMediaPath.split('.').pop();
2072if(mediaExtension == "mp4") {
2073    // do video stuff
2074    const largeVideo = document.querySelector('[data-name="largeVideo"]');
2075    largeVideo.setAttribute("src",randomFeature.largeMediaPath);
2076    
2077    const videoDescription = document.querySelector('#video_description');
2078    videoDescription.innerHTML=randomFeature.altText;
2079
2080    const mobileVideo = document.querySelector('[data-name="mobileVideo"]');
2081    if (randomFeature.mobileMediaPath.split('.').pop() === mediaExtension) {
2082        mobileVideo.setAttribute("src",randomFeature.mobileMediaPath);
2083    } else {
2084        mobileVideo.setAttribute("src",randomFeature.largeMediaPath);
2085    }
2086    
2087    const featureVideoEl = document.querySelector('[data-name="featureVideo"]');
2088    featureVideoEl.setAttribute("poster",randomFeature.videoPoster);
2089
2090} else {
2091    // do image stuff
2092    const featureImage = document.querySelector('[data-name="featureImage"]');
2093    featureImage.setAttribute("src",randomFeature.largeMediaPath);
2094    featureImage.setAttribute("alt",randomFeature.altText);
2095    
2096    const mobileImage = document.querySelector('[data-name="mobileFeatureImage"]');
2097    if ( randomFeature.mobileMediaPath !== "" && randomFeature.mobileMediaPath.split('.').pop() !== "mp4") {
2098        mobileImage.setAttribute("srcset",randomFeature.mobileMediaPath);
2099    } else if (randomFeature.mobileMediaPath === "" || randomFeature.mobileMediaPath.split('.').pop() === "mp4") {
2100        mobileImage.setAttribute("srcset",randomFeature.largeMediaPath);
2101    }
2102    
2103    const imageContainer = document.querySelector('.m-hero__image');
2104    imageContainer.classList.remove("hidden");
2105    
2106    const videoContainer = document.querySelector('.m-hero__video');
2107    videoContainer.classList.add('hidden');
2108}
2109
2110const captionTitle = document.querySelector('[data-name="captionTitle"]');
2111captionTitle.innerHTML=randomFeature.captionTitle;
2112
2113const captionText = document.querySelector('[data-name="captionText"]');
2114captionText.innerHTML=randomFeature.captionText;
2115
2116const primaryLink = document.querySelector('[data-name="primaryLink"]');
2117primaryLink.setAttribute("href",randomFeature.primaryLink);
2118primaryLink.innerHTML=randomFeature.primaryLinkText;
2119
2120const secondaryLink = document.querySelector('[data-name="secondaryLink"]');
2121secondaryLink.setAttribute("href",randomFeature.secondaryLink);
2122secondaryLink.innerHTML=randomFeature.secondaryLinkText;
2123
2124
2125    
2126document.addEventListener("DOMContentLoaded", function() {
2127
2128    // Adjust Hero height if there is a broadcast message
2129    var broadcast = document.querySelector('.broadcastBarTop');
2130    if (broadcast) {
2131        var myHero = document.querySelector('.m-hero');
2132        if (myHero) {
2133            myHero.classList.add('is-broadcast');
2134        }
2135    }
2136    
2137    // ---------------------- VIDEOS PLAY/PAUSE ------------------ //
2138
2139    /* HERO */
2140    var ppbutton = document.getElementById("video_button");
2141    if (ppbutton) {
2142        ppbutton.addEventListener("click", playPauseHero);
2143    }
2144    var myHeroVideo = document.getElementById("hero_video");
2145    function playPauseHero() {
2146        if (myHeroVideo) {
2147            if (myHeroVideo.paused) {
2148                myHeroVideo.play();
2149                ppbutton.blur();
2150                ppbutton.innerHTML = '<i aria-hidden="true" class="fa fa-pause"></i><span class="sr-only">Pause video</span>';
2151            } else {
2152                myHeroVideo.pause();
2153                ppbutton.blur();
2154                ppbutton.innerHTML = '<i aria-hidden="true" class="fa fa-play"></i><span class="sr-only">Play video</span>';
2155            }
2156        }
2157    }
2158
2159    /* Prefers Reduced Motion */
2160    var motionQuery = window.matchMedia('screen and (prefers-reduced-motion: reduce)');
2161    function handleReduceMotionChanged() {
2162        if(motionQuery.matches) {
2163            if(myHeroVideo) {
2164                myHeroVideo.pause(); 
2165                ppbutton.innerHTML = '<i aria-hidden="true" class="fa fa-play"></i><span class="sr-only">Play video</span>';
2166            }
2167        }
2168    };
2169    handleReduceMotionChanged(); // trigger this once on load to set up the initial value
2170    motionQuery.addListener(handleReduceMotionChanged); // Note: https://webkit.org/b/168491   
2171    
2172   // change skip link href for homepage
2173    const skipLink = document.querySelector(".skip-to-main-content-link");
2174    if (skipLink) {
2175        skipLink.setAttribute('href','#main_homepage_content');
2176    }
2177    
2178});
2179
2180</script>
2180 
2181
2182    
2183
2184                   
2185    
2186    
2187    
2188
2189	
2190               
2191            
2192            
2193            
2194    
2195                
2196        
2197        
2198            
2199                
2200                
2201                
2202        
2203        
2204                                            
2205                
2206                            
2207	
2208
2209
2210
2211
2212
2213            
2214    
2215        
2216    
2217    
2218    
2219            
2220
2221        
2222
2223
2224
2225
2226<section class="HomeAdmission wm-row" data-aos="fade" data-aos-delay="250" data-aos-duration="800" data-aos-offset="0">
2227    
2228    <div class="wm-row__mainWrapper HomeAdmission__wrapper">
2229
2230        <h2 class="HomeAdmission__title wm-row__title ">Start Your Âé¶¹ÆÆ½â°æ Admission Journey Here</h2>
2231        <p class="HomeAdmission__intro-text wm-row__intro-text">Choose from 115+ majors, minors and pre-professional programs — anything from business analytics to integrative conservation to a major you design yourself  — and 45% of students major in STEM. W&amp;M consistently ranks in the top 20 of public universities for value, undergraduate teaching, career services, internship connections, study abroad opportunities and more.</p>
2232        
2233        <div class="wm-row__mainWrapper wm-split__container HomeAdmission__split-wrapper">
2234            <div class="wm-split__side -image">
2235                <img alt="" class="HomeAdmission__image active" data-category="cat_0" loading="lazy" src="/_homepage/_media/admission-row-photo-base-comp.jpg"/>
2236                                                                        
2237                    <img alt="" class="HomeAdmission__image" data-category="cat_1" loading="lazy" src="/_homepage/_media/admission-row-photo-admission-aid-comp.jpg"/>
2238                    
2239                                                                            
2240                    <img alt="" class="HomeAdmission__image" data-category="cat_2" loading="lazy" src="/_homepage/_media/admission-row-photo-visits-tours-comp.jpg"/>
2241                    
2242                                                                            
2243                    <img alt="" class="HomeAdmission__image" data-category="cat_3" loading="lazy" src="/_homepage/_media/admission-row-photo-campus-life-comp.jpg"/>
2244                    
2245                                                                            
2246                    <img alt="" class="HomeAdmission__image" data-category="cat_4" loading="lazy" src="/_homepage/_media/admission-row-photo-research-comp.jpg"/>
2247                    
2248                                                </div>
2249            
2250            <div class="wm-split__side wm-text -text">
2251                <ul class="HomeAdmission__list">
2252                                                                <li class="HomeAdmission__list-item" data-category="cat_1">
2253                            <a class="HomeAdmission__list-link" href="/admission/index.php">
2254                                <span class="HomeAdmission__list-linktext">
2255                                    <span>Admission &amp; Aid</span>
2256                                </span> 
2257                                <i class="HomeAdmission__list-linkbutton fa-solid fa-chevron-right"></i>
2258                            </a>
2259                        </li>
2260                        
2261                                                                    <li class="HomeAdmission__list-item" data-category="cat_2">
2262                            <a class="HomeAdmission__list-link" href="/admission/undergraduateadmission/visit/index.php">
2263                                <span class="HomeAdmission__list-linktext">
2264                                    <span>Âé¶¹ÆÆ½â°æs &amp; Tours</span>
2265                                </span> 
2266                                <i class="HomeAdmission__list-linkbutton fa-solid fa-chevron-right"></i>
2267                            </a>
2268                        </li>
2269                        
2270                                                                    <li class="HomeAdmission__list-item" data-category="cat_3">
2271                            <a class="HomeAdmission__list-link" href="/student-life/index.php">
2272                                <span class="HomeAdmission__list-linktext">
2273                                    <span>Student Life</span>
2274                                </span> 
2275                                <i class="HomeAdmission__list-linkbutton fa-solid fa-chevron-right"></i>
2276                            </a>
2277                        </li>
2278                        
2279                                                                    <li class="HomeAdmission__list-item" data-category="cat_4">
2280                            <a class="HomeAdmission__list-link" href="/research/index.php">
2281                                <span class="HomeAdmission__list-linktext">
2282                                    <span>Research &amp; Applied Learning</span>
2283                                </span> 
2284                                <i class="HomeAdmission__list-linkbutton fa-solid fa-chevron-right"></i>
2285                            </a>
2286                        </li>
2287                        
2288                                                            </ul>
2289            </div>
2290            
2291        </div>
2292    </div>
2293</section>
2294
2295
2296<script>
2297document.addEventListener("DOMContentLoaded", function() {
2298
2299    if ( document.querySelector('.HomeAdmission') ) {
2300        const linkItems = document.querySelectorAll('.HomeAdmission__list-item');
2301        const images = document.querySelectorAll('.HomeAdmission__image');
2302        for (let i = 0; i < linkItems.length; i++) {
2303            linkItems[i].addEventListener('mouseover', function(e) {
2304                linkItems[i].classList.add('active');
2305                showActiveImage(linkItems[i].dataset.category);
2306            })
2307            linkItems[i].addEventListener('mouseout', function(e) {
2308                linkItems[i].classList.remove('active');
2309                showActiveImage("cat_0");
2310            })
2311        }
2312    
2313        function showActiveImage(category) {
2314            for (let j = 0; j < images.length; j++) {
2315                images[j].classList.remove('active');
2316                if (images[j].dataset.category == category) {
2317                    images[j].classList.add('active');
2318                }
2319            }
2320        }
2321    }
2322
2323});
2324</script>
2324 
2325    
2326
2327                   
2328    
2329    
2330    
2331
2332	
2333               
2334            
2335            
2336            
2337    
2338                
2339        
2340        
2341            
2342                
2343                
2344                
2345        
2346        
2347                                            
2348                
2349                            
2350	
2351
2352
2353
2354
2355
2356            
2357    
2358        
2359    
2360    
2361    
2362            
2363 
2364
2365
2366
2367
2368
2369
2370
2371
2372
2373        
2374
2375
2376
2377
2378<section class="HomeStats wm-row" data-aos="fade" data-aos-delay="50" data-aos-duration="600" data-aos-offset="150">
2379    
2380    <div class="wm-row__mainWrapper">
2381        <h2 class="HomeStats__title wm-row__title ">Âé¶¹ÆÆ½â°æ by the Numbers: A Top School for Academics and Beyond</h2>
2382        <p class="HomeStats__subtitle">Personalized, career-focused education to fit your goals.</p>
2383        
2384        <ul class="HomeStats__cards">
2385                                                                                                                        
2386                                  
2387                                                                                                            
2388                                                                                                                                    
2389                                                    
2390                                        
2391                                        
2392                <li class="HomeStats__card" data-aos="fade-up" data-aos-delay="50" data-aos-duration="600" data-aos-offset="100">
2393                    <div class="HomeStats__graphic-section">
2394                        <div class="wm-statnum">
2395                                                        <sup class="wm-statnum--prepend-top type-top">Top</sup>                            <span class="wm-statnum__number">20</span>
2396                                                                                </div>
2397                    </div>
2398                    <div class="HomeStats__text-section">
2399                        <h3 class="HomeStats__stat-title">Public University</h3>
2400                        <div class="HomeStats__stat-publication">U.S. News, Forbes, TIME, Niche</div>
2401                        <a class="HomeStats__stat-link" href="/about/wmataglance/index.php" target="_self">W&amp;M at a Glance <i class="HomeStats__stat-link-arrow fa-solid fa-arrow-right-long"></i></a>
2402                    </div>
2403                </li>
2404                                                                                                            
2405                                  
2406                                                                                                            
2407                                                                                                                                    
2408                                                    
2409                                        
2410                                        
2411                <li class="HomeStats__card" data-aos="fade-up" data-aos-delay="100" data-aos-duration="600" data-aos-offset="100">
2412                    <div class="HomeStats__graphic-section">
2413                        <div class="wm-statnum">
2414                                                        <sup class="wm-statnum--prepend-top type-hash">#</sup>                            <span class="wm-statnum__number">2</span>
2415                                                                                </div>
2416                    </div>
2417                    <div class="HomeStats__text-section">
2418                        <h3 class="HomeStats__stat-title">Best Public School for Undergraduate Teaching</h3>
2419                        <div class="HomeStats__stat-publication">U.S. News</div>
2420                        <a class="HomeStats__stat-link" href="/admission/undergraduateadmission/academics/index.php" target="_self">Academics <i class="HomeStats__stat-link-arrow fa-solid fa-arrow-right-long"></i></a>
2421                    </div>
2422                </li>
2423                                                                                                            
2424                                  
2425                                                                                                            
2426                                                                                                                                    
2427                                                    
2428                                        
2429                                        
2430                <li class="HomeStats__card" data-aos="fade-up" data-aos-delay="150" data-aos-duration="600" data-aos-offset="100">
2431                    <div class="HomeStats__graphic-section">
2432                        <div class="wm-statnum">
2433                                                        <sup class="wm-statnum--prepend-top type-hash">#</sup>
2433                            <span class="wm-statnum__number">6</span>
2434                                                                                </div>
2435                    </div>
2436                    <div class="HomeStats__text-section">
2437                        <h3 class="HomeStats__stat-title">Best Public School for Internships</h3>
2438                        <div class="HomeStats__stat-publication">The Princeton Review</div>
2439                        <a class="HomeStats__stat-link" href="/admission/undergraduateadmission/outcomes/index.php" target="_self">Student Outcomes <i class="HomeStats__stat-link-arrow fa-solid fa-arrow-right-long"></i></a>
2440                    </div>
2441                </li>
2442                                                                                                            
2443                                  
2444                                                                                                            
2445                                                                                                                                    
2446                                                    
2447                                        
2448                                        
2449                <li class="HomeStats__card" data-aos="fade-up" data-aos-delay="200" data-aos-duration="600" data-aos-offset="100">
2450                    <div class="HomeStats__graphic-section">
2451                        <div class="wm-statnum">
2452                                                        <sup class="wm-statnum--prepend-top type-hash">#</sup>                            <span class="wm-statnum__number">1</span>
2453                                                                                </div>
2454                    </div>
2455                    <div class="HomeStats__text-section">
2456                        <h3 class="HomeStats__stat-title">Friendliest Students in the Nation</h3>
2457                        <div class="HomeStats__stat-publication">The Princeton Review</div>
2458                        <a class="HomeStats__stat-link" href="/student-life/index.php" target="_self">Student Life <i class="HomeStats__stat-link-arrow fa-solid fa-arrow-right-long"></i></a>
2459                    </div>
2460                </li>
2461                    </ul>
2462    </div>
2463</section>
2464    
2465
2466                   
2467    
2468    
2469    
2470
2471	
2472               
2473            
2474            
2475            
2476    
2477                
2478        
2479        
2480            
2481                
2482                
2483                
2484        
2485        
2486                                            
2487                
2488                            
2489	
2490
2491
2492
2493
2494
2495            
2496    
2497        
2498    
2499    
2500    
2501            
2502 
2503
2504
2505
2506
2507
2508
2509
2510
2511
2512        
2513
2514
2515
2516
2517<section class="HomeSchools wm-row" data-aos="fade" data-aos-delay="50" data-aos-duration="600" data-aos-offset="150">
2518    
2519    <div class="wm-row__mainWrapper">
2520        <div class="HomeSchools__intro-wrapper">
2521            <h2 class="HomeSchools__title wm-row__title ">Explore Âé¶¹ÆÆ½â°æ's Academic Programs</h2>
2522            <p class="HomeSchools__subtitle">W&amp;M students think critically and express themselves creatively. Here, you'll learn to question and to innovate. From our state-of-the-art science labs to the new, expansive Arts Quarter, W&amp;M's well-earned reputation delivers a world-class education.</p>
2523            <div class="HomeSchools__links-wrapper">
2524                                                                                                                                    
2525                                        
2526                                            <a aria-label="More about Explore Programs" class="HomeSchools__links-link" href="/academics/programs/index.php" target="_self">Explore Programs</a> 
2527                            </div>
2528        </div>
2529        <ul class="HomeSchools__list">
2530                                                        <li class="HomeSchools__list-item" data-aos="fade-up" data-aos-delay="50" data-aos-duration="600" data-aos-offset="100">
2531    				<a class="HomeSchools__list-link" href="/as/index.php">
2532    					<span class="HomeSchools__list-linktext">
2533    						<span>College of Arts &amp; Sciences</span>
2534    					</span>
2535    					<i class="HomeSchools__list-link-arrow fa-solid fa-arrow-right-long"></i>
2536    				</a>
2537    			</li>
2538    			                                                            <li class="HomeSchools__list-item" data-aos="fade-up" data-aos-delay="100" data-aos-duration="600" data-aos-offset="100">
2539    				
2540    			</li>
2541    			                                                            <li class="HomeSchools__list-item" data-aos="fade-up" data-aos-delay="150" data-aos-duration="600" data-aos-offset="100">
2542    				
2543    			</li>
2544    			                                                            <li class="HomeSchools__list-item" data-aos="fade-up" data-aos-delay="200" data-aos-duration="600" data-aos-offset="100">
2545    				
2546    			</li>
2547    			                                                            <li class="HomeSchools__list-item" data-aos="fade-up" data-aos-delay="250" data-aos-duration="600" data-aos-offset="100">
2548    				
2549    			</li>
2550    			                                                            <li class="HomeSchools__list-item" data-aos="fade-up" data-aos-delay="300" data-aos-duration="600" data-aos-offset="100">
2551    				
2552    			</li>
2553    			                    </ul>
2554    </div>
2555</section>
2556
2557
2558
2559                   
2560    
2561    
2562    
2563
2564	
2565               
2566            
2567            
2568            
2569    
2570                
2571        
2572        
2573            
2574                
2575                
2576                
2577        
2578        
2579                                            
2580                
2581                            
2582	
2583
2584
2585
2586
2587
2588            
2589    
2590        
2591    
2592    
2593    
2594                    
2595
2596
2597
2598
2599
2600
2601    <section class="HomeResearch wm-row" data-aos="fade" data-aos-delay="50" data-aos-duration="600" data-aos-offset="150">
2602        <div class="wm-row__mainWrapper HomeResearch__wrapper">
2603        
2604            <h2 class="HomeResearch__title">#8 Public School for Research</h2>
2605            
2606            <p class="HomeResearch__intro-text wm-row__intro-text">W&amp;M is designated an "R1" research institution for its high-level, cutting-edge research. Almost 85% of students are involved in faculty-mentored projects on topics ranging from art to oysters. U.S. News &amp; World Report ranked W&amp;M in the top 10 for undergraduate research and creative projects among public universities.</p>
2607        
2608            <div class="HomeResearch__cards">
2609                                
2610                                
2611                                        
2612                                        
2613                                        
2614                                       
2615                                                            
2616                                        
2617                    <article class="HomeResearch__card-wrapper" data-aos="fade-up" data-aos-delay="0" data-aos-duration="600" data-aos-offset="100">
2618                        <div class="HomeResearch__card">
2619                                
2620                            <div class="HomeResearch__card-image"><img alt="An aerial view of an industrial plant." src="/_homepage/_media/research-news/predicting-cyberattacks.jpg"/></div> 
2621                        
2622                            <div class="HomeResearch__card-content">
2623                                <div class="HomeResearch__card-text-arrow">
2624                                    <h3 class="HomeResearch__card-text" id="research-card-0"></h3>
2625                                    <span class="HomeResearch__card-arrow"><i class="fa-solid fa-arrow-right-long fa-rotate-by" style="--fa-rotate-angle: -45deg;"></i></span>
2626                                </div>
2627                                <div class="HomeResearch__card-tags">
2628                                    <span class="HomeResearch__card-tag">STEM</span>                                </div>
2629                            </div>
2630                        </div>
2631                    </article>
2632                                
2633                                        
2634                                        
2635                                        
2636                                       
2637                                                            
2638                                        
2639                    <article class="HomeResearch__card-wrapper" data-aos="fade-up" data-aos-delay="50" data-aos-duration="600" data-aos-offset="100">
2640                        <div class="HomeResearch__card">
2641                                
2642                            <div class="HomeResearch__card-image"><img alt="A bed of green seagrass sways to the current of the ocean. Sun beams peek through the surface of the ocean, turning the water into a turquoise color." src="/_homepage/_media/research-news/marine-heatwaves.jpg"/></div> 
2643                        
2644                            <div class="HomeResearch__card-content">
2645                                <div class="HomeResearch__card-text-arrow">
2646                                    <h3 class="HomeResearch__card-text" id="research-card-1"></h3>
2647                                    <span class="HomeResearch__card-arrow"><i class="fa-solid fa-arrow-right-long fa-rotate-by" style="--fa-rotate-angle: -45deg;"></i></span>
2648                                </div>
2649                                <div class="HomeResearch__card-tags">
2650                                    <span class="HomeResearch__card-tag">Marine Science</span>                                </div>
2651                            </div>
2652                        </div>
2653                    </article>
2654                                
2655                                        
2656                                        
2657                                        
2658                                       
2659                                                            
2660                                        
2661                    <article class="HomeResearch__card-wrapper" data-aos="fade-up" data-aos-delay="100" data-aos-duration="600" data-aos-offset="100">
2662                        <div class="HomeResearch__card">
2663                                
2664                            <div class="HomeResearch__card-image"><img alt="A W&amp;M research team standing in front of the unfinished temple on Palatia, an islet off the coast of the Greek island Naxos." src="/_homepage/_media/research-news/naxos-quarry-project.jpg"/></div> 
2665                        
2666                            <div class="HomeResearch__card-content">
2667                                <div class="HomeResearch__card-text-arrow">
2668                                    <h3 class="HomeResearch__card-text" id="research-card-2"></h3>
2669                                    <span class="HomeResearch__card-arrow"><i class="fa-solid fa-arrow-right-long fa-rotate-by" style="--fa-rotate-angle: -45deg;"></i></span>
2670                                </div>
2671                                <div class="HomeResearch__card-tags">
2672                                    <span class="HomeResearch__card-tag">History</span>                                </div>
2673                            </div>
2674                        </div>
2675                    </article>
2676                                
2677                                        
2678                                        
2679                                        
2680                                       
2681                                                            
2682                                        
2683                    <article class="HomeResearch__card-wrapper" data-aos="fade-up" data-aos-delay="150" data-aos-duration="600" data-aos-offset="100">
2684                        <div class="HomeResearch__card">
2685                                
2686                            <div class="HomeResearch__card-image"><img alt="A row of cannons sitting behind a fence and tall grasses on a hillside." src="/_homepage/_media/research-news/yorktown-cannons.jpg"/></div> 
2687                        
2688                            <div class="HomeResearch__card-content">
2689                                <div class="HomeResearch__card-text-arrow">
2690                                    <h3 class="HomeResearch__card-text" id="research-card-3"></h3>
2691                                    <span class="HomeResearch__card-arrow"><i class="fa-solid fa-arrow-right-long fa-rotate-by" style="--fa-rotate-angle: -45deg;"></i></span>
2692                                </div>
2693                                <div class="HomeResearch__card-tags">
2694                                    <span class="HomeResearch__card-tag">Anthropology</span>                                </div>
2695                            </div>
2696                        </div>
2697                    </article>
2698                            </div>
2699            <div class="HomeResearch__buttons">
2700                                
2701                                                                            <a class="HomeResearch__button first" href="/research/index.php" target="_self">
2702                        <span>Explore Research at W&amp;M</span>
2703                    </a>
2704                                
2705                                                                             
2706                            </div>
2707        </div>
2708    </section>
2709
2710    
2711        
2712                   
2713    
2714    
2715    
2716
2717	
2718               
2719            
2720            
2721            
2722    
2723                
2724        
2725        
2726            
2727                
2728                
2729                
2730        
2731        
2732                                            
2733                
2734                            
2735	
2736
2737
2738
2739
2740
2741            
2742    
2743        
2744    
2745    
2746    
2747            
2748
2749        
2750
2751
2752
2753
2754
2755
2756
2757
2758
2759<section class="o-homenews wm-row">
2760    
2761    <div class="o-homenews__content wm-row__mainWrapper">
2762        
2763        <h2 class="row-heading" data-aos="fade" data-aos-duration="600">Âé¶¹ÆÆ½â°æ News</h2>    
2764        
2765        <div class="m-list--homenews">
2766            <div class="m-col--homenews featured">
2767                <div class="m-listitem--homenews" data-aos="fade" data-aos-delay="100" data-aos-duration="600" id="homenewsitem-0">
2768                    <a aria-label="" href="/">
2769                        <div class="m-listimage">
2770                            <div class="m-listimage__inner">
2771                                <img alt="" class="m-listimage__img" loading="lazy" src=""/>
2772                            </div>
2773                        </div>
2774                        <div class="headline--homenews"></div>
2775                    </a>
2776                </div>
2777            </div>
2778            <div class="m-col--homenews featured">    
2779                <div class="m-listitem--homenews" data-aos="fade" data-aos-delay="100" data-aos-duration="600" id="homenewsitem-1">
2780                    <a aria-label="" href="/">
2781                        <div class="m-listimage">
2782                            <div class="m-listimage__inner">
2783                                <img alt="" class="m-listimage__img" loading="lazy" src=""/>
2784                            </div>
2785                        </div>
2786                        <div class="headline--homenews"></div>
2787                    </a>
2788                </div>
2789            </div>
2790            <div class="m-col--homenews" id="newscol3">
2791                <div class="m-listitem--homenews" data-aos="fade" data-aos-anchor="#newscol3" data-aos-delay="250" data-aos-duration="600" id="homenewsitem-2">
2792                    <a href="/">
2793                        <div class="headline--homenews"></div>
2794                    </a>
2795                </div>
2796                
2797                <div class="m-listitem--homenews" data-aos="fade" data-aos-anchor="#newscol3" data-aos-delay="300" data-aos-duration="600" id="homenewsitem-3">
2798                    <a href="/">
2799                        <div class="headline--homenews"></div>
2800                    </a>
2801                </div>
2802                
2803                <div class="m-listitem--homenews" data-aos="fade" data-aos-anchor="#newscol3" data-aos-delay="350" data-aos-duration="600" id="homenewsitem-4">
2804                    <a href="/">
2805                        <div class="headline--homenews"></div>
2806                    </a>
2807                </div>
2808                
2809                <div class="m-listitem--homenews" data-aos="fade" data-aos-anchor="#newscol3" data-aos-delay="400" data-aos-duration="600" id="homenewsitem-5">
2810                    <a href="/">
2811                        <div class="headline--homenews"></div>
2812                    </a>
2813                </div>
2814                
2815                
2816                <div class="m-buttonrow--homenews" data-aos="fade-up" data-aos-delay="200" data-aos-duration="600" data-aos-offset="0">
2817                                            <a class="button--home" href="/news/index.php">See All News</a>
2818                                                                <a class="button--home" href="/news/video/index.php">News In Video</a>
2819                                    </div>
2820                
2821            </div>
2822        </div>
2823    </div>
2824    
2825</section>
2826
2827
2828                   
2829    
2830    
2831    
2832
2833	
2834               
2835            
2836            
2837            
2838    
2839                
2840        
2841        
2842            
2843                
2844                
2845                
2846        
2847        
2848                                            
2849                
2850                            
2851	
2852
2853
2854
2855
2856
2857            
2858    
2859        
2860    
2861    
2862    
2863            
2864        
2865
2866
2867
2868
2869
2870
2871<section class="o-homephotos">
2872
2873    <div class="o-homephotos__content">
2874        <div class="header-wrapper">
2875            <div class="m-heading--homephotos" data-aos="fade">
2876                <h2>Âé¶¹ÆÆ½â°æ on Instagram</h2>
2877                                    <p class="odd-heading">The University in Photos</p>
2878                            </div>
2879            
2880        </div>
2881        <div class="m-instragramfeed" id="homephotos"></div>
2882        
2883        <!-- mobile button -->
2884        
2885    </div>
2886    
2887    
2887<script>
2888        // this is used by the javascript code loaded later in the homepage
2889        const socialFeedId = "6e96bd0a-830a-46a0-8bfa-f8e132cd9bab";
2890    </script>
2890
2891    
2892</section>
2893    
2894
2895           
2896    
2897    
2898    
2899
2900	
2901               
2902            
2903            
2904            
2905    
2906                
2907        
2908        
2909            
2910                
2911                
2912                
2913        
2914        
2915                                            
2916                
2917                            
2918	
2919
2920
2921
2922
2923
2924            
2925    
2926        
2927    
2928    
2929    
2930                    
2931
2932
2933
2934
2935
2936
2937
2938    <section class="o-homeevents">
2939        
2940<hr class="hr-separator" data-aos="slide-right"/>    
2941
2942    <div class="header-wrapper">
2943        <h2 class="row-heading" data-aos="fade" data-aos-duration="600">Âé¶¹ÆÆ½â°æ Events</h2>    
2944        
2945    </div>    
2946    
2947
2948        <div class="o-homeevents__content">
2949            <div class="m-list--homeevents spotlight">
2950                <div data-aos="fade" data-aos-duration="600" id="spotlight_event"></div>
2951            </div>
2952        </div>
2953
2954                                    <div class="m-decorativestrip--homeevents">
2955                    <img alt="" loading="lazy" src="/_homepage/_media/events_banner.jpg"/>
2956                </div>
2957                            
2958        <div class="o-homeevents__content">
2959            <div class="m-list--homeevents upcoming" data-aos="fade" data-aos-duration="0">
2960
2961                <div id="upcoming_events"></div>
2962                
2963                
2964
2965<script>
2966 
2967$(document).ready(function(){
2968    var wmfeed = "https://creative.wm.edu/feeds/www/wm.php";
2969    $.ajax({
2970        url: wmfeed,
2971        dataType: "json",
2972        success: function(data) {
2973                outputSpotlightEvent(data);
2974            },
2975        error: function(x,y,z) {
2976        console.log("Error with AJAX: "+y);
2977        }
2978    });
2979    
2980    var wmhomepagefeed = "https://creative.wm.edu/feeds/www/homepage.php";
2981    $.ajax({
2982        url: wmhomepagefeed,
2983        dataType: "json",
2984        success: function(data) {
2985                outputUpcomingEvents(data);
2986            },
2987        error: function(x,y,z) {
2988        console.log("Error with AJAX: "+y);
2989        }
2990    });
2991    
2992    function outputSpotlightEvent(data) {
2993        var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
2994        var myText='';
2995        var container = $("#spotlight_event");
2996        var entry = data.spotlight;
2997        //var myTitle = '<div class="event_name"><span>'+entry.title+'</span></div>';
2998        var myTitle = entry.title;
2999        var myUrl = entry.url;
3000        myUrl = myUrl.replace("/wmhomepage/","/wm/");
3001
3002        var sDate = new Date(entry.dtstart*1000);
3003        var month = months[sDate.getMonth()];
3004        var day = sDate.getDate();
3005        var hours = sDate.getHours();
3006        var ampm = "am";
3007        if (hours == 12) {
3008            ampm = "pm";
3009        }
3010        else if (hours > 11) {
3011            ampm= "pm";
3012            hours = hours - 12;
3013        } else if (hours == 0) {
3014            hours = "12";
3015        }                
3016        var minutes = "0" + sDate.getMinutes();
3017        minutes = minutes.substr(-2);
3018        
3019        var time = hours + ':' + minutes + ampm;
3020        var nowTimestamp = Math.floor(new Date() / 1000);
3021        if (entry.dtstart < nowTimestamp) {
3022            var todayDate = new Date();
3023            var month = months[todayDate.getMonth()];
3024            day = todayDate.getDate();
3025            time = "Ongoing";
3026        }
3027        var myMonth = month;
3028        var myDay = day;
3029        var myTime = time;
3030        if (time == '12:00am'|| time == '12:01am') {
3031            myTime = '';
3032        }
3033        var myLocation = entry.location;
3034        var myImage = entry.fullimageurl;
3035        var mySummary = entry.summary;
3036        myText += '<div class="m-calentry"><div class="cal js-spotlight-trigger" style="background-image:url('/+myImage+')"><span><h3>Spotlight Event</h3><div class="date"><div class="month">' + myMonth + '</div><div class="day">' + myDay + '</div></div><span></div><div class="info"><a href="'+myUrl+'"><div class="title">' + myTitle + '</div><div class="location">' + myLocation + '</div><div class="time">' + myTime + '</div></a><div class="summary">' + mySummary + '</div></div></div>';        
3037        container.html(myText);
3038    }
3039
3040    function outputUpcomingEvents(data) {
3041        var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
3042        var myText='<h3 class="sr-only">Upcoming Featured Events</h3><div class="eventcol">';
3043        var container = $("#upcoming_events");
3044        var maxNum = 4;
3045        for (var i = 1; i <= data.entries.length; i++) {
3046            if (i <= maxNum) {
3047                var entry = data.entries[i-1];
3048                //var myTitle = '<div class="event_name"><span>'+entry.title+'</span></div>';
3049                var myTitle = entry.title;
3050                var myUrl = entry.url;
3051                myUrl = myUrl.replace("/wmhomepage/","/wm/");
3052                var sDate = new Date(entry.dtstart*1000);
3053                var month = months[sDate.getMonth()];
3054                var day = sDate.getDate();
3055                var hours = sDate.getHours();
3056                var ampm = "am";
3057                if (hours == 12) {
3058                    ampm = "pm";
3059                }
3060                else if (hours > 11) {
3061                    ampm= "pm";
3062                    hours = hours - 12;
3063                } else if (hours == 0) {
3064                    hours = "12";
3065                }                
3066                var minutes = "0" + sDate.getMinutes();
3067                minutes = minutes.substr(-2);
3068                
3069                var time = hours + ':' + minutes + ampm;
3070                var nowTimestamp = Math.floor(new Date() / 1000);
3071                if (entry.dtstart < nowTimestamp) {
3072                    var todayDate = new Date();
3073                    var month = months[todayDate.getMonth()];
3074                    day = todayDate.getDate();
3075                    time = "Ongoing";
3076                }
3077                var myMonth = month;
3078                var myDay = day;
3079                var myTime = time;
3080                if (time == '12:00am'|| time == '12:01am') {
3081                    myTime = '';
3082                }
3083                var myLocation = entry.location;
3084                myText += '<div class="m-calentry c' + i + '"><a href="'+myUrl+'"><div class="cal"><div class="date"><div class="month">' + myMonth + '</div><div class="day">' + myDay + '</div></div></div> <div class="info"><div class="title">' + myTitle + '</div><div class="location">' + myLocation + '</div><div class="time">' + myTime + '</div></div></a></div>';
3085                
3086                if(i == Math.ceil(maxNum/2)) {
3087                    myText += '</div><div class="eventcol">';
3088                }
3089            
3090            }
3091        }
3092        myText += '</div>'; // end eventcol
3093        container.html(myText);
3094    }
3095});
3096
3097</script>
3097
3098
3099
3100            </div>
3101        </div>
3102    </section>
3103
3104    
3105
3106                   
3107    
3108    
3109    
3110
3111	
3112               
3113            
3114            
3115            
3116    
3117                
3118        
3119        
3120            
3121                
3122                
3123                
3124        
3125        
3126                                            
3127                
3128                            
3129	
3130
3131
3132
3133
3134
3135            
3136    
3137        
3138    
3139    
3140    
3141            
3142        
3143
3144
3145
3146
3147
3148
3149
3150<section class="o-people">
3151    
3152    <div class="o-people__content">
3153    
3154
3155
3156                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
3157
3158        
3159                <div class="m-people-main">
3160            <div class="m-people-main__top">
3161                <hr class="hr-separator" data-aos="slide-right"/>
3162                <p class="o-people__caption" data-aos="fade" data-aos-duration="600">Bold, driven, passionate thinkers</p>
3163                <h2 class="row-heading" data-aos="fade" data-aos-duration="600">People of Âé¶¹ÆÆ½â°æ</h2>
3164            </div>
3165            <div class="m-people-main__bottom" data-aos="fade" data-aos-duration="600">
3166            <div class="m-person" id="p1" role="tabpanel" tabindex="0" aria-labelledby="b1"  ><div class="m-person__image" style="background-image: url(/peopleofwm/_images/darius-mccallum-large-comp.jpg);"><img loading="lazy" alt="Darius McCallum &#8217;27" src="/peopleofwm/_images/darius-mccallum-large-comp.jpg" /></div><div class="m-person__caption"><div class="m-person__bio"><div class="m-person__category"><a href="/peopleofwm/creative-critical-thinkers/index.php"><span>Creative &amp; Critical Thinkers</span></a></div><div class="m-person__biocontent"><h3 class="m-person__name">Darius McCallum &#8217;27</h3><p class="m-person__major">Coastal &amp; Marine Sciences Major</p><p class="m-person__role">Stravitz Scholar</p></div></div><div class="m-person__button"><a href="/peopleofwm/creative-critical-thinkers/mccallum-d/index.php"><span>More about Darius</span><i class="fa-solid fa-arrow-right-long" aria-hidden="true"></i></a></div></div></div><div class="m-person" id="p2" role="tabpanel" tabindex="0" aria-labelledby="b2" hidden="" ><div class="m-person__image" style="background-image:url();" data-img="/peopleofwm/_images/ayanna-williams-large-comp.jpg"><img loading="lazy" alt="Ayanna Williams &#8217;26" src=""  /></div><div class="m-person__caption"><div class="m-person__bio"><div class="m-person__category"><a href="/peopleofwm/active-citizens/index.php"><span>Active Citizens of the World</span></a></div><div class="m-person__biocontent"><h3 class="m-person__name">Ayanna Williams &#8217;26</h3><p class="m-person__major">Government Major</p><p class="m-person__role">Williamsburg City Council Member</p></div></div><div class="m-person__button"><a href="/peopleofwm/active-citizens/williams-a/index.php"><span>More about Ayanna</span><i class="fa-solid fa-arrow-right-long" aria-hidden="true"></i></a></div></div></div><div class="m-person" id="p3" role="tabpanel" tabindex="0" aria-labelledby="b3" hidden="" ><div class="m-person__image" style="background-image:url();" data-img="/peopleofwm/_images/rachel-chung-large-comp.jpg"><img loading="lazy" alt="Rachel Chung" src=""  /></div><div class="m-person__caption"><div class="m-person__bio"><div class="m-person__category"><a href="/peopleofwm/creative-critical-thinkers/index.php"><span>Creative &amp; Critical Thinkers</span></a></div><div class="m-person__biocontent"><h3 class="m-person__name">Rachel Chung</h3><p class="m-person__major"></p><p class="m-person__role">Clinical Professor of Operations &amp; Information Systems Management</p></div></div><div class="m-person__button"><a href="/peopleofwm/creative-critical-thinkers/chung-r/index.php"><span>More about Dr. Chung</span><i class="fa-solid fa-arrow-right-long" aria-hidden="true"></i></a></div></div></div><div class="m-person" id="p4" role="tabpanel" tabindex="0" aria-labelledby="b4" hidden="" ><div class="m-person__image" style="background-image:url();" data-img="/peopleofwm/_images/will-smith-large.jpg"><img loading="lazy" alt="Will Smith &#8217;14" src=""  /></div><div class="m-person__caption"><div class="m-person__bio"><div class="m-person__category"><a href="/peopleofwm/active-citizens/index.php"><span>Active Citizens of the World</span></a></div><div class="m-person__biocontent"><h3 class="m-person__name">Will Smith &#8217;14</h3><p class="m-person__major">Government Major</p><p class="m-person__role">Founder &amp; Board Chair of LEAD Edu</p></div></div><div class="m-person__button"><a href="/peopleofwm/active-citizens/smith-w/index.php"><span>
3166More about Will</span><i class="fa-solid fa-arrow-right-long" aria-hidden="true"></i></a></div></div></div><div class="m-person" id="p5" role="tabpanel" tabindex="0" aria-labelledby="b5" hidden="" ><div class="m-person__image" style="background-image:url();" data-img="/peopleofwm/_images/bob-gates-large.jpg"><img loading="lazy" alt="Robert M. Gates &#8217;65, L.H.D. &#8217;98" src=""  /></div><div class="m-person__caption"><div class="m-person__bio"><div class="m-person__category"><a href="/peopleofwm/bold-leaders/index.php"><span>Bold Leaders</span></a></div><div class="m-person__biocontent"><h3 class="m-person__name">Robert M. Gates &#8217;65, L.H.D. &#8217;98</h3><p class="m-person__major">History Major</p><p class="m-person__role">Former U.S. Secretary of Defense</p></div></div><div class="m-person__button"><a href="/peopleofwm/bold-leaders/gates-b/index.php"><span>More about Chancellor Gates</span><i class="fa-solid fa-arrow-right-long" aria-hidden="true"></i></a></div></div></div><div class="m-person" id="p6" role="tabpanel" tabindex="0" aria-labelledby="b6" hidden="" ><div class="m-person__image" style="background-image:url();" data-img="/peopleofwm/_images/jill-ellis-large.jpg"><img loading="lazy" alt="Jill Ellis &#8217;88, L.H.D &#8217;16, P &#8217;27" src=""  /></div><div class="m-person__caption"><div class="m-person__bio"><div class="m-person__category"><a href="/peopleofwm/cultural-icons/index.php"><span>Cultural Icons</span></a></div><div class="m-person__biocontent"><h3 class="m-person__name">Jill Ellis &#8217;88, L.H.D &#8217;16, P &#8217;27</h3><p class="m-person__major">English Literature and Composition Major</p><p class="m-person__role">Two-Time World Cup Champion</p></div></div><div class="m-person__button"><a href="/peopleofwm/cultural-icons/ellis-j/index.php"><span>More about Jill</span><i class="fa-solid fa-arrow-right-long" aria-hidden="true"></i></a></div></div></div><div class="m-person" id="p7" role="tabpanel" tabindex="0" aria-labelledby="b7" hidden="" ><div class="m-person__image" style="background-image:url();" data-img="/peopleofwm/_images/chip-esten-large.jpg"><img loading="lazy" alt="Charles Esten &#8217;87, P &#8217;22" src=""  /></div><div class="m-person__caption"><div class="m-person__bio"><div class="m-person__category"><a href="/peopleofwm/cultural-icons/index.php"><span>Cultural Icons</span></a></div><div class="m-person__biocontent"><h3 class="m-person__name">Charles Esten &#8217;87, P &#8217;22</h3><p class="m-person__major">Economics Major</p><p class="m-person__role">Stand-Up Comedian, Actor, Director, Author</p></div></div><div class="m-person__button"><a href="/peopleofwm/cultural-icons/esten-c/index.php"><span>More about Chip</span><i class="fa-solid fa-arrow-right-long" aria-hidden="true"></i></a></div></div></div><div class="m-person" id="p8" role="tabpanel" tabindex="0" aria-labelledby="b8" hidden="" ><div class="m-person__image" style="background-image:url();" data-img="/peopleofwm/_images/mackenzie-corcoran-large.jpg"><img loading="lazy" alt="Mackenzie Corcoran &#8217;21" src=""  /></div><div class="m-person__caption"><div class="m-person__bio"><div class="m-person__category"><a href="/peopleofwm/bold-leaders/index.php"><span>Bold Leaders</span></a></div><div class="m-person__biocontent"><h3 class="m-person__name">Mackenzie Corcoran &#8217;21</h3><p class="m-person__major">Chemistry Major</p><p class="m-person__role">Army Officer</p></div></div><div class="m-person__button"><a href="/peopleofwm/bold-leaders/corcoran-m/index.php"><span>More about Mackenzie</span><i class="fa-solid fa-arrow-right-long" aria-hidden="true"></i></a></div></div></div><div class="m-person" id="p9" role="tabpanel" tabindex="0" aria-labelledby="b9" hidden="" ><div class="m-person__image" style="background-image:url();" data-img="/peopleofwm/_images/nyla-photo-large-comp.jpg"><img loading="lazy" alt="Nyla Pollard &#8217;21" src=""  /></div><div class="m-person__caption"><div class="m-person__bio"><div class="m-person__category"><a href="/peopleofwm/creative-critical-thinkers/index.php"><span>Creative &amp; Critical Thinkers</span></a></div><div class="m-person__biocontent"><h3 class="m-person__name">Nyla Pollard &#8217;21</h3><p class="m-person__major">Education and Sociology Double Major</p><p class="m-person__role">Chief Executive Officer of Ballin AI</p></div></div><div class="m-person__button"><a href="/peopleofwm/creative-critical-thinkers/pollard-n/index.php"><span>More about Nyla</span><i class="fa-solid fa-arrow-right-long" aria-hidden="true"></i></a></div></div></div><div class="m-person" id="p10" role="tabpanel" tabindex="0" aria-labelledby="b10" hidden="" ><div class="m-person__image" style="background-image:url();" data-img="/peopleofwm/_images/milan-chakraborty-large-comp.jpg"><img loading="lazy" alt="Milan Chakraborty &#8217;00" src=""  /></div><div class="m-person__caption"><div class="m-person__bio"><div class="m-person__category"><a href="/peopleofwm/creative-critical-thinkers/index.php"><span>Creative &amp; Critical Thinkers</span></a></div><div class="m-person__biocontent"><h3 class="m-person__name">Milan Chakraborty &#8217;00</h3><p class="m-person__major">Accounting Major</p><p class="m-person__role">Film Producer</p></div></div><div class="m-person__button"><a href="/peopleofwm/creative-critical-thinkers/chakraborty-m/index.php"><span>More about Milan</span><i class="fa-solid fa-arrow-right-long" aria-hidden="true"></i></a></div></div></div><div class="m-person" id="p11" role="tabpanel" tabindex="0" aria-labelledby="b11" hidden="" ><div class="m-person__image" style="background-image:url();" data-img="/peopleofwm/_images/tucker-peters-large-comp.jpg"><img loading="lazy" alt="Tucker Peters &#8217;28" src=""  /></div><div class="m-person__caption"><div class="m-person__bio"><div class="m-person__category"><a href="/peopleofwm/creative-critical-thinkers/index.php"><span>Creative &amp; Critical Thinkers</span></a></div><div class="m-person__biocontent"><h3 class="m-person__name">Tucker Peters &#8217;28</h3><p class="m-person__major"></p><p class="m-person__role">President and Founder of the W&amp;M AI Club</p></div></div><div class="m-person__button"><a href="/peopleofwm/creative-critical-thinkers/peters-t/index.php"><span>More about Tucker</span><i class="fa-solid fa-arrow-right-long" aria-hidden="true"></i></a></div></div></div><div class="m-person" id="p12" role="tabpanel" tabindex="0" aria-labelledby="b12" hidden="" ><div class="m-person__image" style="background-image:url();" data-img="/peopleofwm/_images/ali-otto-large-comp.jpg"><img loading="lazy" alt="Alexandra Otto &#8217;27" src=""  /></div><div class="m-person__caption"><div class="m-person__bio"><div class="m-person__category"><a href="/peopleofwm/active-citizens/index.php"><span>Active Citizens of the World</span></a></div><div class="m-person__biocontent"><h3 class="m-person__name">Alexandra Otto &#8217;27</h3><p class="m-person__major">Biology Major</p><p class="m-person__role">Conservation Researcher</p></div></div><div class="m-person__button"><a href="/peopleofwm/active-citizens/otto-a/index.php"><span>More about Ali</span><i class="fa-solid fa-arrow-right-long" aria-hidden="true"></i></a></div></div></div>            </div>
3167        </div>
3168        
3169                <div aria-label="People" class="m-people-thumbs" data-aos="fade" data-aos-duration="600" role="tablist">
3170            <div class="m-people-thumbs__content">
3171            <button data-img="/peopleofwm/_images/darius-mccallum-thumb.jpg" style="background-image:url()" aria-controls="p1" aria-selected="true" id="b1" class="m-people-thumbs__button" role="tab" tabindex="0">  <span class="sr-only">Darius McCallum &#8217;27</span></button><button data-img="/peopleofwm/_images/ayanna-williams-thumb.jpg" style="background-image:url()" aria-controls="p2" aria-selected="false" id="b2" class="m-people-thumbs__button" role="tab" tabindex="-1">  <span class="sr-only">Ayanna Williams &#8217;26</span></button><button data-img="/peopleofwm/_images/rachel-chung-thumb.jpg" style="background-image:url()" aria-controls="p3" aria-selected="false" id="b3" class="m-people-thumbs__button" role="tab" tabindex="-1">  <span class="sr-only">Rachel Chung</span></button><button data-img="/peopleofwm/_images/will-smith-thumb.jpg" style="background-image:url()" aria-controls="p4" aria-selected="false" id="b4" class="m-people-thumbs__button" role="tab" tabindex="-1">  <span class="sr-only">Will Smith &#8217;14</span></button><button data-img="/peopleofwm/_images/bob-gates-thumb.jpg" style="background-image:url()" aria-controls="p5" aria-selected="false" id="b5" class="m-people-thumbs__button" role="tab" tabindex="-1">  <span class="sr-only">Robert M. Gates &#8217;65, L.H.D. &#8217;98</span></button><button data-img="/peopleofwm/_images/jill-ellis-thumb.jpg" style="background-image:url()" aria-controls="p6" aria-selected="false" id="b6" class="m-people-thumbs__button" role="tab" tabindex="-1">  <span class="sr-only">Jill Ellis &#8217;88, L.H.D &#8217;16, P &#8217;27</span></button><button data-img="/peopleofwm/_images/chip-esten-thumb.jpg" style="background-image:url()" aria-controls="p7" aria-selected="false" id="b7" class="m-people-thumbs__button" role="tab" tabindex="-1">  <span class="sr-only">Charles Esten &#8217;87, P &#8217;22</span></button><button data-img="/peopleofwm/_images/mackenzie-corcoran-thumb.jpg" style="background-image:url()" aria-controls="p8" aria-selected="false" id="b8" class="m-people-thumbs__button" role="tab" tabindex="-1">  <span class="sr-only">Mackenzie Corcoran &#8217;21</span></button><button data-img="/peopleofwm/_images/nyla-photo-thumb.jpg" style="background-image:url()" aria-controls="p9" aria-selected="false" id="b9" class="m-people-thumbs__button" role="tab" tabindex="-1">  <span class="sr-only">Nyla Pollard &#8217;21</span></button><button data-img="/peopleofwm/_images/milan-chakraborty-thumb.jpg" style="background-image:url()" aria-controls="p10" aria-selected="false" id="b10" class="m-people-thumbs__button" role="tab" tabindex="-1">  <span class="sr-only">Milan Chakraborty &#8217;00</span></button><button data-img="/peopleofwm/_images/tucker-peters-thumb.jpg" style="background-image:url()" aria-controls="p11" aria-selected="false" id="b11" class="m-people-thumbs__button" role="tab" tabindex="-1">  <span class="sr-only">Tucker Peters &#8217;28</span></button><button data-img="/peopleofwm/_images/ali-otto-thumb-comp.jpg" style="background-image:url()" aria-controls="p12" aria-selected="false" id="b12" class="m-people-thumbs__button" role="tab" tabindex="-1">  <span class="sr-only">Alexandra Otto &#8217;27</span></button>            </div>
3172        </div>
3173        
3174        <div id="peoplehack" style="display:none">
3175
3176 
3177
3178        
3179                <div class="m-people-main">
3180            <div class="m-people-main__top">
3181                <hr class="hr-separator" data-aos="slide-right"/>
3182                <p class="o-people__caption" data-aos="fade">Bold, driven, passionate thinkers</p>
3183                <h2 class="row-heading" data-aos="fade">People of Âé¶¹ÆÆ½â°æ</h2>
3184            </div>
3185            <div class="m-people-main__bottom" data-aos="fade">
3186                                                                                                                                                                                                <div aria-labelledby="b1" class="m-person" id="p1" role="tabpanel" tabindex="0">
3187                                                                                                                                                                                                    <div class="m-person__image" data-img="/peopleofwm/_images/chip-esten-large.jpg" style="background-image: url();">
3188                                        <img alt="" loading="lazy" src=""/>
3189                                    </div>
3190                                                                <div class="m-person__caption">
3191                                    <div class="m-person__bio">
3192                                        <div class="m-person__category">
3193                                            <a href="/peopleofwm/cultural-icons/index.php">
3194                                                <span>Cultural Icons</span>
3195                                            </a>
3196                                        </div>
3197                                        <div class="m-person__biocontent">
3198                                            <h3 class="m-person__name">Charles Esten ’87, P ’22</h3>
3199                                            <p class="m-person__major">Economics Major</p>
3200                                            <p class="m-person__role">Stand-Up Comedian, Actor, Director, Author</p>
3201                                        </div>
3202                                    </div>
3203                                    <div class="m-person__button">
3204                                        <a href="/peopleofwm/cultural-icons/esten-c/index.php"><span>More about Chip</span><i aria-hidden="true" class="fa-solid fa-arrow-right-long"></i></a>
3205                                    </div>
3206                                </div>
3207                            </div>  
3208                                                                                                                                                                            <div aria-labelledby="b2" class="m-person" hidden="" id="p2" role="tabpanel" tabindex="0">
3209                                                                                                                                                                                                    <div class="m-person__image" data-img="/peopleofwm/_images/jill-ellis-large.jpg" style="background-image: url();">
3210                                        <img alt="" loading="lazy" src=""/>
3211                                    </div>
3212                                                                <div class="m-person__caption">
3213                                    <div class="m-person__bio">
3214                                        <div class="m-person__category">
3215                                            <a href="/peopleofwm/cultural-icons/index.php">
3216                                                <span>Cultural Icons</span>
3217                                            </a>
3218                                        </div>
3219                                        <div class="m-person__biocontent">
3220                                            <h3 class="m-person__name">Jill Ellis ’88, L.H.D ’16, P ’27</h3>
3221                                            <p class="m-person__major">English Literature and Composition Major</p>
3222                                            <p class="m-person__role">Two-Time World Cup Champion</p>
3223                                        </div>
3224                                    </div>
3225                                    <div class="m-person__button">
3226                                        <a href="/peopleofwm/cultural-icons/ellis-j/index.php"><span>More about Jill</span><i aria-hidden="true" class="fa-solid fa-arrow-right-long"></i></a>
3227                                    </div>
3228                                </div>
3229                            </div>  
3230                                                                                                                                                                                                                                                        <div aria-labelledby="b3" class="m-person" hidden="" id="p3" role="tabpanel" tabindex="0">
3231                                                                                                                                                                                                    <div class="m-person__image" data-img="/peopleofwm/_images/mackenzie-corcoran-large.jpg" style="background-image: url();">
3232                                        <img alt="" loading="lazy" src=""/>
3233                                    </div>
3234                                                                <div class="m-person__caption">
3235                                    <div class="m-person__bio">
3236                                        <div class="m-person__category">
3237                                            <a href="/peopleofwm/bold-leaders/index.php">
3238                                                <span>Bold Leaders</span>
3239                                            </a>
3240                                        </div>
3241                                        <div class="m-person__biocontent">
3242                                            <h3 class="m-person__name">Mackenzie Corcoran ’21</h3>
3243                                            <p class="m-person__major">Chemistry Major</p>
3244                                            <p class="m-person__role">Army Officer</p>
3245                                        </div>
3246                                    </div>
3247                                    <div class="m-person__button">
3248                                        <a href="/peopleofwm/bold-leaders/corcoran-m/index.php"><span>More about Mackenzie</span><i aria-hidden="true" class="fa-solid fa-arrow-right-long"></i></a>
3249                                    </div>
3250                                </div>
3251                            </div>  
3252                                                                                                                                                                            <div aria-labelledby="b4" class="m-person" hidden="" id="p4" role="tabpanel" tabindex="0">
3253                                                                                                                                                                                                    <div class="m-person__image" data-img="/peopleofwm/_images/bob-gates-large.jpg" style="background-image: url();">
3254                                        <img alt="" loading="lazy" src=""/>
3255                                    </div>
3256                                                                <div class="m-person__caption">
3257                                    <div class="m-person__bio">
3258                                        <div class="m-person__category">
3259                                            <a href="/peopleofwm/bold-leaders/index.php">
3260                                                <span>Bold Leaders</span>
3261                                            </a>
3262                                        </div>
3263                                        <div class="m-person__biocontent">
3264                                            <h3 class="m-person__name">Robert M. Gates ’65, L.H.D. ’98</h3>
3265                                            <p class="m-person__major">History Major</p>
3266                                            <p class="m-person__role">Former U.S. Secretary of Defense</p>
3267                                        </div>
3268                                    </div>
3269                                    <div class="m-person__button">
3270                                        <a href="/peopleofwm/bold-leaders/gates-b/index.php"><span>More about Chancellor Gates</span><i aria-hidden="true" class="fa-solid fa-arrow-right-long"></i></a>
3271                                    </div>
3272                                </div>
3273                            </div>  
3274                                                                                                                                                                                                                                                        <div aria-labelledby="b5" class="m-person" hidden="" id="p5" role="tabpanel" tabindex="0">
3275                                                                                                                                                                                                    <div class="m-person__image" data-img="/peopleofwm/_images/ayanna-williams-large-comp.jpg" style="background-image: url();">
3276                                        <img alt="" loading="lazy" src=""/>
3277                                    </div>
3278                                                                <div class="m-person__caption">
3279                                    <div class="m-person__bio">
3280                                        <div class="m-person__category">
3281                                            <a href="/peopleofwm/active-citizens/index.php">
3282                                                <span>Active Citizens of the World</span>
3283                                            </a>
3284                                        </div>
3285                                        <div class="m-person__biocontent">
3286                                            <h3 class="m-person__name">Ayanna Williams ’26</h3>
3287                                            <p class="m-person__major">Government Major</p>
3288                                            <p class="m-person__role">Williamsburg City Council Member</p>
3289                                        </div>
3290                                    </div>
3291                                    <div class="m-person__button">
3292                                        <a href="/peopleofwm/active-citizens/williams-a/index.php"><span>More about Ayanna</span><i aria-hidden="true" class="fa-solid fa-arrow-right-long"></i></a>
3293                                    </div>
3294                                </div>
3295                            </div>  
3296                                                                                                                                                                            <div aria-labelledby="b6" class="m-person" hidden="" id="p6" role="tabpanel" tabindex="0">
3297                                                                                                                                                                                                    <div class="m-person__image" data-img="/peopleofwm/_images/will-smith-large.jpg" style="background-image: url();">
3298                                        <img alt="" loading="lazy" src=""/>
3299                                    </div>
3300                                                                <div class="m-person__caption">
3301                                    <div class="m-person__bio">
3302                                        <div class="m-person__category">
3303                                            <a href="/peopleofwm/active-citizens/index.php">
3304                                                <span>Active Citizens of the World</span>
3305                                            </a>
3306                                        </div>
3307                                        <div class="m-person__biocontent">
3308                                            <h3 class="m-person__name">Will Smith ’14</h3>
3309                                            <p class="m-person__major">Government Major</p>
3310                                            <p class="m-person__role">Founder &amp; Board Chair of LEAD Edu</p>
3311                                        </div>
3312                                    </div>
3313                                    <div class="m-person__button">
3314                                        <a href="/peopleofwm/active-citizens/smith-w/index.php"><span>More about Will</span><i aria-hidden="true" class="fa-solid fa-arrow-right-long"></i></a>
3315                                    </div>
3316                                </div>
3317                            </div>  
3318                                                                                                                                                                            <div aria-labelledby="b7" class="m-person" hidden="" id="p7" role="tabpanel" tabindex="0">
3319                                                                                                                                                                                                    <div class="m-person__image" data-img="/peopleofwm/_images/ali-otto-large-comp.jpg" style="background-image: url();">
3320                                        <img alt="" loading="lazy" src=""/>
3321                                    </div>
3322                                                                <div class="m-person__caption">
3323                                    <div class="m-person__bio">
3324                                        <div class="m-person__category">
3325                                            <a href="/peopleofwm/active-citizens/index.php">
3326                                                <span>Active Citizens of the World</span>
3327                                            </a>
3328                                        </div>
3329                                        <div class="m-person__biocontent">
3330                                            <h3 class="m-person__name">Alexandra Otto ’27</h3>
3331                                            <p class="m-person__major">Biology Major</p>
3332                                            <p class="m-person__role">Conservation Researcher</p>
3333                                        </div>
3334                                    </div>
3335                                    <div class="m-person__button">
3336                                        <a href="/peopleofwm/active-citizens/otto-a/index.php"><span>More about Ali</span><i aria-hidden="true" class="fa-solid fa-arrow-right-long"></i></a>
3337                                    </div>
3338                                </div>
3339                            </div>  
3340                                                                                                                                                                                                                                                        <div aria-labelledby="b8" class="m-person" hidden="" id="p8" role="tabpanel" tabindex="0">
3341                                                                                                                                                                                                    <div class="m-person__image" data-img="/peopleofwm/_images/nyla-photo-large-comp.jpg" style="background-image: url();">
3342                                        <img alt="" loading="lazy" src=""/>
3343                                    </div>
3344                                                                <div class="m-person__caption">
3345                                    <div class="m-person__bio">
3346                                        <div class="m-person__category">
3347                                            <a href="/peopleofwm/creative-critical-thinkers/index.php">
3348                                                <span>Creative &amp; Critical Thinkers</span>
3349                                            </a>
3350                                        </div>
3351                                        <div class="m-person__biocontent">
3352                                            <h3 class="m-person__name">Nyla Pollard ’21</h3>
3353                                            <p class="m-person__major">Education and Sociology Double Major</p>
3354                                            <p class="m-person__role">Chief Executive Officer of Ballin AI</p>
3355                                        </div>
3356                                    </div>
3357                                    <div class="m-person__button">
3358                                        <a href="/peopleofwm/creative-critical-thinkers/pollard-n/index.php"><span>More about Nyla</span><i aria-hidden="true" class="fa-solid fa-arrow-right-long"></i></a>
3359                                    </div>
3360                                </div>
3361                            </div>  
3362                                                                                                                                                                            <div aria-labelledby="b9" class="m-person" hidden="" id="p9" role="tabpanel" tabindex="0">
3363                                                                                                                                                                                                    <div class="m-person__image" data-img="/peopleofwm/_images/rachel-chung-large-comp.jpg" style="background-image: url();">
3364                                        <img alt="" loading="lazy" src=""/>
3365                                    </div>
3366                                                                <div class="m-person__caption">
3367                                    <div class="m-person__bio">
3368                                        <div class="m-person__category">
3369                                            <a href="/peopleofwm/creative-critical-thinkers/index.php">
3370                                                <span>Creative &amp; Critical Thinkers</span>
3371                                            </a>
3372                                        </div>
3373                                        <div class="m-person__biocontent">
3374                                            <h3 class="m-person__name">Rachel Chung</h3>
3375                                            <p class="m-person__major"></p>
3376                                            <p class="m-person__role">Clinical Professor of Operations &amp; Information Systems Management</p>
3377                                        </div>
3378                                    </div>
3379                                    <div class="m-person__button">
3380                                        <a href="/peopleofwm/creative-critical-thinkers/chung-r/index.php"><span>More about Dr. Chung</span><i aria-hidden="true" class="fa-solid fa-arrow-right-long"></i></a>
3381                                    </div>
3382                                </div>
3383                            </div>  
3384                                                                                                                                                                            <div aria-labelledby="b10" class="m-person" hidden="" id="p10" role="tabpanel" tabindex="0">
3385                                                                                                                                                                                                    <div class="m-person__image" data-img="/peopleofwm/_images/milan-chakraborty-large-comp.jpg" style="background-image: url();">
3386                                        <img alt="" loading="lazy" src=""/>
3387                                    </div>
3388                                                                <div class="m-person__caption">
3389                                    <div class="m-person__bio">
3390                                        <div class="m-person__category">
3391                                            <a href="/peopleofwm/creative-critical-thinkers/index.php">
3392                                                <span>Creative &amp; Critical Thinkers</span>
3393                                            </a>
3394                                        </div>
3395                                        <div class="m-person__biocontent">
3396                                            <h3 class="m-person__name">Milan Chakraborty ’00</h3>
3397                                            <p class="m-person__major">Accounting Major</p>
3398                                            <p class="m-person__role">Film Producer</p>
3399                                        </div>
3400                                    </div>
3401                                    <div class="m-person__button">
3402                                        <a href="/peopleofwm/creative-critical-thinkers/chakraborty-m/index.php"><span>More about Milan</span><i aria-hidden="true" class="fa-solid fa-arrow-right-long"></i></a>
3403                                    </div>
3404                                </div>
3405                            </div>  
3406                                                                                                                                                                            <div aria-labelledby="b11" class="m-person" hidden="" id="p11" role="tabpanel" tabindex="0">
3407                                                                                                                                                                                                    <div class="m-person__image" data-img="/peopleofwm/_images/darius-mccallum-large-comp.jpg" style="background-image: url();">
3408                                        <img alt="" loading="lazy" src=""/>
3409                                    </div>
3410                                                                <div class="m-person__caption">
3411                                    <div class="m-person__bio">
3412                                        <div class="m-person__category">
3413                                            <a href="/peopleofwm/creative-critical-thinkers/index.php">
3414                                                <span>Creative &amp; Critical Thinkers</span>
3415                                            </a>
3416                                        </div>
3417                                        <div class="m-person__biocontent">
3418                                            <h3 class="m-person__name">Darius McCallum ’27</h3>
3419                                            <p class="m-person__major">Coastal &amp; Marine Sciences Major</p>
3420                                            <p class="m-person__role">Stravitz Scholar</p>
3421                                        </div>
3422                                    </div>
3423                                    <div class="m-person__button">
3424                                        <a href="/peopleofwm/creative-critical-thinkers/mccallum-d/index.php"><span>More about Darius</span><i aria-hidden="true" class="fa-solid fa-arrow-right-long"></i></a>
3425                                    </div>
3426                                </div>
3427                            </div>  
3428                                                                                                                                                                            <div aria-labelledby="b12" class="m-person" hidden="" id="p12" role="tabpanel" tabindex="0">
3429                                                                                                                                                                                                    <div class="m-person__image" data-img="/peopleofwm/_images/tucker-peters-large-comp.jpg" style="background-image: url();">
3430                                        <img alt="" loading="lazy" src=""/>
3431                                    </div>
3432                                                                <div class="m-person__caption">
3433                                    <div class="m-person__bio">
3434                                        <div class="m-person__category">
3435                                            <a href="/peopleofwm/creative-critical-thinkers/index.php">
3436                                                <span>Creative &amp; Critical Thinkers</span>
3437                                            </a>
3438                                        </div>
3439                                        <div class="m-person__biocontent">
3440                                            <h3 class="m-person__name">Tucker Peters ’28</h3>
3441                                            <p class="m-person__major"></p>
3442                                            <p class="m-person__role">President and Founder of the W&amp;M AI Club</p>
3443                                        </div>
3444                                    </div>
3445                                    <div class="m-person__button">
3446                                        <a href="/peopleofwm/creative-critical-thinkers/peters-t/index.php"><span>More about Tucker</span><i aria-hidden="true" class="fa-solid fa-arrow-right-long"></i></a>
3447                                    </div>
3448                                </div>
3449                            </div>  
3450                                                                                                    </div>
3451        </div>
3452
3453                <div aria-label="People" class="m-people-thumbs" data-aos="fade" role="tablist">
3454            <div class="m-people-thumbs__content"> 
3455                                                                                                                                                                                                                                                                                                                <button aria-controls="p1" aria-selected="true" class="m-people-thumbs__button" id="b1" role="tab" style="background-image:url(/peopleofwm/_images/chip-esten-thumb.jpg)">
3456                                <span class="sr-only">Charles Esten ’87, P ’22</span>
3457                            </button>
3458                                                                                                                                                                                                                                                                                                                                    <button aria-controls="p2" aria-selected="false" class="m-people-thumbs__button" id="b2" role="tab" style="background-image:url(/peopleofwm/_images/jill-ellis-thumb.jpg)">
3459                                <span class="sr-only">Jill Ellis ’88, L.H.D ’16, P ’27</span>
3460                            </button>
3461                                                                                                                                                                                                                                                                                                                                                                        <button aria-controls="p3" aria-selected="false" class="m-people-thumbs__button" id="b3" role="tab" style="background-image:url(/peopleofwm/_images/mackenzie-corcoran-thumb.jpg)">
3462                                <span class="sr-only">Mackenzie Corcoran ’21</span>
3463                            </button>
3464                                                                                                                                                                                                                                                                                                                                    <button aria-controls="p4" aria-selected="false" class="m-people-thumbs__button" id="b4" role="tab" style="background-image:url(/peopleofwm/_images/bob-gates-thumb.jpg)">
3465                                <span class="sr-only">Robert M. Gates ’65, L.H.D. ’98</span>
3466                            </button>
3467                                                                                                                                                                                                                                                                                                                                                                        <button aria-controls="p5" aria-selected="false" class="m-people-thumbs__button" id="b5" role="tab" style="background-image:url(/peopleofwm/_images/ayanna-williams-thumb.jpg)">
3468                                <span class="sr-only">Ayanna Williams ’26</span>
3469                            </button>
3470                                                                                                                                                                                                                                                                                                                                    <button aria-controls="p6" aria-selected="false" class="m-people-thumbs__button" id="b6" role="tab" style="background-image:url(/peopleofwm/_images/will-smith-thumb.jpg)">
3471                                <span class="sr-only">Will Smith ’14</span>
3472                            </button>
3473                                                                                                                                                                                                                                                                                                                                    <button aria-controls="p7" aria-selected="false" class="m-people-thumbs__button" id="b7" role="tab" style="background-image:url(/peopleofwm/_images/ali-otto-thumb-comp.jpg)">
3474                                <span class="sr-only">Alexandra Otto ’27</span>
3475                            </button>
3476                                                                                                                                                                                                                                                                                                                                                                        <button aria-controls="p8" aria-selected="false" class="m-people-thumbs__button" id="b8" role="tab" style="background-image:url(/peopleofwm/_images/nyla-photo-thumb.jpg)">
3477                                <span class="sr-only">Nyla Pollard ’21</span>
3478                            </button>
3479                                                                                                                                                                                                                                                                                                                                    <button aria-controls="p9" aria-selected="false" class="m-people-thumbs__button" id="b9" role="tab" style="background-image:url(/peopleofwm/_images/rachel-chung-thumb.jpg)">
3480                                <span class="sr-only">Rachel Chung</span>
3481                            </button>
3482                                                                                                                                                                                                                                                                                                                                    <button aria-controls="p10" aria-selected="false" class="m-people-thumbs__button" id="b10" role="tab" style="background-image:url(/peopleofwm/_images/milan-chakraborty-thumb.jpg)">
3483                                <span class="sr-only">Milan Chakraborty ’00</span>
3484                            </button>
3485                                                                                                                                                                                                                                                                                                                                    <button aria-controls="p11" aria-selected="false" class="m-people-thumbs__button" id="b11" role="tab" style="background-image:url(/peopleofwm/_images/darius-mccallum-thumb.jpg)">
3486                                <span class="sr-only">Darius McCallum ’27</span>
3487                            </button>
3488                                                                                                                                                                                                                                                                                                                                    <button aria-controls="p12" aria-selected="false" class="m-people-thumbs__button" id="b12" role="tab" style="background-image:url(/peopleofwm/_images/tucker-peters-thumb.jpg)">
3489                                <span class="sr-only">Tucker Peters ’28</span>
3490                            </button>
3491                                                                                                    </div>
3492        </div>
3493        
3494
3495</div>
3496
3497        
3498        
3499        <div class="o-people__buttonwrapper" data-aos="fade">
3500            <a class="o-people__button" href="/peopleofwm/index.php">Read More Stories<i aria-hidden="true" class="fa-solid fa-arrow-right-long"></i></a>
3501        </div>
3502
3503    </div> <!-- end people-content -->
3504    
3505</section>
3506
3507        
3508                   
3509    
3510    
3511    
3512
3513	
3514               
3515            
3516            
3517            
3518    
3519                
3520        
3521        
3522        
3523
3524		</main>
3525		
3526
3527
3528
3529
3530
3531
3532
3533
3534
3535
3536    
3537    
3538    
3539                
3540	
3541
3542
3543
3544
3545
3546
3547
3548
3549
3550
3551    
3552
3553
3554<footer class="footersection o-wm-footer" id="footer">
3555<div class="o-wm-footer__wrapper">
3556<div class="o-wm-footer__logo-column o-wm-footer__column col">
3557<div><a data-gtm="footer-wordmark" href="/"> <img alt="Âé¶¹ÆÆ½â°æ logo" loading="lazy" src="/images/wm_vertical_single_line.svg"/> </a><hr/>
3558<p class="o-wm-footer__text">Follow W&amp;M on Social Media:</p>
3559<div class="footer_social-media-nav__wrapper">   </div>
3560<a class="o-wm-footer__social" data-gtm="footer-social" href="/social/index.php">Social Stream</a><hr/>
3561<p class="o-wm-footer__city">Williamsburg, Virginia</p>
3562<a class="o-wm-footer__contact" data-gtm="footer-contact" href="/contactus/index.php">Contact Us</a></div>
3563</div>
3564<div class="o-wm-footer__column col"><nav>
3565<h2 class="o-wm-footer__title">Resources for</h2>
3566<ul class="o-wm-footer__list" data-gtm="footer-infofor"><!--<li><a class="o-wm-footer__link" data-infofor="button_infofor_prospective" href="/admission/index">Prospective Students</a></li>-->
3567<li><a class="o-wm-footer__link" data-infofor="button_infofor_current" href="/currentstudents/index.php">Current Students</a></li>
3568<li><a class="o-wm-footer__link" data-infofor="button_infofor_facstaff" href="/facultystaff/index.php">Faculty &amp; Staff</a></li>
3569<li><a class="o-wm-footer__link" data-infofor="button_infofor_parentsfamilies" href="/parentsandfamilies/index.php">Parents &amp; Families</a></li>
3570<li></li>
3571</ul>
3572</nav></div>
3573<div class="o-wm-footer__column col"><nav>
3574<h2 class="o-wm-footer__title">Discover</h2>
3575<ul class="o-wm-footer__list" data-gtm="footer-discover">
3576<li><a class="o-wm-footer__link" href="/admission/index.php">Admission &amp; Aid</a></li>
3577<li><a class="o-wm-footer__link" href="/academics/index.php">Academics</a></li>
3578<li><a class="o-wm-footer__link" href="/student-life/index.php">Student Life</a></li>
3579<li><a class="o-wm-footer__link" href="/research/index.php">Research</a></li>
3580<li><a class="o-wm-footer__link" href="/about/index.php">About</a></li>
3581<li><a class="o-wm-footer__link" href="/news/index.php">News</a></li>
3582</ul>
3583</nav></div>
3584<div class="o-wm-footer__column col"><nav>
3585<h2 class="o-wm-footer__title">Quick Links</h2>
3586<ul class="o-wm-footer__list" data-gtm="footer-quick">
3587<li><a class="o-wm-footer__link" href="/about/search/index.php">Search W&amp;M</a></li>
3588<li><a class="o-wm-footer__link" href="/atoz/index.php">W&amp;M A-Z</a></li>
3589<li><a class="o-wm-footer__link" href="/offices/career/employers/index.php">Employers</a></li>
3590<li><a class="o-wm-footer__link" href="/offices/uhr/careers/index.php">Careers at W&amp;M</a></li>
3591<li><a class="o-wm-footer__link" href="/offices/publicsafety/emergency/index.php">Emergency</a></li>
3592<li><a class="o-wm-footer__link" href="/report/index.php">Report Concerns</a></li>
3593</ul>
3594</nav></div>
3595</div>
3596<div class="o-wm-footer__miscinfo">
3597<div class="o-wm-footer__miscinfo-wrapper">
3598<div class="o-wm-footer__copyright">&#169;2026 All Rights Reserved.</div>
3599<ul class="o-wm-footer__misclist" data-gtm="footer-subfooter">
3600<li class="o-wm-footer__miscitem"><a class="o-wm-footer__link" href="/offices/ce/equity/accessibility-at-wm/index.php">Accessibility</a></li>
3601<li class="o-wm-footer__miscitem"><a class="o-wm-footer__link" href="/offices/ce/consumer-information/index.php">Consumer Information</a></li>
3602<li class="o-wm-footer__miscitem"><a class="o-wm-footer__link" href="/offices/ce/compliance/nondiscrimination-notice/index.php">Non-Discrimination Notice</a></li>
3603<li class="o-wm-footer__miscitem"><a class="o-wm-footer__link" href="/offices/ce/policies/index.php">Policies</a></li>
3604<li class="o-wm-footer__miscitem"><a class="o-wm-footer__link" href="/aboutthissite/privacy/index.php">Privacy &amp; Security</a></li>
3605</ul>
3606</div>
3607</div>
3608</footer>
3609    
3610
3611
3612	    
3613
3614		
3615
3616
3617
3618
3619
3620
3621
3622
3623
3624    
3625    
3626    
3627                
3628	
3629
3630
3631
3632
3633
3634
3635
3636
3637
3638
3639
3640
3641
3642
3643<script src="/js/main.js?v=021926" type="text/javascript"></script>
3643
3644
3645    
3646    
3647    
3648
3649	    
3650
3651
3652		
3653<link href="/js/vendor/aos/aos.css" rel="stylesheet"/>
3654<link href="/css/homepage/home_postloaded.css" rel="stylesheet"/>
3655
3656<script defer="true" src="/js/vendor/aos/aos.js"></script>
vendor: 1 bytes, line 3656
3656
3657<script defer="true" src="/js/homepage/homepage_postloaded_rows.js" type="text/javascript"></script>
3657
3658
3659
3660
3661
3662	</body>
3663</html>

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.