<!DOCTYPE html>
<html lang="en-US">
<head id="Head"><meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<title>
U.S. Department of Defense
</title><meta id="MetaDescription" name="DESCRIPTION" content="The Department of Defense is America's largest government agency. Our mission is to provide the military forces needed to deter war and ensure our nation's security." /><meta id="MetaKeywords" name="KEYWORDS" content="Defense, Defense Department, Department of Defense, DoD, DOD, Secretary, Deputy Secretary, Joint Chief, United States, Military, Government, Pentagon, Secretary of Defense, Deputy Secretary of Defense" /><meta id="MetaRobots" name="ROBOTS" content="INDEX, FOLLOW" /><link href="/Resources/Shared/stylesheets/dnndefault/7.0.0/default.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/DesktopModules/ArticleCSDashboard/module.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/DesktopModules/SlideShow/module.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/ValidatedPlugins/slick-carousel/slick/slick.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/ValidatedPlugins/slick-carousel/slick/slick-theme.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/desktopmodules/SlideShow/Templates/DGOV2/template.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/Bootstrap/css/bootstrap.min.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/Portals/_default/skins/dgov2/skin.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/Portals/_default/Containers/DGOV2/container.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/Portals/1/portal.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/DesktopModules/MVC/DVIDSLiveEvents2/resources/css/livebadge.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/Portals/_default/skins/dgov2/resources/css/dnn.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/Portals/1/Page-Assets/home/home-new.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/SocialIcons/css/fa-social-icons.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/Skin/SkipNav/css/skipnav.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/desktopmodules/ArticleCS/styles/DefenseGOV2/style.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/ColorBox/colorbox.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/MediaElement4.2.9/mediaelementplayer.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/carouFredSel/base.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/ValidatedPlugins/font-awesome6/css/all.min.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/ValidatedPlugins/font-awesome6/css/v4-shims.min.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/ValidatedPlugins/videojs/dist/video-js.min.css?cdv=1511" type="text/css" rel="stylesheet"/><link href="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/css/style.min.css?cdv=1511" type="text/css" rel="stylesheet"/><script src="/Resources/libraries/jQuery/03_05_01/jquery.js?cdv=1511" type="text/javascript"></script><script src="/Resources/libraries/jQuery-Migrate/03_02_00/jquery-migrate.js?cdv=1511" type="text/javascript"></script><script src="/Resources/libraries/jQuery-UI/01_12_01/jquery-ui.js?cdv=1511" type="text/javascript"></script><style>@media (min-width: 769px) and (max-width: 1199px) {
#header-main.new-nav .logo img
{ height: 45px; }
#header-main.new-nav .logo
{ top: 1px; }
}
@media only screen and (max-width: 768px)
.banner-item {
padding-top: 90px;
}
@media only screen and (max-width: 550px)
.banner-item {
padding-top: 110px;
}
</style>
<!-- Open Graph Data -->
<meta property="og:title" content="U.S. Department of Defense"/>
<meta property="og:url" content="https://www.defense.gov/"/>
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.defense.gov/Portals/1/Images/home-tile.jpg"/>
<meta property="og:site_name" content="U.S. Department of Defense"/>
<meta property="og:description" content="The Department of Defense is America's largest government agency. With our military tracing its roots back to pre-Revolutionary times, the department has grown and evolved with our nation."/>
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="https://www.defense.gov/"/>
<meta name="twitter:creator" content="@DeptofDefense" />
<meta name="twitter:title" content="U.S. Department of Defense" />
<meta name="twitter:description" content="The Department of Defense is America's largest government agency. With our military tracing its roots back to pre-Revolutionary times, the department has grown and evolved with our nation." />
<meta name="twitter:image" content="https://www.defense.gov/Portals/1/Images/home-tile.jpg" />
<!-- Verification metatags -->
<meta name="google-site-verification" content="lcQS9MV5xMisePG-IKaE9ZNfyaMJ9qVLemvuOy3PRFQ" />
<meta name="msvalidate.01" content="235F405786FAB553A2A8EF5FD13514A7" />
<meta name="msvalidate.01" content="4BAA65E882EAE4403F4FAB3443D34664" />
<meta name="google-site-verification" content="nfNn_S6Ki0r3N9JWs7xQ6wLvXG7aNfgm5yKHnZMobhU" />
<script type="text/javascript" src="https://s7.addthis.com/js/250/addthis_widget.js#pubid=">
var addthis_config = {
data_use_flash: false,
data_use_cookies: false,
ui_508_compliant: true
}
</script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Slick/1.9.0/slick.min.js?cdv=320" type="text/javascript"></script>
<link href="/Desktopmodules/SharedLibrary/Plugins/Slick/1.9.0/slick.min.css?cdv=320" type="text/css" rel="stylesheet"><link rel='SHORTCUT ICON' href='/Portals/1/favicon.ico?ver=wSJzjXOlssZVvf5cay20vA%3d%3d' type='image/x-icon' /><meta name='host' content='DMA Public Web' /><meta name='contact' content='dma.meade.web-mil-service-desk@mail.mil' /><script src="/Desktopmodules/SharedLibrary/Plugins/GoogleAnalytics/Universal-Federated-Analytics-6.9.js?agency=DOD&subagency=DMA&sitetopic=dma.web&dclink=true" id="_fed_an_ua_tag" ></script><meta name="viewport" content="width=device-width,initial-scale=1" /></head>
<body id="Body">
<form method="post" action="/" id="Form" enctype="multipart/form-data">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="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" />
<script src="/ScriptResource.axd?d=NJmAwtEo3IqOv4sUh-Rig0r8ribOsOru6PRUuOPeOUTxaLr0LkqwjUZ1KfN2pxsTzXrhnEn2qPqMmFHAgZnpJORcEUNLaSpc226qJmze-FYKMecKHwPV-k73fvQH1Ku4KKXAUA2&t=2e7d0aca" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=dwY9oWetJoJ4ZjA-1jPcEhP7ER5pj7vUnbl87xIrp5KgCIH7OinCkP3cK37LGan3ayBW32yRZSEgGl2tgZv50n3b6-V5-8OCkx2VKFRvNoTMy9OkcSdmsXHaJpvqsXD5HuMXQgmzxnfjN1aI0&t=2e7d0aca" type="text/javascript"></script>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334" />
<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="ZSRA9cf12a0wYwfA9AAYhi+QGEK+129AmQPY7yEZ/dpb87lekXtkVnk777+dQA86bgCKGn7aI3qzOkDK5Y3NX+EK+OOEF3hQuLLsinhTtA9COkNN" /><script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/slick-carousel/slick/slick.min.js?cdv=1511" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/MediaElement4.2.9/mediaelement-and-player.min.js?cdv=1511" type="text/javascript"></script><script src="/js/dnn.js?cdv=1511" type="text/javascript"></script><script src="/js/dnn.modalpopup.js?cdv=1511" type="text/javascript"></script><script src="/Portals/_default/skins/dgov2/resources/js/skin.js?cdv=1511" type="text/javascript"></script><script src="/Portals/_default/skins/dgov2/resources/js/menu.js?cdv=1511" type="text/javascript"></script><script src="/js/dnncore.js?cdv=1511" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/Mobile-Detect/mobile-detect.min.js?cdv=1511" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/moment/moment.js?cdv=1511" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/vue/vue.min.js?cdv=1511" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/vue-resource/vue-resource.min.js?cdv=1511" type="text/javascript"></script><script src="/DesktopModules/ArticleCS/Resources/ArticleCS/js/ArticleCS.js?cdv=1511" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/ColorBox/jquery.colorbox.js?cdv=1511" type="text/javascript"></script><script src="/Resources/libraries/jQuery-Migrate/03_00_00/jquery-migrate.js?cdv=1511" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/DVIDSAnalytics/DVIDSVideoAnalytics.min.js?cdv=1511" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/TouchSwipe/jquery.touchSwipe.min.js?cdv=1511" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/Cycle/cycle2.js?cdv=1511" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/Cycle/jquery.cycle2.swipe.js?cdv=1511" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/ImageScroll/jquery.imageScroll.min.js?cdv=1511" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/carouFredSel/jquery.carouFredSel-6.2.1-packed.js?cdv=1511" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/BodyScrollLock/bodyScrollLock.js?cdv=1511" type="text/javascript"></script><script src="/DesktopModules/Slideshow/Scripts/dist/es6dependencies.build.js?cdv=1511" type="text/javascript"></script><script src="/DesktopModules/Slideshow/Scripts/dist/gridslideshow.build.js?cdv=1511" type="text/javascript"></script><script src="/desktopmodules/slideshow/resources/js/dgov2_sharemore.js?cdv=1511" type="text/javascript"></script><script src="/js/dnn.servicesframework.js?cdv=1511" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/Skin/js/common.js?cdv=1511" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/moment-timezone/builds/moment-timezone-with-data.js?cdv=1511" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/image-set-polyfill/image-set-polyfill.js?cdv=1511" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/videojs/dist/video.min.js?cdv=1511" type="text/javascript"></script><script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/script.js?cdv=1511" type="text/javascript"></script><script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/dgov-icons.js?cdv=1511" type="text/javascript"></script><script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/dle-events-panel.js?cdv=1511" type="text/javascript"></script><script src="/DesktopModules/MVC/DVIDSLiveEvents2/resources/js/dvids-dle-api.js?cdv=1511" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ScriptManager', 'Form', [], [], [], 3600, '');
//]]>
</script>
<!--CDF(Javascript|/Portals/_default/skins/dgov2/resources/js/skin.js?cdv=1511|DnnBodyProvider|100)-->
<!--CDF(Javascript|/Portals/_default/skins/dgov2/resources/js/menu.js?cdv=1511|DnnBodyProvider|100)-->
<script type="text/javascript">
$('#personaBar-iframe').load(function() {$('#personaBar-iframe').contents().find("head").append($("<style type='text/css'>.personabar .personabarLogo {}</style>")); });
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
initializeSkin();
});
</script>
<script type="text/javascript">
var skinvars = {"SiteName":"U.S. Department of Defense","SiteShortName":"Defense.gov","SiteSubTitle":"","aid":"defensegov","IsSecureConnection":true,"IsBackEnd":false,"DisableShrink":false,"IsAuthenticated":false,"SearchDomain":"search.defense.gov","SiteUrl":"https://www.defense.gov/","LastLogin":null,"IsLastLoginFail":false,"IncludePiwik":false,"PiwikSiteID":-1,"SocialLinks":{"Facebook":{"Url":"","Window":"","Relationship":null},"Twitter":{"Url":"","Window":"","Relationship":null},"YouTube":{"Url":"","Window":"","Relationship":null},"Flickr":{"Url":"","Window":"","Relationship":null},"Pintrest":{"Url":"","Window":"","Relationship":null},"Instagram":{"Url":"","Window":"","Relationship":null},"Blog":{"Url":"","Window":"","Relationship":null},"RSS":{"Url":"","Window":"","Relationship":null},"Podcast":{"Url":"","Window":"","Relationship":null},"Email":{"Url":"","Window":"","Relationship":null},"LinkedIn":{"Url":"","Window":"","Relationship":null},"Snapchat":{"Url":"","Window":"","Relationship":null}},"SiteLinks":null,"LogoffTimeout":10500000,"SiteAltLogoText":"Logo for U.S. Department of Defense"};
</script>
<script type="application/ld+json">{"@context":"http://schema.org","@type":"Organization","logo":"https://www.defense.gov/Portals/1/Images/DOD-Icon-Header.png?ver=5sAfFl2--9znca0j3SrX_g%3d%3d","name":"U.S. Department of Defense","url":"https://www.defense.gov/","sameAs":[]}</script>
<div id="skip-link-holder"><a id="skip-link" href="#skip-target">Skip to main content (Press Enter).</a></div>
<header class="top hover new-nav " id="header-main">
<div class="header_banner_container">
<div class="header_banner_inner">
<div class="header_banner_flag">
An official website of the United States Government <div class="header_banner_accordion" tabindex="0">
<u>Here's how you know</u><i class="fa fa-chevron-down expand-more-container"></i>
</div>
</div>
<div class="header_banner_panel" style="">
<div class="header_banner_panel_item">
<span class="header_banner_dotgov"></span>
<div class="header_banner_content">
<p><strong>Official websites use .gov</strong></p>
A <strong>.gov</strong> website belongs to an official
government organization in the United States.
</div>
</div>
<div class="header_banner_panel_item https">
<span class="header_banner_https"></span>
<div class="header_banner_content">
<p><strong>Secure .gov websites use HTTPS</strong></p>
<div>
A <strong>lock (<span class="header_banner_icon_lock">
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="64" viewBox="0 0 52 64">
<title>lock</title>
<path fill="#FFF" fill-rule="evenodd" d="M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z" />
</svg>
</span>)</strong> or
<strong>https://</strong> means you’ve safely connected to the .gov website.
Share sensitive information only on official, secure websites.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-utility-nav">
<div class="inner">
<ul class="social-nav"><li class="social-item"><a href="https://twitter.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="X" aria-label="X"><span class="social-icon fa-brands fa-x-twitter social-link-4"></span></a></li><li class="social-item"><a href="https://www.facebook.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="Facebook" aria-label="Facebook"><span class="social-icon fa-brands fa-facebook-f social-link-1"></span></a></li><li class="social-item"><a href="https://www.instagram.com/deptofdefense/" target="_blank" rel="noopener noreferrer" title="Instagram" aria-label="Instagram"><span class="social-icon fa fa-instagram social-link-3"></span></a></li><li class="social-item"><a href="http://www.linkedin.com/company/deptofdefense" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn"><span class="social-icon fa-brands fa-linkedin-in social-link-50"></span></a></li><li class="social-item"><a href="https://www.youtube.com/deptofdefense" target="_blank" rel="noopener noreferrer" title="YouTube" aria-label="YouTube"><span class="social-icon fa-brands fa-youtube social-link-2"></span></a></li></ul>
</div>
</div>
<div class="header-main-nav-wrapper">
<div class="header-inner">
<div id="nav-burger" class="hide-on-mobile-nav-open" aria-role="button" aria-label="toggle navigation"><span></span><span></span><span></span><span></span></div>
<div class="logo-wrapper">
<a class="logo" href="https://www.defense.gov/" target="">
<img src="/Portals/1/Images/DOD-Icon-Header.png?ver=5sAfFl2--9znca0j3SrX_g%3d%3d" alt="Logo for U.S. Department of Defense" title="U.S. Department of Defense" />
<span>U.S. Department<span>of</span>Defense</span>
</a>
</div>
<!--CDF(Css|/DesktopModules/MVC/DVIDSLiveEvents2/resources/css/livebadge.css?cdv=1511|DnnPageHeaderProvider|100)-->
<!--CDF(Javascript|/DesktopModules/MVC/DVIDSLiveEvents2/resources/js/dvids-dle-api.js?cdv=1511|DnnBodyProvider|1050)-->
<div v-cloak id="dle-live-badge-47246b14-b9a7-4a77-b052-6e64380f7416"
v-on:click="handleBadgeClick()"
:class="{'dle-live-badge': true,'live-now': videos.liveNow.length > 0, 'open': ddState === 1, 'opening': ddState === 2}"
v-if="videos.all.length > 0">
<div id="dle-live-badge-47246b14-b9a7-4a77-b052-6e64380f7416-tab-before" tabindex="0" v-on:keydown="handleBadgeKeyDown" v-on:keyup="handleBadgeKeyUp"></div>
<div class="dle-live-badge-container"
v-on:mouseenter="setLiveBadgeWidth()">
<div class="dle-live-badge-button">
<div class="dle-pulsating-circle" v-if="videos.liveNow.length > 0"></div>
<div class="dle-live-badge-title">{{buttonLabel}}</div>
</div>
<div class="lead-in-event" >
<div v-if="videos.all.length > 0">
<div class="event-title">
<div class="event-title-text" style="opacity: 0; white-space: nowrap">{{videos.all[0].title}}</div>
</div>
</div>
</div>
</div>
<div class="dle-live-badge-dd-arrow"></div>
<div class="dle-live-badge-dropdown"
v-bind:style="dropdownStyles"
>
<div v-if="videos.liveNow.length > 0" class="event-list">
<div v-if="videos.liveToday.length > 0 || videos.liveLater.length > 0" class="event-list-heading">Live Now</div>
<div class="drop-item"
v-for="(item, index) in videos.liveNow">
<a :href="item.url" class="event-title">
<span class="event-title-text">{{item.title}}</span>
</a>
</div>
</div>
<div v-if="videos.liveToday.length > 0 || videos.liveLater.length > 0" class="event-list">
<div v-if="videos.liveNow.length > 0" class="event-list-heading">Upcoming</div>
<div class="drop-item"
v-for="(item, index) in videos.liveToday">
<a :href="item.url" class="event-title">
<span class="time">{{item.formattedStartDate}}</span>
<span class="event-title-text">{{item.title}}</span>
</a>
</div>
<div class="drop-item"
v-for="(item, index) in videos.liveLater">
<a :href="item.url" class="event-title">
<span class="time">{{item.formattedStartDate}}</span><br />
<span class="event-title-text">{{item.title}}</span>
</a>
</div>
</div>
</div>
<div id="dle-live-badge-47246b14-b9a7-4a77-b052-6e64380f7416-tab-after" tabindex="0" v-on:keydown="handleBadgeKeyDown" v-on:keyup="handleBadgeKeyUp"></div>
</div>
<script>
(async () => {
const liveBadgeConfig = {"data":{"dvidsParams":{"eventFilterType":"man","toggleEventListMaxResults":true,"toggleUpcomingEventMaxResultView":true,"toggleLiveTodayEventMaxResultView":false,"toggleEventListToDateRange":false,"toggleEventHashtags":true,"toggleIncludeExternals":false,"toggleEventSort":true,"eventListMaxResults":"50","upcomingEventMaxResultView":"5","liveTodayEventMaxResultView":"3","eventListToDays":7,"includeExternals":false,"eventHashtags":"dgovlive","eventSort":"asc","autoplay":true,"manualSelectedEvents":"","showLiveNowList":true,"showLiveTodayList":true,"showUpcomingEventsList":true,"apiKey":"key-5b75d9ba94822","dvidsURL":"https://api.dvidshub.net/","dvidsStagingURL":null,"showTestVid":false,"showPanelWhenEmpty":false,"toDate":"2024-06-22T23:59:59.0000000-04:00","fromDate":"2024-05-03T13:29:56.5316180-04:00"},"dleDNNSettings":{"templateLayout":"Left","templateStyle":"DGOV","moduleMode":"Player","moduleTitle":"LIVE EVENTS","liveNowListTitle":"LIVE TODAY","liveNowDefaultText":"There are currently no events scheduled for today.","liveTodayListTitle":"LIVE TODAY","liveTodayDefaultText":"No Events Currently Scheduled","upcomingEventsListTitle":"UPCOMING EVENTS","upcomingEventsDefaultText":"There are currently no upcoming events scheduled.","countdownTitle":"UP NEXT","templateDisclaimer":"Having playback problems? \u003ca href=\"/News/Live-Events/\"\u003eClick here to refresh the page.\u003c/a\u003e If you continue to have issues, try changing to a different web browser.","videoBugPosition":"TopRight","showModuleTitle":false,"showEventTitle":true,"showEventDesc":true,"showCountdownTitle":true,"showCountdownDesc":true,"showVideoBug":false,"liveNowActiveClick":"on","liveNowActiveManualTime":"fifteenMin","toggleError":false,"selectedSMMSealId":2002859035,"selectedSeal":"https://media.defense.gov/2021/Sep/21/2002859035/400/400/0/210921-D-D0439-103.PNG","selectedSMMSealForErrorsId":2002859034,"selectedSealForErrors":"https://media.defense.gov/2021/Sep/21/2002859034/400/400/0/210921-D-D0439-102.PNG","selectedSMMCountdownBackgroundId":2002042277,"selectedBackground":"https://media.defense.gov/2018/Sep/19/2002042277/800/450/0/180919-D-MA852-001.JPG","selectedSMMNoEventBackgroundId":2002041905,"selectedNoEvent":"https://media.defense.gov/2018/Sep/18/2002041905/800/450/0/180918-D-MA852-004.JPG","selectedDVIDSVideoBugId":2002041896,"selectedVideoBug":"https://media.defense.gov/2018/Sep/18/2002041896/200/200/0/180918-D-MA852-002.PNG","dvidsVideoPlayerUrl":"https://www.defense.gov/Multimedia/Videos?videoid=","dvidsLiveEventsUrl":"https://www.defense.gov/News/LiveEvents/#/?currentVideo=","noEventsLink":"/Multimedia/Videos/","toggleLiveEventVideoBug":false,"liveEventVideoBugPosition":"TopRight","isBackend":false},"dleTestSettings":null}};
new Vue({
el:'#dle-live-badge-47246b14-b9a7-4a77-b052-6e64380f7416',
data: {
isLiveNow: false,
videos: {
all: [],
liveNow: [],
liveToday: [],
liveLater: []
},
config: {},
dropdownStyles: {},
ddState: 0,
leadInText: '',
leadInTimeoutId: null,
leadInTimeoutOnce: false,
},
computed: {
buttonLabel: function () {
if (this.videos && this.videos.liveNow && this.videos.liveNow.length > 0)
return "Live Now";
if (this.videos && this.videos.liveToday && this.videos.liveToday.length > 0 && this.videos.liveLater.length === 0) {
return "Live Today";
}
return "Live Events";;
},
},
created() {
window.addEventListener("resize", this.liveBadgeResizeHandler);
window.addEventListener("scroll", this.liveBadgeResizeHandler);
},
destroyed() {
window.removeEventListener("resize", this.liveBadgeResizeHandler);
window.removeEventListener("resize", this.leadInTextResizeHandler);
window.removeEventListener("scroll", this.liveBadgeResizeHandler);
},
mounted: function () {
try {
this.config = {
dvids: liveBadgeConfig.data.dvidsParams,
dle: liveBadgeConfig.data.dleDNNSettings,
test: liveBadgeConfig.data.dleTestSettings
};
this.getVideos();
} catch (e) {
this.onBackend() && console.error(e);
}
if (this.config.test && this.config.test.testUseTestData) {
return;
}
setInterval(() => {
this.getVideos();
},
15000);
},
methods: {
getVideos: async function () {
let videoListObj = {};
try {
const dvidsParams = DLEApi.createDvidsParams(this.config.dvids);
if (this.config.test && this.config.test.testUseTestData) {
videoListObj = DLEApi.getFakeVideoList(
this.config.test.testLiveNowEventsCount,
this.config.test.testLiveTodayEventsCount,
this.config.test.testUpcomingEventsCount
);
videoListObj.videos = videoListObj.videos.slice(0, dvidsParams.max_results);
} else {
videoListObj = await DLEApi.getVideoList(dvidsParams);
}
this.videos = DLEApi.parseVideoList(videoListObj, this.config);
setTimeout(() => {
this.setupLeadIn();
},
100);
} catch (e) {
this.onBackend() && console.error(e);
}
},
setLiveBadgeWidth: function () {
let positioningEl;
try {
positioningEl = 'header .header-inner' ?
document.querySelector('header .header-inner') :
document.body;
if (positioningEl === null) {
positioningEl = document.body;
}
} catch (e) {
this.onBackend() && console.warn('DVIDS Live Events dropdown container not found. The error is:', e);
positioningEl = document.body;
}
try {
const ppos = positioningEl.getBoundingClientRect();
const dd = document.querySelector('.dle-live-badge-dropdown');
if (dd.style.display === "block") return;
dd.style.visibility = 'hidden';
dd.style.display = 'block';
dd.style.width = 'auto';
dd.style.marginLeft = 0;
const ddRect = dd.getBoundingClientRect();
dd.style.display = 'none';
dd.style.visibility = 'visible';
let newWidth = Math.abs(ppos.right - ddRect.left);
const minWidth = ddRect.width;
if (newWidth < minWidth) {
newWidth = minWidth;
}
let newLeft = 0;
if (ddRect.x + newWidth > document.body.clientWidth) {
newLeft = document.body.clientWidth - ddRect.x - newWidth;
}
dd.style.width = newWidth + 'px';
dd.style.marginLeft = newLeft + 'px';
} catch (e) {
this.onBackend() && console.error('DVIDS Live Events error:', e);
}
},
liveBadgeResizeHandler: function () {
if (this.ddState === 0)
return;
this.manualStateChange();
},
manualStateChange: function () {
const vm = this;
if (vm.ddState === 0) {
$('body').addClass('dle-dd-open');
vm.ddState = 1;
vm.dropdownStyles = {
...vm.dropdownStyles,
display: 'block',
};
} else if (vm.ddState === 1) {
vm.ddState = 0;
vm.dropdownStyles = {
...vm.dropdownStyles,
display: 'none',
};
$('body').removeClass('dle-dd-open');
}
},
handleBadgeKeyDown: function (event) {
if (!event) return;
if ((event.target.id === 'dle-live-badge-47246b14-b9a7-4a77-b052-6e64380f7416-tab-before' && event.key.toUpperCase() === 'TAB' && !event.shiftKey) ||
(event.target.id === 'dle-live-badge-47246b14-b9a7-4a77-b052-6e64380f7416-tab-after' && event.key.toUpperCase() === 'TAB' && event.shiftKey))
event.preventDefault();
},
handleBadgeKeyUp: function (event) {
if (!event) return;
event.preventDefault();
const vm = this;
this.setLiveBadgeWidth();
this.manualStateChange();
if (vm.ddState === 1) {
setTimeout(() => {
if (event.key.toUpperCase() === 'TAB' && !event.shiftKey) {
$(".dle-live-badge-dropdown a:first").focus();
} else {
$(".dle-live-badge-dropdown a:last").focus();
}
$(".dle-live-badge-dropdown a:first").off();
$(".dle-live-badge-dropdown a:first").on('keydown',
function (e) {
if (e.shiftKey && e.key.toUpperCase() === 'TAB') {
e.preventDefault();
$('#dle-live-badge-47246b14-b9a7-4a77-b052-6e64380f7416-tab-before').focus();
}
});
},
50);
$(".dle-live-badge-dropdown a:last").off();
$(".dle-live-badge-dropdown a:last").on('keydown',
function (e) {
if (e.key.toUpperCase() === 'TAB' && !e.shiftKey) {
e.preventDefault();
$('#dle-live-badge-47246b14-b9a7-4a77-b052-6e64380f7416-tab-after').focus();
}
});
}
},
handleBadgeClick: function () {
if (!window.matchMedia('(max-width: 768px)').matches) {
try {
window.location.href = this.config.dle.dvidsLiveEventsUrl;
} catch (e) {
this.onBackend() && console.error('DVIDS Live Events error: ', e);
}
}
if (this.ddState === 0) {
this.setLiveBadgeWidth();
}
this.manualStateChange();
},
setupLeadIn: function () {
if (!this.videos || !this.videos.all || this.videos.all.length === 0) {
return;
}
this.leadInText = this.videos.all[0].title;
window.removeEventListener("resize", this.leadInTextResizeHandler);
window.addEventListener("resize", this.leadInTextResizeHandler);
this.checkLeadInWidth();
},
checkLeadInWidth: function () {
const vm = this;
$(this.$el).find('.lead-in-event .event-title-text').each(function () {
let el = this;
el.innerText = vm.leadInText;
el.style.whiteSpace = "nowrap";
el.style.overflow = "visible";
const oneLineBounds = el.getBoundingClientRect();
el.style.whiteSpace = "normal";
const nLinesBounds = el.getBoundingClientRect();
if (nLinesBounds.height > oneLineBounds.height) {
const splitText = vm.leadInText.split(' ');
for (let i = 0; i < splitText.length; i++) {
const newText = splitText.slice(0, splitText.length - 1 - i);
el.innerText = newText.join(' ') + '...';
const newTextBounds = el.getBoundingClientRect();
if (newTextBounds.height <= oneLineBounds.height) {
break;
}
}
}
el.style.overflow = "hidden";
el.style.opacity = 1;
});
},
leadInTextResizeHandler: function () {
const vm = this;
// Clear the debounce timer
clearTimeout(vm.leadInTimeoutId);
// Debounce timer
vm.leadInTimeoutId = setTimeout(() => {
vm.checkLeadInWidth();
vm.leadInTimeoutOnce = false;
}, 10);
// Run once immediately
if (!vm.leadInTimeoutOnce) {
vm.checkLeadInWidth();
vm.leadInTimeoutOnce = true;
}
},
onBackend: function () {
return this.config && this.config.dle && this.config.dle.isBackend;
}
}
});
})();
</script>
<nav class="main">
<ul>
<li class="mobile-back"><a href="#"><i class="fa fa-chevron-left"></i>Back</a></li>
<li class="mobile-home"><a href="/">Home</a></li>
<li class="mobile-level1-placeholder"><a href="#">Place Holder</a></li>
<li class="desktop-blank"></li>
<li class="parent top-level ">
<a href="https://www.defense.gov/News/" tabindex="0" aria-expanded="false">News<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container">
<ul class="level2">
<li class="parent">
<a href="https://www.defense.gov/News/Press-Products/" tabindex="0" aria-expanded="false"><span class="main">Press Products</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/News/Today-in-DOD/" tabindex="0" ><span class="main">Today in DOD</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Live-Events/" tabindex="0" ><span class="main">Live Events</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Releases/" tabindex="0" ><span class="main">Releases</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Advisories/" tabindex="0" ><span class="main">Advisories</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Transcripts/" tabindex="0" ><span class="main">Transcripts</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Speeches/" tabindex="0" ><span class="main">Speeches</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Publications/" tabindex="0" ><span class="main">Publications</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Contracts/" tabindex="0" ><span class="main">Contracts</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="https://www.defense.gov/News/Newsroom/" tabindex="0" aria-expanded="false"><span class="main">Newsroom</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/News/News-Stories/" tabindex="0" ><span class="main">News Stories</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Feature-Stories/" tabindex="0" ><span class="main">Feature Stories</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/From-the-Services/" tabindex="0" ><span class="main">Stories from the Services</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="https://www.defense.gov/Multimedia/" aria-expanded="false"><span class="main">Multimedia</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/Multimedia/Photos/" tabindex="0" ><span class="main">Photos</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Multimedia/Videos/" tabindex="0" ><span class="main">Videos</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Multimedia/Experience/" tabindex="0" ><span class="main">Interactive Experiences</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent top-level ">
<a href="https://www.defense.gov/Spotlights/" tabindex="0" aria-expanded="false">Spotlights<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container">
<ul class="level2">
<li class="parent">
<a href="https://www.defense.gov/Spotlights/" aria-expanded="false"><span class="main">Trending Issues</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/Spotlights/Taking-Care-of-Our-People/" tabindex="0" ><span class="main">Taking Care of Our People</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Nato/" tabindex="0" ><span class="main">NATO</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Focus-on-Indo-Pacific/" tabindex="0" ><span class="main">Focus on the Indo-Pacific</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Support-for-Ukraine/" tabindex="0" ><span class="main">Support for Ukraine</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="https://www.defense.gov/Spotlights/" aria-expanded="false"><span class="main">Topics</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/Spotlights/Value-of-Service/" tabindex="0" ><span class="main">Value of Service</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Science-and-Technology/" tabindex="0" ><span class="main">Science & Technology</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Face-of-Defense/" tabindex="0" ><span class="main">Face of Defense</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/" tabindex="0" ><span class="main">All Spotlights</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent top-level ">
<a href="https://www.defense.gov/About/" tabindex="0" aria-expanded="false">About<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container">
<ul class="level2">
<li class="parent">
<a href="https://www.defense.gov/About/Leadership/" tabindex="0" aria-expanded="false"><span class="main">Leadership</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/About/Secretary-of-Defense/" tabindex="0" ><span class="main">Secretary of Defense</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Deputy-Secretary-of-Defense/" tabindex="0" ><span class="main">Deputy Secretary of Defense</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Chairman-of-the-Joint-Chiefs-of-Staff/" tabindex="0" ><span class="main">Chairman of the Joint Chiefs of Staff</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Vice-Chairman-of-the-Joint-Chiefs-of-Staff/" tabindex="0" ><span class="main">Vice Chairman of the Joint Chiefs of Staff</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Office-of-the-Secretary-of-Defense/" tabindex="0" ><span class="main">Office of the Secretary of Defense</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Biographies/" tabindex="0" ><span class="main">More Leaders</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="https://www.defense.gov/About/" aria-expanded="false"><span class="main">Components</span></a>
<ul class="parent">
<li class="">
<a href="https://www.army.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0" ><span class="main">Army</span></a>
</li>
<li class="">
<a href="https://www.marines.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0" ><span class="main">Marine Corps</span></a>
</li>
<li class="">
<a href="https://www.navy.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0" ><span class="main">Navy</span></a>
</li>
<li class="">
<a href="https://www.af.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0" ><span class="main">Air Force</span></a>
</li>
<li class="">
<a href="https://www.spaceforce.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0" ><span class="main">Space Force</span></a>
</li>
<li class="">
<a href="https://www.uscg.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0" ><span class="main">Coast Guard</span></a>
</li>
<li class="">
<a href="https://www.nationalguard.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0" ><span class="main">National Guard</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Combatant-Commands/" tabindex="0" ><span class="main">Combatant Commands</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
</ul>
<div class="nav-search-icon" tabindex="0">
<i class="fa fa-search"></i>
</div>
<div class="nav-search">
<label for="desktop-search" class="sr-only">Search</label>
<input id="desktop-search" title="Search" aria-label="Search" type="search" autocomplete="off" maxlength="256" name="header-search" placeholder="Search..." value="">
<span class="search-icon" tabindex="0"><i class="fa fa-search" aria-label="Search"></i></span>
<span class="close-icon" tabindex="0"><i class="desktop-search-close" aria-label="Search"></i></span>
</div>
<div class="level2-backdrop">
<div class="backdrop-image"></div>
</div>
</nav>
</div>
</div>
<div id="mobile-overlay"></div>
<div id="nav-drawer">
<div class="drawer-inner">
<div id="nav-burger-mobile" class="internal" aria-role="button" aria-label="toggle navigation"><span></span><span></span><span></span><span></span></div>
<div class="search-wrap">
<label for="mobile-search" class="sr-only">Search</label>
<input id="mobile-search" type="search" title="Search" id="search-main" placeholder="Search" maxlength="256" autocomplete="off" name="search-main" />
<span id="search-main-icon"><i class="fa fa-search"></i></span>
<a href="#" class="skin-search-go">Search</a>
</div>
<nav>
<div class="primary">
<ul>
<li class="mobile-back"><a href="#"><i class="fa fa-chevron-left"></i>Back</a></li>
<li class="mobile-home"><a href="/">Home</a></li>
<li class="mobile-level1-placeholder"><a href="#">Place Holder</a></li>
<li class="desktop-blank"></li>
<li class="parent top-level ">
<a href="https://www.defense.gov/News/" tabindex="0" aria-expanded="false">News<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container">
<ul class="level2">
<li class="parent">
<a href="https://www.defense.gov/News/Press-Products/" tabindex="0" aria-expanded="false"><span class="main">Press Products</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/News/Today-in-DOD/" tabindex="0" ><span class="main">Today in DOD</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Live-Events/" tabindex="0" ><span class="main">Live Events</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Releases/" tabindex="0" ><span class="main">Releases</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Advisories/" tabindex="0" ><span class="main">Advisories</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Transcripts/" tabindex="0" ><span class="main">Transcripts</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Speeches/" tabindex="0" ><span class="main">Speeches</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Publications/" tabindex="0" ><span class="main">Publications</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Contracts/" tabindex="0" ><span class="main">Contracts</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="https://www.defense.gov/News/Newsroom/" tabindex="0" aria-expanded="false"><span class="main">Newsroom</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/News/News-Stories/" tabindex="0" ><span class="main">News Stories</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Feature-Stories/" tabindex="0" ><span class="main">Feature Stories</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/From-the-Services/" tabindex="0" ><span class="main">Stories from the Services</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="https://www.defense.gov/Multimedia/" aria-expanded="false"><span class="main">Multimedia</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/Multimedia/Photos/" tabindex="0" ><span class="main">Photos</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Multimedia/Videos/" tabindex="0" ><span class="main">Videos</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Multimedia/Experience/" tabindex="0" ><span class="main">Interactive Experiences</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent top-level ">
<a href="https://www.defense.gov/Spotlights/" tabindex="0" aria-expanded="false">Spotlights<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container">
<ul class="level2">
<li class="parent">
<a href="https://www.defense.gov/Spotlights/" aria-expanded="false"><span class="main">Trending Issues</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/Spotlights/Taking-Care-of-Our-People/" tabindex="0" ><span class="main">Taking Care of Our People</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Nato/" tabindex="0" ><span class="main">NATO</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Focus-on-Indo-Pacific/" tabindex="0" ><span class="main">Focus on the Indo-Pacific</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Support-for-Ukraine/" tabindex="0" ><span class="main">Support for Ukraine</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="https://www.defense.gov/Spotlights/" aria-expanded="false"><span class="main">Topics</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/Spotlights/Value-of-Service/" tabindex="0" ><span class="main">Value of Service</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Science-and-Technology/" tabindex="0" ><span class="main">Science & Technology</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Face-of-Defense/" tabindex="0" ><span class="main">Face of Defense</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/" tabindex="0" ><span class="main">All Spotlights</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent top-level ">
<a href="https://www.defense.gov/About/" tabindex="0" aria-expanded="false">About<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container">
<ul class="level2">
<li class="parent">
<a href="https://www.defense.gov/About/Leadership/" tabindex="0" aria-expanded="false"><span class="main">Leadership</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/About/Secretary-of-Defense/" tabindex="0" ><span class="main">Secretary of Defense</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Deputy-Secretary-of-Defense/" tabindex="0" ><span class="main">Deputy Secretary of Defense</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Chairman-of-the-Joint-Chiefs-of-Staff/" tabindex="0" ><span class="main">Chairman of the Joint Chiefs of Staff</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Vice-Chairman-of-the-Joint-Chiefs-of-Staff/" tabindex="0" ><span class="main">Vice Chairman of the Joint Chiefs of Staff</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Office-of-the-Secretary-of-Defense/" tabindex="0" ><span class="main">Office of the Secretary of Defense</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Biographies/" tabindex="0" ><span class="main">More Leaders</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="https://www.defense.gov/About/" aria-expanded="false"><span class="main">Components</span></a>
<ul class="parent">
<li class="">
<a href="https://www.army.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0" ><span class="main">Army</span></a>
</li>
<li class="">
<a href="https://www.marines.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0" ><span class="main">Marine Corps</span></a>
</li>
<li class="">
<a href="https://www.navy.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0" ><span class="main">Navy</span></a>
</li>
<li class="">
<a href="https://www.af.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0" ><span class="main">Air Force</span></a>
</li>
<li class="">
<a href="https://www.spaceforce.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0" ><span class="main">Space Force</span></a>
</li>
<li class="">
<a href="https://www.uscg.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0" ><span class="main">Coast Guard</span></a>
</li>
<li class="">
<a href="https://www.nationalguard.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0" ><span class="main">National Guard</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Combatant-Commands/" tabindex="0" ><span class="main">Combatant Commands</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
</ul>
<ul>
<li class="parent top-level">
<a href="#" target="" tabindex="0" aria-expanded="false">Legal & Administrative<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="arrow-down"><i></i></div>
<div class="level2-container">
<ul class="level2">
<ul class=""><li class=""><a href="/Legal-Administrative/Privacy-Security/ "><span class="text text-link-12">Privacy & Security</span></a></li><li class=""><a href="/Legal-Administrative/Links-Disclaimer/ "><span class="text text-link-17">Links Disclaimer</span></a></li><li class=""><a href="http://dodcio.defense.gov/DoDSection508/Std_Stmt.aspx" target="_blank" rel="noopener noreferrer"><span class="text text-link-13">Section 508</span></a></li><li class=""><a href="/resources/social-media-policy/"><span class="text text-link-52">DOD Social Media Policy</span></a></li><li class=""><a href="http://dodcio.defense.gov/DoD-Web-Policy/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-14">Web Policy</span></a></li><li class=""><a href="http://www.esd.whs.mil/DD/plainlanguage/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-37">Plain Writing Act</span></a></li><li class=""><a href="http://www.dodig.mil/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-38">DOD IG</span></a></li><li class=""><a href="https://policy.defense.gov/OUSDP-Offices/Reporting-Civilian-Casualties/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-39">Reporting Civilian Casualties</span></a></li><li class=""><a href="http://prhome.defense.gov/NoFear/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-40">No FEAR Act</span></a></li><li class=""><a href="http://www.dimoc.mil/resources/limitations/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-41">Imagery Use</span></a></li><li class=""><a href="https://www.esd.whs.mil/FOID/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-42">FOIA</span></a></li><li class=""><a href="http://open.defense.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-43">Open GOV</span></a></li><li class=""><a href="https://media.defense.gov/2023/Mar/13/2003178168/-1/-1/1/DOD-STRATEGIC-MGMT-PLAN-2023.PDF" target="_blank" rel="noopener noreferrer"><span class="text text-link-44">Strategic Management Plan</span></a></li><li class=""><a href="https://www.usa.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-45">USA.gov</span></a></li><li class=""><a href="https://business.defense.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-46">Small Business Act</span></a></li><li class=""><a href="https://www.veteranscrisisline.net/get-help-now/military-crisis-line/" target="_blank" rel="noopener noreferrer"><span class="text text-link-55">Veterans Crisis Line</span></a></li><li class=""><a href="/site-index/ "><span class="text text-link-47">Site Map</span></a></li></ul>
</ul>
</div>
</li>
</ul>
</div>
<div class="social">
<ul class="social-nav"><li class="social-item"><a href="https://twitter.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="X" aria-label="X"><span class="social-icon fa-brands fa-x-twitter social-link-4"></span></a></li><li class="social-item"><a href="https://www.facebook.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="Facebook" aria-label="Facebook"><span class="social-icon fa-brands fa-facebook-f social-link-1"></span></a></li><li class="social-item"><a href="https://www.instagram.com/deptofdefense/" target="_blank" rel="noopener noreferrer" title="Instagram" aria-label="Instagram"><span class="social-icon fa fa-instagram social-link-3"></span></a></li><li class="social-item"><a href="http://www.linkedin.com/company/deptofdefense" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn"><span class="social-icon fa-brands fa-linkedin-in social-link-50"></span></a></li><li class="social-item"><a href="https://www.youtube.com/deptofdefense" target="_blank" rel="noopener noreferrer" title="YouTube" aria-label="YouTube"><span class="social-icon fa-brands fa-youtube social-link-2"></span></a></li></ul>
</div>
</nav>
</div>
</div>
</header>
<main>
<p id="skip-target-holder"><a id="skip-target" name="skip-target" class="skip" tabindex="-1" aria-label="Skip Target"></a></p>
<div id="dnn_ContentPaneBanner" class="paneMarker"><div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3202"><a name="3202"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3202_ContentPane"><!-- Start_Module_3202 --><style>.featStoryImg .image-wrap {
display: flex;
min-height: 100%;
min-width: auto;
object-fit: cover;
} @media only screen and (max-width: 768px) {
.banner-item {
padding-top: 95px !important;
} .featStory figcaption {padding: 2.5rem 1.5rem;}}
@media only screen and (min-width 769 and max-width: 991px) {
.featStory figcaption {
padding: 1.5rem 0;} }</style>
<h1 class="sr-only">U.S. Department of Defense</h1>
<div id="featArticles" class="featArticles alist"><div id="dnn_ctr3202_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
<div id="dnn_ctr3202_Dashboard_ph">
<div id="featArticles" class="featArticles alist">
<!-- BANNER ITEM -->
<div class="story-slider-wrap">
<div class="banner-slider">
<div class="banner-item">
<div class="featStory item item-1 item-3764154">
<div class="content-wrap">
<figure>
<div class="dgov-grid dgov-grid-bleed dgov-align-center dgov-justify-space-between">
<div class="dgov-col-sm-5 dgov-order-sm-2">
<div class="image-wrap story-img-wrap video-wrap-container dgov-card dgov-card-3 text-right">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2023/Oct/03/2003312974/1280/1280/0/231003-D-D0439-102.JPG)"></div>
<img class="story-img" alt="Headshots of the defense secretary and Joint Chiefs chairman on a blue background." src="https://media.defense.gov/2023/Oct/03/2003312974/1280/1280/0/231003-D-D0439-102.JPG" />
<img src="/DesktopModules/ArticleCS/Styles/DefenseGOV2/play-default.png" class="defaultVideoOverlay" alt=""> <img src="/DesktopModules/ArticleCS/Styles/DefenseGOV2/play-hover.png" class="hoverVideoOverlay" alt="">
</div>
</div>
</div>
<div class="dgov-col-sm-7 dgov-order-sm-1">
<figcaption>
<span class="content-type">
<a style="min-width: 170px;" class="content-type-text no-border" href="/Live"><img style="display:inline-block; max-width:30px; margin-right:5px; position:relative; top:-2px;" class="live-icon" src="/DesktopModules/ArticleCS/Styles/DefenseGOV2/dgov-live-now.svg" alt="" /> <span>Live Event</span></a>
</span>
<h2 class="title"><span>Remarks: Austin, Brown at Indo-Pacom Change of Command Ceremony</span></h2>
<p class="summary">Watch live at 4 p.m. EDT as Secretary of Defense Lloyd J. Austin III and Joint Chiefs Chairman Air Force Gen. CQ Brown, Jr.,
provide remarks at the U.S. Indo-Pacific Command change of command ceremony in Honolulu.
</p>
</figcaption>
</div>
</div>
</figure>
</div>
<a class="link-overlay" href="https://www.defense.gov/News/Live-Events/#/?currentVideo=34303" target="_blank" rel="noopener" ><span class="sr-only">Remarks: Austin, Brown at Indo-Pacom Change of Command Ceremony</span></a>
</div>
<div class="featStoryImg">
<div class="image-wrap ">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2023/Oct/03/2003312974/1280/1280/0/231003-D-D0439-102.JPG)"></div>
<img alt="" src="https://media.defense.gov/2023/Oct/03/2003312974/1280/1280/0/231003-D-D0439-102.JPG" />
</div>
</div>
</div>
</div>
</div>
<!-- BANNER ITEM -->
<div id="explore-bar-wrap" class="explore-bar-wrap home-section full">
<div class="content-wrap">
<div id="explore-bar" class="explore-list listView">
<div class="alist-inner">
<div class="dgov-grid">
<div class="dgov-col-sm-4">
<div class="item item-2 item-2592098 item-even">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-12 dgov-col-xs-3 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-4">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2017/Nov/13/2002038838/825/780/0/171112-N-TQ088-1754C.JPG)"></div>
<img alt="Three fighter aircraft fly in formation over three aircraft carriers in the ocean." src="https://media.defense.gov/2017/Nov/13/2002038838/825/780/0/171112-N-TQ088-1754C.JPG" />
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-8">
<figcaption>
<span class="category">
<a class="content-type-text content-type-spotlight" href="/Spotlights"><span>Spotlight</span></a>
</span>
<h3 class="title"><span>Focus on Indo-Pacific</span></h3>
<p class="summary hide">The Defense Department is committed to working with allies, partners and like-minded nations in the Indo-Pacific and to upholding a free and open region founded on respect for international rules, laws and norms.</p>
<a class="btn btn-primary btn-primary-ghost hide" href="/Spotlights/Focus-on-Indo-Pacific/"> Read More</a>
</figcaption>
</div>
</div>
<a class="link-overlay" href="/Spotlights/Focus-on-Indo-Pacific/" ><span class="sr-only">Focus on Indo-Pacific</span></a>
</figure>
<div class="clearfix"></div>
</div>
</div>
<!-- BANNER ITEM -->
<div class="dgov-col-sm-4">
<div class="item item-3 item-3001203 item-odd">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-12 dgov-col-xs-3 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-4">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2022/Aug/25/2003064137/825/780/0/130822-F-BW403-1082A.JPG)"></div>
<img alt="A military aircraft sits on the flight deck at night." src="https://media.defense.gov/2022/Aug/25/2003064137/825/780/0/130822-F-BW403-1082A.JPG" />
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-8">
<figcaption>
<span class="category">
<a class="content-type-text content-type-spotlight" href="/Spotlights"><span>Spotlight</span></a>
</span>
<h3 class="title"><span>Support for Ukraine</span></h3>
<p class="summary hide">The United States is working with allies and partners to support Ukraine in the fight for sovereignty and freedom. The U.S. has provided Ukraine with billions of dollars in security assistance since the beginning of Russia's unprovoked assault on Feb. 24, 2022.</p>
<a class="btn btn-primary btn-primary-ghost hide" href="/Spotlights/Support-for-Ukraine/"> Read More</a>
</figcaption>
</div>
</div>
<a class="link-overlay" href="/Spotlights/Support-for-Ukraine/" ><span class="sr-only">Support for Ukraine</span></a>
</figure>
<div class="clearfix"></div>
</div>
</div>
<!-- BANNER ITEM -->
<div class="dgov-col-sm-4">
<div class="item item-4 item-3701209 item-even">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-12 dgov-col-xs-3 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-4">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/Mar/14/2003413024/825/780/0/240304-F-ZA639-1511A.JPG)"></div>
<img alt="Airmen are seen in a red light’s glow standing next to a military vehicle in a field under a dark blue sky." src="https://media.defense.gov/2024/Mar/14/2003413024/825/780/0/240304-F-ZA639-1511A.JPG" />
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-8">
<figcaption>
<span class="category">
<a class="content-type-text content-type-spotlight" href="/Spotlights"><span>Spotlight</span></a>
</span>
<h3 class="title"><span>FY 2025 Defense Budget</span></h3>
<p class="summary hide">The president’s fiscal year 2025 budget request bolsters our ability to defend the nation and deter aggression against America or our allies and partners, and forges a more modern defense ecosystem built for 21st century security challenges.</p>
<a class="btn btn-primary btn-primary-ghost hide" href="/Spotlights/FY2025-Defense-Budget/"> Read More</a>
</figcaption>
</div>
</div>
<a class="link-overlay" href="/Spotlights/FY2025-Defense-Budget/" ><span class="sr-only">FY 2025 Defense Budget</span></a>
</figure>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<!-- End_Module_3202 --></div>
</div><!--end of empty container -->
</div><div class="DnnModule DnnModule-DVIDSLiveEvents DnnModule-3269"><a name="3269"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3269_ContentPane"><!-- Start_Module_3269 --><style>
.dvids-wrap,
.live-bar-container {
margin:0;
}
@media only screen and (max-width: 560px) {
.content-wrap {
margin:0;
height:auto;
}
}
</style>
<div class="hide"><div id="dnn_ctr3269_ModuleContent" class="DNNModuleContent ModDVIDSLiveEventsC">
<div id="mvcContainer-3269">
<section v-cloak class="dvids-wrap dvids-module-mode-LiveBar dvids-template-dgov dvids-layout-left" id="dvids-wrap-3269" data-module-id="3269" data-tab-id="587">
<div style="color:red" v-if="(requestStatus === 'complete') && useTestData">This is a simulated response.</div>
<header>
<dvids-title :configuration="configuration"></dvids-title>
</header>
<div v-if="configuration.dleDNNSettings.moduleMode !='LiveBar'" class="dvids-video-wrap">
<dvids-video :current-video="currentVideo" :configuration="configuration" :video-list="videoList" :player-data="playerData" v-on:item_select="itemSelect" :select-first-item="selectFirstItem" v-if="!resetPlayer" player-id="player-3269"></dvids-video>
<dvids-snippet :current-video="currentVideo" :current-snippet="currentSnippet" :configuration="configuration" :player-data="playerData" v-on:item_select="itemSelect" v-if="!resetSnippet"></dvids-snippet>
<dvids-countdown :current-video="currentVideo" :current-snippet="currentSnippet" :configuration="configuration" :player-data="playerData" v-on:item_select="itemSelect"></dvids-countdown>
<dvids-messaging :configuration="configuration" :player-data="playerData"></dvids-messaging>
<dvids-loading :configuration="configuration" :player-data="playerData"></dvids-loading>
<dvids-current-video-title :current-video="currentVideo" :current-snippet="currentSnippet" :configuration="configuration" :player-data="playerData"></dvids-current-video-title>
<dvids-current-video-description :current-video="currentVideo" :current-snippet="currentSnippet" :configuration="configuration" :player-data="playerData"></dvids-current-video-description>
<dvids-countdown-video-title :current-video="currentVideo" :configuration="configuration" :player-data="playerData"></dvids-countdown-video-title>
<dvids-countdown-video-description :current-video="currentVideo" :configuration="configuration" :player-data="playerData"></dvids-countdown-video-description>
<dvids-vod-video-title :current-video="currentVideo" :current-snippet="currentSnippet" :configuration="configuration" :player-data="playerData"></dvids-vod-video-title>
<dvids-vod-video-description :current-video="currentVideo" :current-snippet="currentSnippet" :configuration="configuration" :player-data="playerData"></dvids-vod-video-description>
<dvids-disclaimer :current-video="currentVideo" :configuration="configuration" :player-data="playerData"></dvids-disclaimer>
</div>
<div class="dvids-listing-wrap">
<events-panel
:item-select="itemSelect"
:request-status="requestStatus"
:module-mode="configuration.dleDNNSettings.moduleMode"
:current-video="currentVideo" :current-snippet="currentSnippet"
:player-data="playerData" :configuration="configuration"
:live-video-list="liveVideoList"
:upcoming-video-list="upcomingVideoList"
:live-now-video-list="liveNowVideoList"
:live-later-video-list="liveLaterVideoList">
</events-panel>
</div><!--dvids-isting-wrap-->
</section><!--dvids-wrap-->
<script type="text/javascript">
var playerConfig = {"data":{"dvidsParams":{"eventFilterType":"man","toggleEventListMaxResults":true,"toggleUpcomingEventMaxResultView":true,"toggleLiveTodayEventMaxResultView":false,"toggleEventListToDateRange":false,"toggleEventHashtags":true,"toggleIncludeExternals":false,"toggleEventSort":true,"eventListMaxResults":"50","upcomingEventMaxResultView":"10","liveTodayEventMaxResultView":"3","eventListToDays":7,"includeExternals":false,"eventHashtags":"dgovlive","eventSort":"asc","autoplay":true,"manualSelectedEvents":"","showLiveNowList":true,"showLiveTodayList":true,"showUpcomingEventsList":true,"apiKey":"key-5b75d9ba94822","dvidsURL":"https://api.dvidshub.net/","dvidsStagingURL":null,"showTestVid":false,"showPanelWhenEmpty":false,"toDate":"2024-06-22T23:59:59.0000000-04:00","fromDate":"2024-05-03T13:29:51.1723020-04:00"},"dleDNNSettings":{"templateLayout":"Left","templateStyle":"DGOV","moduleMode":"LiveBar","moduleTitle":"LIVE EVENTS","liveNowListTitle":"LIVE NOW","liveNowDefaultText":"No Events Currently Scheduled","liveTodayListTitle":"LIVE TODAY","liveTodayDefaultText":"No Events Currently Scheduled","upcomingEventsListTitle":"UPCOMING EVENTS","upcomingEventsDefaultText":"No Events Currently Scheduled","countdownTitle":"COMING UP","templateDisclaimer":"","videoBugPosition":"TopLeft","showModuleTitle":false,"showEventTitle":true,"showEventDesc":true,"showCountdownTitle":true,"showCountdownDesc":true,"showVideoBug":false,"liveNowActiveClick":"on","liveNowActiveManualTime":"fifteenMin","toggleError":true,"selectedSMMSealId":0,"selectedSeal":null,"selectedSMMSealForErrorsId":0,"selectedSealForErrors":null,"selectedSMMCountdownBackgroundId":0,"selectedBackground":null,"selectedSMMNoEventBackgroundId":0,"selectedNoEvent":null,"selectedDVIDSVideoBugId":0,"selectedVideoBug":null,"dvidsVideoPlayerUrl":"https://www.defense.gov/Multimedia/Videos?videoid=","dvidsLiveEventsUrl":"https://www.defense.gov/News/LiveEvents/#/?currentVideo=","noEventsLink":"/Multimedia/Videos/","toggleLiveEventVideoBug":true,"liveEventVideoBugPosition":"TopLeft","isBackend":false},"dleTestSettings":null}}
</script>
<script type="x/template" id="dgovTemplate-dgov-chevron-down">
<svg id="chevronDown" class="dgov-chevron-down dgov-icon" viewBox="0 0 144 144" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg">
</style>
<title>
DGOV Chevron Down
</title>
<path class="st0" d="M3.31,50.6,54.2,101.49l0,0,10.16,10.16a10.82,10.82,0,0,0,15.29,0l61.21-61.21a10.8,10.8,0,0,0,0-15.29l-2.51-2.52a10.82,10.82,0,0,0-15.29,0L75.87,79.82s-.07,0-.09.06h0a5.34,5.34,0,0,1-7.56,0l0,0s0,0,0,0l-47-47a10.8,10.8,0,0,0-15.29,0L3.31,35.31A10.8,10.8,0,0,0,3.31,50.6Z" />
</svg>
</script>
<script type="x/template" id="dgovTemplate-dgov-chevron-up">
<svg id="chevronup" class="dgov-chevron-up dgov-icon" viewBox="0 0 144 144" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg">
<title>
DGOV Chevron Up
</title>
<path class="st0" d="M140.84,93.59,90.07,42.82l0,0L80,32.66a10.78,10.78,0,0,0-15.26,0L3.63,93.73a10.79,10.79,0,0,0,0,15.25l2.51,2.51a10.8,10.8,0,0,0,15.26,0l47.05-47s.06,0,.09-.06h0a5.34,5.34,0,0,1,7.54,0l0,0,0,0,46.92,46.92a10.79,10.79,0,0,0,15.25,0l2.51-2.51A10.8,10.8,0,0,0,140.84,93.59Z" />
</svg>
</script>
<script type="x/template" id="dgovTemplate-dgov-close">
<svg id="Layer_1" class="dgov-chevron-close dgov-icon" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150">
<title>Close</title>
<path class="cls-1" d="M100.24,74.92l45-45a16.12,16.12,0,0,0,.1-22.73l-2.51-2.51a16.19,16.19,0,0,0-22.84,0L75,49.9,30.09,5A16.16,16.16,0,0,0,7.42,4.79L4.89,7.14l-.15.14a16.1,16.1,0,0,0,0,22.8l45,45-45,45a16.11,16.11,0,0,0,0,22.8l2.44,2.44a16.19,16.19,0,0,0,22.84,0L75,100.1l44.9,45a16.16,16.16,0,0,0,22.67.16l2.53-2.35.15-.14a16.11,16.11,0,0,0,.17-22.65Z" transform="translate(0 0)" />
</svg>
</script>
<script type="x/template" id="dgovTemplate-dgov-live-now">
<svg id="Layer_1" class="dgov-live-now dgov-icon"
viewBox="0 0 150 75" data-name="Layer 1"
xmlns="http://www.w3.org/2000/svg">
<title>Live Now</title>
<circle class="cls-1" cx="75" cy="37.49" r="18" />
<path class="cls-2" d="M75,37.58" transform="translate(0 -0.08)" />
<path class="cls-1" d="M106.64,66.1h0a4.1,4.1,0,0,1-.45-5.64,36.83,36.83,0,0,0,.44-45.35,4.11,4.11,0,0,1,.56-5.64h0a4.45,4.45,0,0,1,6.39.56,45,45,0,0,1-.53,55.64A4.46,4.46,0,0,1,106.64,66.1Z" transform="translate(0 -0.08)" />
<path class="cls-1" d="M129.76,73.83h0a4.09,4.09,0,0,1-.2-5.69,45.92,45.92,0,0,0,.21-61A4.1,4.1,0,0,1,130,1.4h0a4.49,4.49,0,0,1,6.4.23,54.15,54.15,0,0,1-.25,72A4.49,4.49,0,0,1,129.76,73.83Z" transform="translate(0 -0.08)" />
<path class="cls-1" d="M43,65.7a4.45,4.45,0,0,1-6.4-.52,45,45,0,0,1,.22-55.64,4.44,4.44,0,0,1,6.39-.48h0a4.1,4.1,0,0,1,.48,5.64,36.84,36.84,0,0,0-.17,45.35A4.11,4.11,0,0,1,43,65.7Z" transform="translate(0 -0.08)" />
<path class="cls-1" d="M20.15,73.75a4.48,4.48,0,0,1-6.4-.21,54.13,54.13,0,0,1-.09-72,4.48,4.48,0,0,1,6.4-.22h0A4.09,4.09,0,0,1,20.29,7a45.93,45.93,0,0,0,.08,61.05,4.09,4.09,0,0,1-.22,5.69Z" transform="translate(0 -0.08)" />
<path class="cls-1" d="M43,65.7a4.45,4.45,0,0,1-6.4-.52,45,45,0,0,1,.22-55.64,4.44,4.44,0,0,1,6.39-.48h0a4.1,4.1,0,0,1,.48,5.64,36.84,36.84,0,0,0-.17,45.35A4.11,4.11,0,0,1,43,65.7Z" transform="translate(0 -0.08)" />
</svg>
</script>
<script type="x/template" id="dleTemplate-events-panel">
<div class="events-panel" :class="'module-mode-'+moduleMode">
<div class="events-panel-container">
<div v-if="moduleMode=='LiveBar'">
<live-bar v-if="dataLoaded"
:live-now-video-list="liveNowVideoList"
:live-later-video-list="liveLaterVideoList"
:configuration="configuration"
:playerData="playerData">
</live-bar>
</div>
<div v-else>
<live-events-list :current-video="currentVideo"
:module-mode="moduleMode"
:current-snippet="currentSnippet"
:player-data="playerData"
:configuration="configuration"
:live-video-list="liveVideoList"
v-on:item_select="itemSelect"
:upcoming-video-list="upcomingVideoList"></live-events-list>
<upcoming-events-list :upcoming-video-list="upcomingVideoList"
:module-mode="moduleMode"
:player-data="playerData"
:configuration="configuration"></upcoming-events-list>
</div>
</div>
</div>
</script>
<script type="x/template" id="dleTemplate-live-events-list">
<div :class="activeClasses" v-if="configuration.dvidsParams.showLiveNowList">
<h2>{{ configuration.dleDNNSettings.liveNowListTitle }}</h2>
<ul>
<li v-for="(item, index) in liveVideoList" v-show="eventsToShow > index" :class="activeEvent(item, index)" v-on:click="isClickDisabled(item)">
<span class="icon"><i class="videoListPlayButton"></i></span>
<span class="title">{{ item.title }}</span>
<span v-if="!isLiveNow(item) && !isComingUpSoon(item)" class="date">{{ getDateFormat(item.begin) }}</span>
<span v-if="isComingUpSoon(item) && !isLiveNow(item)" class="coming-soon">{{configuration.dleDNNSettings.countdownTitle}}</span>
<span v-if="isLiveNow(item)" class="live">Live Now</span>
</li>
<li class="default" v-if="playerData.state !== 'showLoading'"><a :href="configuration.dleDNNSettings.noEventsLink">{{configuration.dleDNNSettings.liveNowDefaultText }}</a></li>
</ul>
<div class="show-more" v-if="eventsToShow < liveVideoList.length" v-on:click="eventsToShow = 100"><span style="margin-bottom: 15px;">Show All ({{ liveVideoList.length - eventsToShow }})</span></div>
<slot></slot>
</div>
</script>
<script type="x/template" id="dleTemplate-upcoming-events-list">
<div class="upcoming-events-list events-list" v-if="configuration.dvidsParams.showUpcomingEventsList">
<h2>{{ configuration.dleDNNSettings.upcomingEventsListTitle }}</h2>
<ul>
<li v-show="eventsToShow > index" class="fade-in" v-for="(item, index) in upcomingVideoList">
<span class="icon"><i class="dle-clock"></i></span>
<span class="title">{{ item.title }}</span>
<span class="date">{{ getDateFormat(item.begin) }}</span>
</li>
<li class="default" v-if="playerData.state !== 'showLoading'">{{ configuration.dleDNNSettings.upcomingEventsDefaultText }}</li>
</ul>
<div class="show-more" v-if="eventsToShow < upcomingVideoList.length" v-on:click="eventsToShow = 100"><span>Show All ({{ upcomingVideoList.length - eventsToShow }})</span></div>
</div>
</script>
<script type="x/template" id="dleTemplate-live-bar">
<div v-if="hasVideos || showWhenEmpty">
<div v-if="(showLiveBar)" class="live-bar-container bar" :class="{'now': hasLiveNowVideos}">
<div class="live-bar" :class="{'now': hasLiveNowVideos, 'today': !hasLiveNowVideos}">
<div class="bar-title">
<span>
<dgov-live-now></dgov-live-now>
{{ liveBarTitle }}
</span>
</div>
<div class="bar-body" :class="{'no-dropdown': expandedEventsNum <= 0,}">
<div v-if="!hasVideos" class="event-title no-upcoming-events-message">
{{liveBarNoEventsMessage}}
</div>
<div class="lead-in-event">
<div v-for="(item, index) in liveBarVideoList">
<div>
<a :href="urlForEvent(item)" class="event-title">
<span class="time" v-if="!hasLiveNowVideos">{{getDateFormat(item.begin)}} | </span>
<b class="event-title-title">{{item.title}}</b>
</a>
</div>
</div>
</div>
</div>
<span class="more" :tabindex="0" :class="{'collapsed': isCollapsed,'is-single-line':isSingleLine()}"
v-if="expandedEventsNum > 0"
data-toggle="collapse"
data-target="#now_event_list"
v-on:click="toggleCollapse"
v-on:keyup.enter="toggleCollapse"
role="button" :aria-expanded="!isCollapsed"
aria-controls="collapseExample1">
{{expandedEventsNum}} more event<span v-if="expandedEventsNum > 1">s</span>
<i class="fa fa-chevron-up dgov-icon"></i>
</span>
<span class="x" :tabindex="0"
:class="{'is-single-line':isSingleLine()}"
v-on:click="closeLiveBar"
v-on:keyup.enter="closeLiveBar">
<dgov-close></dgov-close>
</span>
</div>
</div>
<div v-if="(showLiveBar)" class="live-bar-container" :class="{'now': hasLiveNowVideos}">
<div v-if="expandedVideoList.length > 0" id="now_event_list" aria-expanded="false" class="event-list drop-down collapse" :class="{'now': hasLiveNowVideos}">
<div class="drop-item"
v-for="(item, index) in expandedVideoList">
<a :href="urlForEvent(item)" class="event-title">
<span class="time">{{getDateFormat(item.begin)}} | </span>
<span class="event-title-title">{{item.title}}</span>
</a>
</div>
</div>
</div>
</div>
</script>
<script type="x/template" id="dleTemplate-live-bar-list">
<ul class="live-bar-list">
<li v-for="(item, index) in liveVideoList">
<live-bar :item="item"></live-bar>
</li>
</ul>
</script>
</div>
</div></div><!-- End_Module_3269 --></div>
</div><!--end of empty container -->
</div></div>
<div class="slice-angle slice-angle-gray slice-angle-down-top">
<div class="page-wrap staggered-cutout container">
<div class="row">
<div id="dnn_ContentPanePage" class="paneMarkerAlt col-lg DNNEmptyPane"></div>
</div>
<div id="ContentPanePage84" class="row staggered-cutout-84">
<div id="dnn_ContentPanePage8X" class="paneMarker col-lg-8"><div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3203"><a name="3203"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3203_ContentPane"><!-- Start_Module_3203 --><style>
.explore-list figcaption .category {
display:block;
}
</style>
<h2 class="tab-title"><a href="/news">News<i class="fas fa-chevron-right"></i></a></h2><div id="dnn_ctr3203_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
<div id="dnn_ctr3203_Dashboard_ph">
<div id="storyListing-3203">
<div id="alist" class="alist stories News-list">
<div class="spinner3">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
<div class="alist-inner alist-more-here">
<feature-template template-mode="story" :show-all="true" :remove-grid="true">
<listing-dashboard-with-preview
:show-image="true"
:indashboard="true"
open-in-new=""
content-type-val="1"
content-type-name="News"
item-index="1"
article-id="3764041"
article-title="Austin Lauds Strong Ties Between Key Allies in Indo-Pacific"
article-alt="A service member in uniform shakes hands with a civilian man wearing a suit."
article-url="https://www.defense.gov/News/News-Stories/Article/Article/3764041/austin-lauds-strong-ties-between-key-allies-in-indo-pacific/"
article-url-or-link="https://www.defense.gov/News/News-Stories/Article/Article/3764041/austin-lauds-strong-ties-between-key-allies-in-indo-pacific/"
article-url-or-link-absolute="https://www.defense.gov/News/News-Stories/Article/Article/3764041/austin-lauds-strong-ties-between-key-allies-in-indo-pacific/"
article-summary="Secretary of Defense Lloyd J. Austin III underscored the United States' commitment to deepening ties with key allies throughout the Indo-Pacific after meeting with his counterparts from Australia, Japan and the Philippines.  "
image-url="https://media.defense.gov/2024/May/02/2003456188/825/780/0/240501-D-XI929-1006.JPG"
article-image-url="https://media.defense.gov/2024/May/02/2003456188/825/780/0/240501-D-XI929-1006.JPG"
category=""
image-caption=""
term-url=""
term-name=""
publish-date-jss="2024-05-03T00:35:00"
publish-date-ap="May 3, 2024">
</listing-dashboard-with-preview>
<listing-dashboard-with-preview
:show-image="true"
:indashboard="true"
open-in-new=""
content-type-val="1"
content-type-name="News"
item-index="1"
article-id="3763916"
article-title="Commandant Underscores Priorities, Praises Marines During State of the Corps Speech"
article-alt="A man in a dress military uniform is talking to two men in uniforms with their backs to the camera."
article-url="https://www.defense.gov/News/News-Stories/Article/Article/3763916/commandant-underscores-priorities-praises-marines-during-state-of-the-corps-spe/"
article-url-or-link="https://www.defense.gov/News/News-Stories/Article/Article/3763916/commandant-underscores-priorities-praises-marines-during-state-of-the-corps-spe/"
article-url-or-link-absolute="https://www.defense.gov/News/News-Stories/Article/Article/3763916/commandant-underscores-priorities-praises-marines-during-state-of-the-corps-spe/"
article-summary="Commandant of the Marine Corps Gen. Eric M. Smith spoke about maintaining a balance between being ready to respond to crises in the present while at the same time investing in future capabilities during a defense industry exposition."
image-url="https://media.defense.gov/2024/May/02/2003456111/825/780/0/240502-D-D0439-002.JPG"
article-image-url="https://media.defense.gov/2024/May/02/2003456111/825/780/0/240502-D-D0439-002.JPG"
category=""
image-caption=""
term-url=""
term-name=""
publish-date-jss="2024-05-02T19:11:00"
publish-date-ap="May 2, 2024">
</listing-dashboard-with-preview>
<listing-dashboard-with-preview
:show-image="true"
:indashboard="true"
open-in-new=""
content-type-val="1"
content-type-name="News"
item-index="1"
article-id="3761048"
article-title="Austin to Meet With Key Regional Allies on Hawaii Trip"
article-alt="A person in a business suit stands with U.S. and Australian flags in the background."
article-url="https://www.defense.gov/News/News-Stories/Article/Article/3761048/austin-to-meet-with-key-regional-allies-on-upcoming-hawaii-trip/"
article-url-or-link="https://www.defense.gov/News/News-Stories/Article/Article/3761048/austin-to-meet-with-key-regional-allies-on-upcoming-hawaii-trip/"
article-url-or-link-absolute="https://www.defense.gov/News/News-Stories/Article/Article/3761048/austin-to-meet-with-key-regional-allies-on-upcoming-hawaii-trip/"
article-summary="Secretary of Defense Lloyd J. Austin III plans to meet with key regional allies in Hawaii and preside over the change of command ceremony for U.S. Indo-Pacific Command.  "
image-url="https://media.defense.gov/2024/Apr/30/2003454093/825/780/0/221001-D-TT977-0205Y.JPG"
article-image-url="https://media.defense.gov/2024/Apr/30/2003454093/825/780/0/221001-D-TT977-0205Y.JPG"
category=""
image-caption=""
term-url=""
term-name=""
publish-date-jss="2024-04-30T17:47:00"
publish-date-ap="April 30, 2024">
</listing-dashboard-with-preview>
<listing-dashboard-with-preview
:show-image="true"
:indashboard="true"
open-in-new="false"
content-type-val="514"
content-type-name="Spotlight"
item-index="1"
article-id="3164996"
article-title="Taking Care of Our People"
article-alt="Two Marines, one holding a baby, walk with their spouses along a road."
article-url="http:///Spotlights/Taking-Care-of-Our-People/"
article-url-or-link="/Spotlights/Taking-Care-of-Our-People/"
article-url-or-link-absolute="https://www.defense.gov/Spotlights/Taking-Care-of-Our-People/"
article-summary="We recognize the service and sacrifice of our military and their families, and dedicate resources, services, policies and programs to support the more than 2 million uniformed service members and 2.6 million family members across the globe."
image-url="https://media.defense.gov/2022/Aug/19/2003060263/825/780/0/220815-M-PK533-1121A.JPG"
article-image-url="https://media.defense.gov/2022/Aug/19/2003060263/825/780/0/220815-M-PK533-1121A.JPG"
category="News"
image-caption=""
term-url=""
term-name=""
publish-date-jss="2023-09-13T14:03:00"
publish-date-ap="Sept. 13, 2023">
</listing-dashboard-with-preview>
<listing-dashboard-with-preview
:show-image="true"
:indashboard="true"
open-in-new=""
content-type-val="800"
content-type-name="Story"
item-index="1"
article-id="3760854"
article-title="Air Force Spares Nothing at Armed Forces Sports Bowling Championship"
article-alt="Close-up of a person holding a bowling ball near their face, preparing to bowl."
article-url="https://www.defense.gov/News/Feature-Stories/Story/Article/3760854/air-force-spares-nothing-at-armed-forces-sports-bowling-championship/"
article-url-or-link="https://www.defense.gov/News/Feature-Stories/Story/Article/3760854/air-force-spares-nothing-at-armed-forces-sports-bowling-championship/"
article-url-or-link-absolute="https://www.defense.gov/News/Feature-Stories/Story/Article/3760854/air-force-spares-nothing-at-armed-forces-sports-bowling-championship/"
article-summary="The Air Force dominated at the 2024 Armed Forces Sports Bowling Championship, taking home gold in both the men's and women's divisions."
image-url="https://media.defense.gov/2024/Apr/30/2003453991/825/780/0/240427-D-DB155-1016Y.JPG"
article-image-url="https://media.defense.gov/2024/Apr/30/2003453991/825/780/0/240427-D-DB155-1016Y.JPG"
category="News"
image-caption=""
term-url=""
term-name=""
publish-date-jss="2024-05-01T10:18:25"
publish-date-ap="May 1, 2024">
</listing-dashboard-with-preview>
<listing-dashboard-with-preview
:show-image="true"
:has-terms="true"
:indashboard="true"
open-in-new="true"
content-type-val="514"
content-type-name="Spotlight"
item-index="1"
article-id="2590613"
article-title="Asian American Pacific Islander Heritage Month"
article-alt="A reel of images of personnel and cherry blossoms on a light blue background with text: Asian American & Pacific Islander Heritage Month."
article-url="http:///Spotlights/Asian-American-Pacific-Islander-Heritage-Month/"
article-url-or-link="/Spotlights/Asian-American-Pacific-Islander-Heritage-Month/"
article-url-or-link-absolute="https://www.defense.gov/Spotlights/Asian-American-Pacific-Islander-Heritage-Month/"
article-summary="The Defense Department pays tribute to the contributions and dedicated service of Asian Americans and Pacific Islanders, past and present, in defense of the nation during May and throughout the year."
image-url="https://media.defense.gov/2024/Apr/22/2003446647/825/780/0/240422-D-D0439-250.JPG"
article-image-url="https://media.defense.gov/2024/Apr/22/2003446647/825/780/0/240422-D-D0439-250.JPG"
category="Feature"
image-caption=""
term-url="https://www.defense.gov/Home/Term/2587/observances/"
term-name="Observances"
publish-date-jss="2024-04-30T18:04:00"
publish-date-ap="April 30, 2024">
</listing-dashboard-with-preview>
</feature-template>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('.spinner3').fadeOut('fast');
});
/* link img and title hover */
$('.alist .poster a, .alist .info').hover(function () {
$(this).closest('.item').addClass('hover');
}, function () {
$(this).closest('.item').removeClass('hover');
});
$('.alist .info').click(function (evt) {
if (evt.target.className.indexOf("info") !== -1) {
var url = $(this).data("url");
window.location.href = url;
}
});
</script>
<style>
#alist .listing-with-preview {
margin: 7px 0 23px;
padding: 20px 0 0;
border-top: 1px solid #ebebeb;
}
#alist .listing-with-preview {
border-top: none;
padding: 0;
margin-top: 0;
}
#alist .listing-with-preview .image-container {
display: block;
}
#alist {
margin-bottom: 2rem;
}
#alist .item {
margin: 7px 0 23px;
padding: 20px 0 0;
border-top: 1px solid #ebebeb;
}
#alist .item:first-child {
padding: 0px 0 0;
border-top: none;
}
#alist figcaption .category a {
display: inline-block;
margin-bottom: 0;
font-size: 15px;
color: #355e93;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 1px solid rgba(53, 94, 147, 0);
-webkit-transition: border .25s ease;
-moz-transition: border .25s ease;
-ms-transition: border .25s ease;
-o-transition: border .25s ease;
transition: border .25s ease;
text-decoration: none;
}
#alist figcaption .category a:hover {
border-bottom: 1px solid rgba(53, 94, 147, 1);
}
#alist figcaption .category a.fact-sheet:hover {
border-bottom: 1px solid rgba(53, 94, 147, 0);
}
#alist figcaption .category .separator {
color: #355e93;
opacity: .5;
margin: 0 8px 0 6px;
}
#alist figcaption .summary {
font-size: 18px;
margin: 0;
}
#alist .video-duration {
display: none;
}
#alist figcaption time {
display: inline-block;
font-size: 15px;
margin: 5px 0;
color: #717171;
padding: 0;
min-width: 100px;
}
#alist .item figcaption h3.title {
font-size: 1.6rem;
font-family: 'Crimson Text', serif;
font-weight: 500;
line-height: 1.1em;
margin-bottom: 8px;
}
#alist .item figcaption h3.title a {
display: block;
padding-left: 0px;
border-left: 0px solid #fff;
transition: all 0.15s linear;
padding-right: 14px;
}
#alist .item figcaption h3.title a:hover {
color: #355e93;
padding-left: 10px;
padding-right: 0px;
border-left: 4px solid #254267;
text-decoration: none;
}
#alist .item .image-wrap {
margin-right: 0;
margin-top: 8px;
}
#alist .item .image-wrap a {
display: block;
position: relative;
padding-top: 66%;
overflow: hidden;
border: 1px solid #adadad;
}
#alist .item .image-replacement {
background-color: rgba(255,255,255,.05);
background-repeat: no-repeat;
text-decoration: none;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-size: cover;
background-position: 50% 50%;
}
#alist .item .image-wrap img {
position: absolute;
left: -9999px;
}
#alist .item figcaption {
margin-left: 20px;
}
#alist .item figcaption h3.title a.card-edit-span {
position: absolute;
top: -15px;
right: 0;
padding: 0;
}
#alist .service-source {
display: inline-block;
position: relative;
font-size: 17px;
text-transform: uppercase;
font-weight: bold;
background: #355e93;
color: #fff;
padding: 2px 7px;
margin: 0;
}
#alist .service-source.service-army {
background: #376251;
}
#alist .service-source.service-marinecorps {
background: #990F00;
}
#alist .service-source.service-navy {
background: #88743A;
}
#alist .service-source.service-airforce {
background: #144A75;
}
#alist .service-source.service-spaceforce {
background: #D2D5D2;
color: #2C588F;
}
#alist .service-source.service-coastguard {
background: #327AB7;
}
#alist .service-source.service-nationalguard {
background: #000000;
}
@media (max-width: 575px) {
#alist .item figcaption {
margin-left: 0;
margin-top: 8px;
}
#alist .listing-with-preview {
margin: 7px 0 12px;
padding: 15px 0 0;
}
}
#alist .listing-with-preview .image-wrap-wrap {
display: block;
position: relative;
padding-top: 66%;
overflow: hidden;
border: 1px solid #adadad;
}
#alist .listing-with-preview figcaption .category {
display: block;
position: absolute;
z-index: 2;
}
#alist .listing-with-preview figcaption h3.title {
font-size: 1.6rem;
font-family: 'Crimson Text', serif;
font-weight: 500;
line-height: 1.1em;
margin-bottom: 8px;
padding-top: 28px;
}
#alist .listing-with-preview figcaption h3.title span {
display: block;
padding-left: 0px;
border-left: 0px solid #fff;
transition: all 0.15s linear;
padding-right: 14px;
}
#alist .listing-with-preview figcaption h3.title span i.fas {
font-size: 18px;
position: relative;
bottom: 1px;
left: 5px;
border-left: none;
padding-left: 0;
display: inline;
}
#alist .listing-with-preview:hover figcaption h3.title span {
color: #355e93;
padding-left: 10px;
padding-right: 0px;
border-left: 4px solid #254267;
text-decoration: none;
}
#alist .listing-with-preview a.link-overlay {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
text-indent: 200%;
white-space: nowrap;
visibility: visible;
background: transparent;
}
#alist .listing-with-preview .image-wrap .edit-link {
display: block;
width: 25px;
position: absolute;
z-index: 11;
top: 15px;
right: 15px;
}
#alist .listing-with-preview .image-wrap .edit-link a {
display: block;
position: relative;
width: 30px;
height: 30px;
bottom: auto;
padding: 4px;
line-height: 16px;
text-align: center;
background-color: rgba(255,255,255,.3);
border-radius: 5px;
border: solid rgba(0,0,0,0.4) 1px;
}
#alist .listing-with-preview .image-wrap .edit-link a img {
left: 0;
position: relative;
}
</style>
<!-- This can be used to contain items in a programmable reflex-grid
NOTE: this is DEPRECATED, use <card-layout>. Change is for naming
purposes, but of course, card-layout is now getting improvements.
-->
<script type="text/x-template" id="vue-feature-template">
<div class="feature-template">
<div :class="'feature-template-container' + (removeGrid ? '' : ' dgov-grid dgov-grid-full')">
<slot></slot>
</div>
<div class="more-row" v-if="thereAreMoreToView()">
<a class="btn btn-default btn btn-insidedod btn-insidedod-ghost" v-on:click="viewMore" :title="moreText">Load More</a>
</div>
<div class="bottom-target"></div>
</div>
</script>
<script type="text/javascript">
(function () {
const DEBUG = false;
if (DEBUG) console.log("this is the feature-template component");
const tempSel = "";
const tempUse = tempSel ? tempSel : "#vue-feature-template";
if (DEBUG) console.log("f-t20: passed in selector for template div", tempSel)
if (DEBUG) console.log("f-121: selector template div to use", tempUse);
const tempEl = $(tempUse)[0];
if (DEBUG) console.log("f-t15: template element", tempEl);
///////
//
// Different layouts
//
//
// Feature Blog Layout
//
const desktopAndLg = {
full: ["dgov-col-6:feature", "dgov-col-6:feature",
"dgov-col-4", "dgov-col-4", "dgov-col-4"],
4: ["dgov-col-12:feature",
"dgov-col-4", "dgov-col-4", "dgov-col-4"],
3: ["dgov-col-4", "dgov-col-4", "dgov-col-4"],
2: ["dgov-col-6:feature", "dgov-col-6:feature"],
1: ["dgov-col-12:feature"],
};
const blog_layouts = {
desktop: desktopAndLg,
lg: desktopAndLg,
md: {
full: ["dgov-col-12:feature", "dgov-col-6", "dgov-col-6", "dgov-col-6", "dgov-col-6"],
4: ["dgov-col-12:feature",
"dgov-col-12:feature",
"dgov-col-6", "dgov-col-6"],
3: ["dgov-col-12", "dgov-col-12", "dgov-col-12"],
2: ["dgov-col-12:feature", "dgov-col-12:feature"],
1: ["dgov-col-12:feature"],
},
xs: {
full: ["dgov-col-12", "dgov-col-12", "dgov-col-12", "dgov-col-12", "dgov-col-12"],
4: ["dgov-col-12", "dgov-col-12", "dgov-col-12", "dgov-col-12"],
3: ["dgov-col-12", "dgov-col-12", "dgov-col-12"],
2: ["dgov-col-12", "dgov-col-12"],
1: ["dgov-col-12"],
},
}
//
// Story Layout
//
const grid3col = ["dgov-col-4", "dgov-col-4", "dgov-col-4"];
const grid2col = ["dgov-col-6", "dgov-col-6"];
const grid1col = ["dgov-col-12"];
const layout3xn = {
full: grid3col,
2: grid2col,
1: ["dgov-col-12"],
}
const layout2xn = {
full: grid2col,
1: ["dgov-col-12"],
}
const layout1xn = {
full: grid1col,
}
const story_layouts = {
desktop: layout3xn,
lg: layout2xn,
md: layout2xn,
xs: layout1xn
}
Vue.component('feature-template', {
name: 'feature-template',
data: function () {
return {
templateSelector: "",
numToShow: 5,
pageAmount: 6,
};
},
props: {
"template-mode": String,
"more-text": String,
"show-all": {
type: Boolean,
default: false,
},
"remove-grid": {
type: Boolean,
default: false,
}
},
template: tempEl, // matches ID in template above
mounted: function () {
window.addEventListener('resize', this.resize)
this.resize();
},
methods: {
resize: function () {
if (DEBUG) console.log("resizing");
this.markChildren();
},
getLayout: function (layoutName) {
// get particular layout based on layoutName argument
// internally: also uses number of children and media size
const numItems = this.$children.length;
const mediaSize = this.getMediaType();
let layouts = this.getLayouts(this.templateMode);
/* if there is a set for the mediasize and number, pick it,
* otherwise layout remains the starting one above
* Note: Every case should have a layout but just in case
* this fails more gracefully, probably.
*/
const layoutsForMediaSize = layouts[mediaSize] ? layouts[mediaSize] : layouts.desktop;
const lfms = layoutsForMediaSize;
if (lfms) {
if (lfms[numItems]) {
layout = lfms[numItems];
} else if (lfms.full) {
layout = lfms.full;
}
}
else {
// using dgov-grid these are classes for up to five children
const default_layout = ["dgov-col-6:feature", "dgov-col-6:feature", "dgov-col-4",
"dgov-col-4", "dgov-col-4"];
layout = default_layout;
}
return layout;
},
getLayouts: function (layoutName) {
let layouts;
switch (layoutName) {
case "override":
layouts = window._dgov_feature_layout_override;
break;
case "story":
layouts = story_layouts;
break;
case "blog":
default:
layouts = blog_layouts;
break;
}
return layouts;
},
getMediaType: function () {
const isXS = window.matchMedia("(max-width: 767px)").matches;
const isMD = window.matchMedia("(min-width: 768px) and (max-width: 991px)").matches;
const isLG = window.matchMedia("(min-width: 992px) and (max-width: 1199px)").matches;
const isGiant = window.matchMedia("(min-width: 1200px)").matches;
if (isXS) { return "xs"; }
else if (isMD) { return "md"; }
else if (isLG) { return "lg"; }
else /* if (isGiant) */ { return "desktop" };
},
markChildren: function () {
const numItems = this.$children.length;
const mediaSize = this.getMediaType();
let layout = this.getLayout(this.templateMode);
const layoutLen = layout.length;
for (let i = 0; i < this.$children.length; i++) {
const item = this.$children[i]
if (DEBUG) console.log('layout', layout.length, layout);
if (i >= layout.length) {
// hide
//item.addClass("hidden-item");
const pieces = layout[layout.length - 1].split(":");
const reflexClass = pieces[0];
const cardType = pieces[1];
if (item.setCardType) item.setCardType(cardType); // undefined means default
if (item.resetClass) item.resetClass();
if (item.addClass) item.addClass(reflexClass);
} else {
const pieces = layout[i].split(":");
const reflexClass = pieces[0];
const cardType = pieces[1]; // might be undefined
if (DEBUG) console.log("f-t85:", pieces, reflexClass, cardType);
if (item.setCardType) item.setCardType(cardType); // undefined means default
if (item.resetClass) item.resetClass();
if (item.addClass) item.addClass(reflexClass);
}
if (!this.showAll && (i >= this.numToShow)) {
if (item.addClass) item.addClass("hidden-item");
}
}
},
thereAreMoreToView: function () {
if (!this.showAll && (this.numToShow < this.$children.length)) {
return true;
}
else {
return false;
}
},
viewMore: function () {
// view more!
this.numToShow += this.pageAmount;
if (DEBUG) console.log("viewMore event, numToShow", this.numToShow);
this.resize();
setTimeout(function () {
const targel = $('.bottom-target')[0];
if (targel.scrollIntoView) {
targel.scrollIntoView(false);
}
}, 100);
},
}
});
})();
</script>
<style>
.feature-template .dgov-grid.feature-template-container .hidden-item {
display:none;
}
.feature-grid.alist.stories .feature-template .item a.title,
.feature-grid.alist.stories .feature-template .item a.title:link {
font-size:1.4rem;
}
.more-row {
display: flex;
align-items: center;
flex-direction: column;
padding: 15px;
}
/* Note: this relates to lack of encapsulation where
Dashboard applies .list class to parent container. Would be better
to have an event so that the card code 'knows' the card is in 'list'
mode. This rule isn't needed however, but is documentation since this
may be an issue if the structure changes to include future features.
Special rule is in story-card, may be moved or similar for other types
of cards. */
.alist.stories.list .feature-template .feature-template-container {
display:block;
}
.more-row {
display: flex;
align-items: center;
flex-direction: column;
padding: 15px;
}
/*.feature-template-container {
display: flex;
flex-direction: row;
}*/
</style>
<script type="text/x-template" id="vue-listing-dashboard-with-preview-template">
<div class="listing-dashboard-with-preview listing-with-preview item explore-item">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<template v-if="pageNumber == 1">
<div :class="imageContainerClasses">
<div class="image-wrap"
v-bind:class="{'video-wrap-container no-pointer-events': isVideo}">
<template v-if="isVideo">
<img src="/Portals/_default/Skins/DGOV2/Resources/img/play-default.png" class="defaultVideoOverlay a-video-button">
<img src="/Portals/_default/Skins/DGOV2/Resources/img/play-hover.png" class="hoverVideoOverlay a-video-button">
</template>
<div class="image-wrap-wrap">
<div class="image-replacement" :style="'background-image: url('+ imageUrl +')'"></div>
<img alt="" :src="imageUrl">
</div>
</div>
</div>
</template>
<div :class="contentContainerClasses">
<figcaption :style="pageNumber > 1 ? 'margin-left: 0 !important' : ''">
<span class="category">
<template v-if="isInDashboard">
<template v-if="contentTypeVal === '987'">
<a class="content-type-text live" href="/Live">
<span>Live Event</span>
</a>
</template>
<template v-else>
<a :class="'content-type-text ' + dashboardCatData[0] + ' content-type-' + contentTypeVal" :href="dashboardCatData[1]"><span>{{ dashboardCatData[2] }}</span></a>
</template>
</template>
<template v-else>
<template v-if="contentTypeName==='From the Services'">
<span :class="'service-source service-'+categoryName">{{category}}</span>
</template>
<template v-else>
<a class="content-type-text" :href="categoryLineOverride ? termUrl: prettyContentTypeUrl">
<span>{{categoryLineOverride ? categoryLineOverride : prettyContentTypeName}}</span>
</a>
</template>
</template>
<template v-if="shouldShowDate">
<span class="separator">|</span>
<time :data-dateago="publishDateJss" :data-dateap="publishDateAp">
{{publishDateAp}}
</time>
</template>
</span>
<h3 class="title">
<span>
{{ contentTypeName !== 'Contracts' ? articleTitle : ('Contracts For ' + publishDateAp) }} <i v-if="isExternal()" class="fas fa-external-link-alt"></i>
</span>
<card-edit-span :isEditMode="canEdit" :editUrl="editUrl" :imageUrl="editImage"></card-edit-span>
</h3>
<p class="summary hidden-xs hidden-xxs" v-html="articleSummary"></p>
</figcaption>
</div>
<a class="link-overlay" :href="articleUrlOrLink">
<span class="sr-only">{{ contentTypeName !== 'Contracts' ? articleTitle : ('Contracts For ' + publishDateAp) }}</span>
</a>
</div>
</figure>
<div style="clear:both"></div>
</div>
</script>
<!-- here is a card-edit-span element... need to share this, but the vue component token is not a good way
because it would be multiply imported every time it's used by a card. It should be linked with "registerscript"
-->
<script type="text/x-template" id="vue-card-edit-span-template">
<a title="Edit" v-if="isEditMode" class="card-edit-span" :href="editUrl" alt="edit link">
<img title="Edit" :src="imageUrl" alt="edit pencil" />
</a>
</script>
<script type="text/javascript">
(function () {
const DEBUG = false;
if (DEBUG) console.log("this is the listing-dashboard-with-preview (default card) component");
const tempSel = "";
const tempUse = tempSel ? tempSel : "#vue-listing-dashboard-with-preview-template";
if (DEBUG) console.log("sc85:", tempSel, tempUse);
const tempEl = $(tempUse)[0];
if (DEBUG) console.log("sc87:", tempEl);
// TODO: move this to shared .js utilizing vue:registerjs token
const _contentTypeLib = {
'1': {
url: "/News/News-Stories",
name: "News",
},
'514': {
url: "/Spotlights",
name: "Spotlight",
},
'515': {
url: "/Explore/Inside-DOD/",
name: "Inside DOD",
},
'610': {
url: "/Explore/Inside-DOD/",
name: "Inside DOD",
},
'936': {
url: "/Explore/Inside-DOD/",
name: "From The Services",
},
'700': {
// "Special Report"
url: "/Experience/",
name: "Experience",
videoName: "Video",
},
'800': {
url: "/News/Feature-Stories",
name: "Feature",
videoName: "Video",
},
'801': {
url: "/Engage/",
name: "Quiz",
videoName: "Quiz",
},
'808': {
url: "/Watch/",
name: "VideoCS",
prettyName: "Legacy Video",
videoName: "Legacy Video",
},
'809': {
url: "/Multimedia/Videos/",
name: "VideoCS2",
prettyName: "Video",
videoName: "Video",
},
'616': {
url: "/Multimedia/Videos/",
prettyName: "Video",
videoName: "Video",
},
'9': {
url: "/News/Releases/",
name: "Release"
},
'2': {
url: "/News/Advisories/",
name: "Advisory"
},
'13': {
url: "/News/Transcripts",
name: "Transcript"
},
'5': {
url: "/News/Publications",
name: "Publication"
},
'400': {
url: "/News/Contracts",
name: "Contracts"
},
'11': {
url: '/News/Speeches/',
name: 'Speech'
},
'884': {
url: '/News/Speeches/',
name: 'Speech'
},
// for types > 800 (that are not above)
custom: {
name: null, // means 'actual' contentTypeName
videoName: "Video",
},
};
const _dashboardCatData = {
'1': ['news', '/News/News-Stories', 'News'],
'14': ['news', '/News/News-Stories', 'News'],
'800': ['feature', '/News/Feature-Stories', 'Feature'],
'504': ['faq', null, 'FAQ'],
'514': ['spotlight', '/Spotlights', 'Spotlight'],
'515': ['inside-dod', '/News/Inside-DoD', 'Blog'],
'809': ['video', '/Multimedia/Videos', 'Video'],
'616': ['video2', '/Multimedia/Videos', 'Video'],
'987': ['live', '/live', 'Live Event'],
'700': ['experience', '/experience', 'Experience'],
'801': ['quiz', '/engage', 'Quiz'],
'610': ['blog', '/News/Inside-DoD', 'Inside DoD'],
'936': ['from-the-services', '/Explore/From-the-Services', 'From The Services'],
'2': ['advisory', '/Newsroom/Advisories/', 'Advisory'],
'889': ['advisory', '/News/Advisories/', 'Advisory'],
'5': ['publication', '/News/Publications/', 'Publication'],
'886': ['publication', '/News/Publications/', 'Publication'],
'9': ['release', '/News/Releases/', 'Release'],
'885': ['release', '/News/Releases/', 'Release'],
'11': ['speech', '/News/Speeches/', 'Speech'],
'884': ['speech', '/News/Speeches/', 'Speech'],
'13': ['transcript', '/News/Transcripts/', 'Transcript'],
'883': ['transcript', '/News/Transcripts/', 'Transcript'],
'400': ['contracts', '/News/Contracts/', 'Contracts'],
'887': ['fact-sheet', null, 'Fact Sheet'],
'541': ['from-the-podium', '/News/From-the-Podium/', 'From The Podium'],
'888': ['related-link', null, 'Related Link'],
};
Vue.component('listing-dashboard-with-preview', {
name: 'listing-dashboard-with-preview',
data: function () {
return {
templateSelector: "",
classes: [],
// readonly props
contentTypeLib: _contentTypeLib,
hover: false,
prettyContentTypeName: null,
prettyContentTypeUrl: null,
isFirst: false
};
},
props: [
"article-alt",
"article-id",
"article-image-url",
"article-title",
"article-url",
"article-url-or-link",
"article-url-or-link-absolute",
"can-edit",
"category-line-override",
"category",
"content-type-val",
"content-type-name",
"edit-image",
"edit-url",
"has-terms",
"image-caption",
"image-url",
"indashboard",
"is-video",
"item-index",
"open-in-new",
"publish-date-jss",
"publish-date-ap",
"show-image",
"term-url",
"term-name",
"article-summary"
],
template: tempEl, // el that matches ID in template OR override passed in
beforeMount: function () {
if (this.$parent.$children.length === 1) {
this.isFirst = true;
}
},
mounted: function () {
if (false) console.log("props", this.showImage, JSON.stringify(this.$props, null, 4));
this.prettyContentTypeName = this.constructPrettyContentTypeName();
this.prettyContentTypeUrl
= this.contentTypeLib[this.contentTypeVal] ?
this.contentTypeLib[this.contentTypeVal].url : this.termUrl;
if (DEBUG) console.log("sc155: mounted: content type:", this.prettyContentTypeVal, this.prettyContentTypeName, this.prettyContentTypeUrl)
},
computed: {
categoryName: function () {
// Should be safe for CSS class name
return encodeURIComponent(this.category)
.toLowerCase()
.replace(/\.|%[0-9a-z]{2}/gi, '');
},
isInDashboard: function () {
return typeof this.indashboard === "undefined" ? false :
!!this.indashboard;
},
shouldShowDate: function () {
return ![514, 700, 801].includes(parseInt(this.contentTypeVal, 10));
},
dashboardCatData: function () {
// Example: '1': ['news', '/explore/news/', 'News'],
if (!_dashboardCatData.hasOwnProperty(this.contentTypeVal))
return [this.contentTypeName.toLowerCase(), '', this.contentTypeVal];
return _dashboardCatData[this.contentTypeVal];
},
imageContainerClasses: function () {
return this.isInDashboard ? 'dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container'
: 'dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-6 dgov-col-lg-6 image-container';
},
contentContainerClasses: function () {
return this.isInDashboard
? 'dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8'
: (this.isFirst && this.pageNumber === 1) ? 'dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-6 dgov-col-lg-6'
: 'dgov-col-12 dgov-col-xs-12 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-12';
},
imageSrc: function () {
return this.isInDashboard ? this.imageUrl : this.articleImageUrl;
},
pageNumber: function () {
let pageNumber = 1;
const activePage = $(".apager .active a span")[0];
if (activePage) {
pageNumber = +$(activePage).text();
}
return pageNumber;
},
},
methods: {
addClass: function (newClass) {
this.classes.push(newClass);
},
constructPrettyContentTypeName: function () {
// NOTE: this is duplicated in listing-with-preview and you may have a
// change that applies there. Should be moved to shared space using vue:registerjs token
// TODO: moved to shared location (via vue:registerjs)
let prettyName = null;
const isVideo = this.isVideo;
// first check for specific entry in _contentTypeLib dictionary
if (isVideo) {
prettyName = this.contentTypeLib[this.contentTypeVal]
? this.contentTypeLib[this.contentTypeVal].videoName : null;
if (!prettyName) {
// use name if videoName not set
prettyName = this.contentTypeLib[this.contentTypeVal]
? this.contentTypeLib[this.contentTypeVal].name : null;
}
} else {
prettyName = this.contentTypeLib[this.contentTypeVal]
? this.contentTypeLib[this.contentTypeVal].name : null;
}
// if still null, and type > 800 check in "custom" entry of contentTypeLib
const contentTypeNumber = parseInt(this.contentTypeVal);
if (prettyName == null && contentTypeNumber >= 800) {
if (isVideo) {
prettyName = this.contentTypeLib.custom
? this.contentTypeLib.custom.videoName : null;
} else {
prettyName = this.contentTypeLib.custom
? this.contentTypeLib.custom.name : null;
}
}
if (prettyName == null) prettyName = this.contentTypeName;
return prettyName;
},
isExternal: function() {
return ['14', '883', '884', '885', '886' , '887', '888', '889', '936'].indexOf(this.contentTypeVal) > -1;
},
hasTermName: function () {
if (this.termName && this.termName.length > 0) {
return true;
}
return false;
},
hoverOn: function () {
//if (DEBUG) console.log("i-c106: hover on");
// css :hover solution is not currently used... maybe tricky
// this approach is borrowed from the current non-vue way this is done
this.hover = true;
},
hoverOff: function () {
//if (DEBUG) console.log("ic-110: hover off");
this.hover = false;
},
resetClass: function () {
this.classes = [];
},
setCardType: function (cardType) {
// we only do one card type so ignore. This is an event from the layout
// for the adaptive-card.
if (DEBUG) console.log("s-c178: ignoring card type:", cardType);
},
targetVal: function () {
// openInNew being passed as string b/c reason
// reason: tag comes from server side rendering and might
// not be good Vue value, must allow this sort of prop to be a string
return this.openInNew == "true" ? "_blank" : "_self";
},
},
});
Vue.component('card-edit-span', {
name: 'card-edit-span',
template: "#vue-card-edit-span-template",
props: ["editUrl", "imageUrl", "isEditMode"],
});
})();
function normalizeStoryCard() {
const cardEls = $('.card-wrapper')
const cards = cardEls.toArray();
const maxh = cards.reduce(function (acc, item) {
const height = $(item).height();
if (height > acc) {
return height;
} else {
return acc;
}
}, 0);
console.log("height max", maxh);
cardEls.height(maxh);
}
</script>
<style>
.no-pointer-events {
pointer-events: none;
}
</style>
<!--
This fragment compiles a Vue template located in a div with
an id of "storyListing-3203".
-->
<script type="text/javascript">
(function () {
const DEBUG = false;
if (DEBUG) console.log("m-i2: vue:initialize:storyListing");
document.addEventListener("DOMContentLoaded", function () {
if (DEBUG) console.log("initializing vue on storyListing in module 3203")
const elTarg = "#storyListing-3203";
// supports sending in "data" and "methods" by naming convention
let modData = {};
let modMethods = {};
const typeofModData = typeof(storyListing3203_data);
const typeofModMethods = typeof(storyListing3203_methods);
if (typeofModData != "undefined") {
modData = storyListing3203_data;
}
if (typeofModMethods != "undefined") {
modMethods = storyListing3203_methods;
}
const el = $(elTarg)[0];
const moduleVue = new Vue({
el: el,
mounted: function () {
// call the callback if exists.
// naming vueToken_mounted_3203
if (DEBUG) console.log("cb?", typeof (vueToken_mounted_3203));
if (typeof (vueToken_mounted_3203) === "function" ) {
const mountedCB = vueToken_mounted_3203;
if (mountedCB) {
// currently no arguments, just a time event, e.g. when slick
// could be initialized.
this.$nextTick(mountedCB);
}
}
},
data: modData,
methods: modMethods,
});
});
})();
</script>
</div>
</div><!-- End_Module_3203 --></div>
</div><!--end of empty container -->
</div></div>
<div id="dnn_ContentPagePageX4" class="paneMarkerAlt col-lg-4"><div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3204"><a name="3204"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3204_ContentPane"><!-- Start_Module_3204 --><div id="dnn_ctr3204_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
<div id="dnn_ctr3204_Dashboard_ph">
<div id="homePress" class="explore-list homePress alist">
<h2 class="tab-title"><a href="/News/Press-Products">Press Products<i class="fas fa-chevron-right"></i></a></h2>
<div class="alist-inner">
<div class="dgov-grid dgov-grid-bleed"><!-- NEWSROOM ITEM -->
<div class="dgov-col-md-12">
<div class="item item-3764645">
<figure>
<span class="hide"><hr /></span>
<figcaption>
<span class="category">
<a class="content-type-text" href="/News/Releases/"><span>Release</span></a>
<span class="separator">|</span>
<time data-dateago="2024-05-03T12:11:29" data-dateap="May 3, 2024"></time></span>
<h3 class="title"><span>Flag Officer Assignments</span></h3>
<a class="link-overlay" href="https://www.defense.gov/News/Releases/Release/Article/3764645/flag-officer-assignments/"><span class="sr-only">Flag Officer Assignments</span></a>
</figcaption>
</figure>
</div>
</div><!-- NEWSROOM ITEM -->
<div class="dgov-col-md-12">
<div class="item item-3764129">
<figure>
<span class=""><hr /></span>
<figcaption>
<span class="category">
<a class="content-type-text" href="/News/Releases/"><span>Release</span></a>
<span class="separator">|</span>
<time data-dateago="2024-05-03T09:03:00" data-dateap="May 3, 2024"></time></span>
<h3 class="title"><span>DOD Announces Winners of the 2023 DOD Fire and Emergency Services Awards</span></h3>
<a class="link-overlay" href="https://www.defense.gov/News/Releases/Release/Article/3764129/dod-announces-winners-of-the-2023-dod-fire-and-emergency-services-awards/"><span class="sr-only">DOD Announces Winners of the 2023 DOD Fire and Emergency Services Awards</span></a>
</figcaption>
</figure>
</div>
</div><!-- NEWSROOM ITEM -->
<div class="dgov-col-md-12">
<div class="item item-3764063">
<figure>
<span class=""><hr /></span>
<figcaption>
<span class="category">
<a class="content-type-text" href="/News/Releases/"><span>Release</span></a>
<span class="separator">|</span>
<time data-dateago="2024-05-03T01:43:30" data-dateap="May 3, 2024"></time></span>
<h3 class="title"><span>United States-Japan-Australia Trilateral Defense Ministers' Meeting (TDMM) 2024 Joint Statement</span></h3>
<a class="link-overlay" href="https://www.defense.gov/News/Releases/Release/Article/3764063/united-states-japan-australia-trilateral-defense-ministers-meeting-tdmm-2024-jo/"><span class="sr-only">United States-Japan-Australia Trilateral Defense Ministers' Meeting (TDMM) 2024 Joint Statement</span></a>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- End_Module_3204 --></div>
</div><!--end of empty container -->
</div><div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3205"><a name="3205"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3205_ContentPane"><!-- Start_Module_3205 --><div style="margin-bottom: 2rem"><div id="dnn_ctr3205_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
<div id="dnn_ctr3205_Dashboard_ph">
<div id="services-list" class="explore-list services-list alist">
<h2 class="tab-title"><a href="/News/From-the-Services/">From The Services <i class="fas fa-chevron-right"></i></a></h2>
<div class="alist-inner">
<div class="dgov-grid"><!-- FROM THE SERVICES ITEM -->
<div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-1 fts-col-odd">
<div class="item item-3762830 item-odd">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/May/02/2003455478/825/780/0/240502-A-D0439-001.JPG)"></div>
<img alt="A civilian pins a rank on a soldier." src="https://media.defense.gov/2024/May/02/2003455478/825/780/0/240502-A-D0439-001.JPG" />
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-8 fts-col-copy">
<figcaption>
<span class="source Army">Army</span>
<h3 class="title"><span>Army to Suspend Temporary Promotions for NCOs</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.army.mil/article/275892/army_to_suspend_temporary_promotions_in_june" target="_blank" rel="noopener" ><span class="sr-only">Army to Suspend Temporary Promotions for NCOs</span></a>
</div>
</figure>
</div>
</div><!-- FROM THE SERVICES ITEM -->
<div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-2 fts-col-even">
<div class="item item-3760802 item-even">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/Apr/29/2003453937/825/780/0/240411-M-VR873-2432.JPG)"></div>
<img alt="A close-up of a Marine in a crowd." src="https://media.defense.gov/2024/Apr/29/2003453937/825/780/0/240411-M-VR873-2432.JPG" />
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-8 fts-col-copy">
<figcaption>
<span class="source Marine Corps">Marine Corps</span>
<h3 class="title"><span>Marine Earns Medal for Civilian Rescue</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.marines.mil/News/News-Display/Article/3760029/leading-by-example-12th-mlr-sergeant-major-provides-life-saving-aide-to-japanes/" target="_blank" rel="noopener" ><span class="sr-only">Marine Earns Medal for Civilian Rescue</span></a>
</div>
</figure>
</div>
</div><!-- FROM THE SERVICES ITEM -->
<div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-3 fts-col-odd">
<div class="item item-3763451 item-odd">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/May/02/2003455806/825/780/0/240502-N-OW182-000C.JPG)"></div>
<img alt="A small boat heads across the water to a larger ship." src="https://media.defense.gov/2024/May/02/2003455806/825/780/0/240502-N-OW182-000C.JPG" />
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-8 fts-col-copy">
<figcaption>
<span class="source Navy">Navy</span>
<h3 class="title"><span>USS Stout Provides Medical Assistance to Merchant Vessel</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.navy.mil/Press-Office/News-Stories/Article/3763265/uss-stout-provides-medical-assistance-to-merchant-vessel-at-sea/" target="_blank" rel="noopener" ><span class="sr-only">USS Stout Provides Medical Assistance to Merchant Vessel</span></a>
</div>
</figure>
</div>
</div><!-- FROM THE SERVICES ITEM -->
<div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-4 fts-col-even">
<div class="item item-3763485 item-even">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/May/02/2003455406/825/780/0/240425-F-OC707-8009A.JPG)"></div>
<img alt="An airman runs as he throws a small aircraft into the air in a large field." src="https://media.defense.gov/2024/May/02/2003455406/825/780/0/240425-F-OC707-8009A.JPG" />
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-8 fts-col-copy">
<figcaption>
<span class="source Air Force">Air Force</span>
<h3 class="title"><span>Airmen Set 24-Hour Goal to Design, Fly Autonomous Aircraft</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.af.mil/News/Article-Display/Article/3762338/air-force-researchers-design-build-fly-autonomous-aircraft-in-24-hours/" target="_blank" rel="noopener" ><span class="sr-only">Airmen Set 24-Hour Goal to Design, Fly Autonomous Aircraft</span></a>
</div>
</figure>
</div>
</div><!-- FROM THE SERVICES ITEM -->
<div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-5 fts-col-odd">
<div class="item item-3763504 item-odd">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/May/02/2003455844/825/780/0/240424-F-XO712-1012A.JPG)"></div>
<img alt="Military officers walk in front of troops standing at attention in formation." src="https://media.defense.gov/2024/May/02/2003455844/825/780/0/240424-F-XO712-1012A.JPG" />
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-8 fts-col-copy">
<figcaption>
<span class="source Space Force">Space Force</span>
<h3 class="title"><span>Space Command Leaders Travel to Indo-Pacific</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.spaceforce.mil/News/Article-Display/Article/3761181/usspacecom-leaders-travel-to-indo-pacific/" target="_blank" rel="noopener" ><span class="sr-only">Space Command Leaders Travel to Indo-Pacific</span></a>
</div>
</figure>
</div>
</div><!-- FROM THE SERVICES ITEM -->
<div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-6 fts-col-even">
<div class="item item-3763568 item-even">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/May/02/2003455872/825/780/0/240501-Z-TJ333-001A.JPG)"></div>
<img alt="Nebraska civilian and military leaders stand next to a Black Hawk helicopter." src="https://media.defense.gov/2024/May/02/2003455872/825/780/0/240501-Z-TJ333-001A.JPG" />
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-8 fts-col-copy">
<figcaption>
<span class="source National Guard">National Guard</span>
<h3 class="title"><span>Nebraska Guard Assists With Tornado Response</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.nationalguard.mil/News/Article-View/Article/3762908/nebraska-national-guard-assists-with-tornado-response/" target="_blank" rel="noopener" ><span class="sr-only">Nebraska Guard Assists With Tornado Response</span></a>
</div>
</figure>
</div>
</div> </div>
</div>
</div>
</div>
</div></div><!-- End_Module_3205 --></div>
</div><!--end of empty container -->
</div><div class="DnnModule DnnModule-DNN_HTML DnnModule-5914"><a name="5914"></a>
<div class="sidebar-section sidebar-search-section">
<div class="bluebox-title"><h2 class="tab-title"><span>Veteran Resource</span></h2></div>
<div class="sidebar-section-inner">
<div id="dnn_ctr5914_ContentPane"><!-- Start_Module_5914 --><style>
.sidebar-section { margin-left: 2rem; }
.vet a img { transition: all 0.25s;}
.vet a:hover img { transform: scale(1.1);}
@media screen and (max-width: 1199px) { .sidebar-section { margin-left: 0rem; }}
</style>
<div class="vet"><div id="dnn_ctr5914_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr5914_HtmlModule_lblContent" class="Normal">
<a href="https://www.veteranscrisisline.net/get-help/military-crisis-line" target="_blank"> <img class="logo" src="/portals/1/Spotlight/2022/taking-care/vcl-988_hoz_rgb.svg" alt="Veterans Crisis Line logo"> </a>
</div>
</div></div><!-- End_Module_5914 --></div>
</div>
</div></div></div>
</div>
<div id="ContentPanePage75" class="row staggered-cutout-75">
<div id="dnn_ContentPanePage7X" class="paneMarker col-lg-7 DNNEmptyPane"></div>
<div id="dnn_ContentPanePageX5" class="paneMarkerAlt col-lg-5 DNNEmptyPane"></div>
</div>
<div id="ContentPanePage66" class="row staggered-cutout-66">
<div id="dnn_ContentPanePage6X" class="paneMarker col-lg-6 DNNEmptyPane"></div>
<div id="dnn_ContentPanePageX6" class="paneMarkerAlt col-lg-6 DNNEmptyPane"></div>
</div>
<div id="ContentPanePage57" class="row staggered-cutout-57">
<div id="dnn_ContentPanePageX7" class="paneMarkerAlt col-lg-7 col-lg-push-5 DNNEmptyPane"></div>
<div id="dnn_ContentPanePage5X" class="paneMarker col-lg-5 col-lg-pull-7 DNNEmptyPane"></div>
</div>
<div id="ContentPanePage48" class="row staggered-cutout-48">
<div id="dnn_ContentPanePageX8" class="paneMarkerAlt col-lg-8 col-lg-push-4 DNNEmptyPane"></div>
<div id="dnn_ContentPanePage4X" class="paneMarker col-lg-4 col-lg-pull-8 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed1" class="staggered-cutout"><div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3206"><a name="3206"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3206_ContentPane"><!-- Start_Module_3206 --><style>
.experience-slider-wrap .exp-img-wrap {
background: transparent;
}
.experience-slider-wrap .experience-slider .slick-dots li {
background-color: #fff;
}
.experience-slider-wrap .experience-slider .slick-dots li.slick-active {
background-color: #ff9900;
}
h2.tab-title.multimedia-tab-title {
margin-bottom: 15px;
}
.experience-slider-wrap .slick-track {
transform: translate3d(0,0,0)!important;
}
</style>
<div id="experience" class="experience home-section full">
<div class="content-wrap">
<h2 class="tab-title multimedia-tab-title"><a href="/Multimedia/Experience">Interactive Experiences <i class="fas fa-chevron-right"></i></a></h2><div id="dnn_ctr3206_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
<div id="dnn_ctr3206_Dashboard_ph">
<div id="experience-wrap-3206" class="aframe adash">
<h2 class="tab-title multimedia-tab-title hide"><a href="/Experience">Experience DOD <i class="fas fa-chevron-right"></i></a></h2>
<div class="navigate-text" tabindex="0" style="position: absolute;left:-9999px">Use left and right arrow keys to navigate this slide show.</div>
<div class="experience-slider-wrap slider-total-3">
<div class="dgov-grid">
<div class="dgov-col-md-9 dgov-col-bleed">
<div class="slider-progress">
<div class="progress"></div>
</div>
<div class="experience-slider-3206 experience-slider">
<!-- EXPERIENCE ITEM -->
<div class="experience-item"
data-thumbsrc="https://media.defense.gov/2022/Mar/29/2002965264/825/780/0/220325-D-RB598-001.JPG"
data-thumbalt="The Vietnam Veterans Memorial wall is seen with a view toward the Washington Monument at sunset."
data-thumbfocus=""
tabindex="0">
<div class="item item-2981976">
<figure>
<div class="exp-img-wrap dgov-card dgov-card-3" onclick="(function() { window.location.href='/Multimedia/Experience/Vietnam-Veterans-Memorial/'; })()">
<a href="/Multimedia/Experience/Vietnam-Veterans-Memorial/">
<span class="sr-only">Vietnam Veterans Memorial</span>
<div class="exp-img" alt="" style="background-image: url(https://media.defense.gov/2022/Mar/29/2002965264/1280/1280/0/220325-D-RB598-001.JPG); background-size: cover; " />
<figcaption>
<div class="main-caption">
<h2 class="title">Vietnam Veterans Memorial</h2>
</div>
<p class="summary">Take a closer look at the Vietnam Veterans Memorial, which was dedicated in 1982, fulfilling a promise to never forget those who served and sacrificed during the Vietnam War.</p>
<div class="bgfade"></div>
</figcaption>
</a>
</div>
</figure>
</div>
<div class="experience-img hide">
<div class="image-wrap ">
<a class="experience-link" href="/Multimedia/Experience/Vietnam-Veterans-Memorial/">
<div class="zoom-bg image-replacement" style="background-image: url(https://media.defense.gov/2022/Mar/29/2002965264/1280/1280/0/220325-D-RB598-001.JPG)"></div>
<img alt="The Vietnam Veterans Memorial wall is seen with a view toward the Washington Monument at sunset." src="https://media.defense.gov/2022/Mar/29/2002965264/1280/1280/0/220325-D-RB598-001.JPG" />
</a>
</div>
</div>
</div>
<!-- EXPERIENCE ITEM -->
<div class="experience-item"
data-thumbsrc="https://media.defense.gov/2024/Apr/22/2003446455/825/780/0/240412-M-XL497-1160.JPG"
data-thumbalt="Two eyes with black pupils and yellow sclera peep out from behind green foliage."
data-thumbfocus=""
tabindex="0">
<div class="item item-3750417">
<figure>
<div class="exp-img-wrap dgov-card dgov-card-3" onclick="(function() { window.location.href='https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/3750417/where-the-wild-things-are/'; })()">
<a href="https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/3750417/where-the-wild-things-are/">
<span class="sr-only">Where the Wild Things Are</span>
<div class="exp-img" alt="" style="background-image: url(https://media.defense.gov/2024/Apr/22/2003446455/1280/1280/0/240412-M-XL497-1160.JPG); background-size: cover; " />
<figcaption>
<div class="main-caption">
<span class="interactive">Quiz</span>
<h2 class="title">Where the Wild Things Are</h2>
</div>
<p class="summary">With nearly 27 million acres of land under its care, DOD provides crucial habitat for numerous threatened, endangered and at-risk species. See if you can suss out a few of them in this quiz, without getting tripped up by decoys!</p>
<div class="bgfade"></div>
</figcaption>
</a>
</div>
</figure>
</div>
<div class="experience-img hide">
<div class="image-wrap ">
<a class="experience-link" href="https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/3750417/where-the-wild-things-are/">
<div class="zoom-bg image-replacement" style="background-image: url()"></div>
<img alt="Two eyes with black pupils and yellow sclera peep out from behind green foliage." src="https://media.defense.gov/2024/Apr/22/2003446455/1280/1280/0/240412-M-XL497-1160.JPG" />
</a>
</div>
</div>
</div>
<!-- EXPERIENCE ITEM -->
<div class="experience-item"
data-thumbsrc="https://media.defense.gov/2024/Mar/21/2003417995/825/780/0/240316-D-WM747-1019.JPG"
data-thumbalt="People walk down a long road."
data-thumbfocus=""
tabindex="0">
<div class="item item-3742378">
<figure>
<div class="exp-img-wrap dgov-card dgov-card-3" onclick="(function() { window.location.href='/Multimedia/Experience/Remembering-Bataan/'; })()">
<a href="/Multimedia/Experience/Remembering-Bataan/">
<span class="sr-only">Remembering Bataan</span>
<div class="exp-img" alt="" style="background-image: url(https://media.defense.gov/2024/Mar/21/2003417995/1280/1280/0/240316-D-WM747-1019.JPG); background-size: cover; " />
<figcaption>
<div class="main-caption">
<h2 class="title">Remembering Bataan</h2>
</div>
<p class="summary">Each year, thousands of people make a 26.2-mile trek through White Sands Missile Range in New Mexico, to honor the veterans who endured the Bataan Death March during World War II.</p>
<div class="bgfade"></div>
</figcaption>
</a>
</div>
</figure>
</div>
<div class="experience-img hide">
<div class="image-wrap ">
<a class="experience-link" href="/Multimedia/Experience/Remembering-Bataan/">
<div class="zoom-bg image-replacement" style="background-image: url(https://media.defense.gov/2024/Mar/21/2003417983/1280/1280/0/240316-D-WM747-1006.JPG)"></div>
<img alt="People walk down a long road." src="https://media.defense.gov/2024/Mar/21/2003417995/1280/1280/0/240316-D-WM747-1019.JPG" />
</a>
</div>
</div>
</div>
</div>
</div>
<div class="dgov-col-md-3 dgov-col-bleed">
<div class="experience-nav-3206 experience-nav"></div>
</div>
</div>
</div>
</div>
<script>
var expNav='.experience-nav-3206';
var expMain='.experience-slider-3206';
var expWrap='.experience-wrap-3206';
$(expWrap+" .navigate-text").on('focus',
function() {
$(this).css({ left: 'auto',position: 'static' });
});
$(expMain+' .experience-item').each(function() {
var $item=$(this);
$(expNav).append($("<div class='experience-nav-item' tabindex='0'><div "+
"class='exp-img' style='background-image:url("+
$item.data('thumbsrc')+
");"+$item.data('thumbfocus')+"' /></div>"));
$title=$item.find('.main-caption');
$fade = $item.find('.bgfade');
$fade.height($title.height() + 50);
$item.on('keyup',
function(event) {
if(event.keyCode===13||event.keyCode===32) {
$item.find('.experience-link').click();
}
});
});
$(document).ready(function() {
var time=10;
var $bar,
$slick,
isPause,
tick,
percentTime;
$slick=$(expMain);
$slick.slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
dots: true,
fade: true,
asNavFor: expNav,
prevArrow: '<i class="fa fa-chevron-left carousel-previous"></i>',
nextArrow: '<i class="fa fa-chevron-right carousel-next"></i>'
})
.on("beforeChange",function() {
startProgressbar();
});;
$(expNav).slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: expMain,
dots: false,
vertical: true,
focusOnSelect: true,
centerPadding: 0,
centerMode: true,
arrows: true,
infinite: true,
useTransform: false,
responsive:{
breakpoint: 992,
settings: "unslick",
},
prevArrow: '<div class="arrow-container left"><i class="fa fa-chevron-up carousel-previous"></i></div>',
nextArrow: '<div class="arrow-container right"><i class="fa fa-chevron-down carousel-next"></i></div>',
})
.on("setPosition",function() {
setTimeout(function() {
var $item=$slick.find('.slick-slide .experience-item').first();
var $list = $(expNav).find('.slick-list');
var $track = $(expNav).find('.slick-track');
if($item.length===0) return;
if($item.height()!== $(expNav).height()) {
$(expNav).height($item.height());
}
$list.height($item.height());
if ($track.find('.slick-slide').length < 4) {
// making margin-top the inverse of top so they cancel each other out (e.g. top: -100px, margin top is 100px)
$track.css({marginTop:(parseInt($track.css('top')) * -1) + "px"});
}
},
0);
});
$bar=$('.slider-progress .progress');
$items=$slick.find('.slick-slide .experience-item');
$items.hover(function() {
if(window.innerWidth < 991) return;
$t = $(this);
$title = $t.find('.main-caption');
$summary=$t.find('.summary');
$fade = $t.find('.bgfade');
sumHeight = $summary.height() + 30 > 185 ? 215:$summary.height() + 30;
$title.css({ transform: 'translateY(-'+sumHeight+'px)' }); // add 30px for bottom margin
$fade.height(sumHeight + $title.height() + 50);
},
function() {
$t = $(this);
$title = $t.find('.main-caption');
$title.css({ transform: 'translateY(0)' });
$fade.height($title.height() + 50);
});
var isMobile={
Android: function() {
return navigator.userAgent.match(/Android/i);
},
BlackBerry: function() {
return navigator.userAgent.match(/BlackBerry/i);
},
iOS: function() {
return navigator.userAgent.match(/iPhone|iPad|iPod/i);
},
Opera: function() {
return navigator.userAgent.match(/Opera Mini/i);
},
Windows: function() {
return navigator.userAgent.match(/IEMobile/i);
},
any: function() {
return (isMobile.Android()||isMobile.BlackBerry()||isMobile.iOS()||isMobile.Opera()||isMobile.Windows());
}
};
if(isMobile.any()) {
}
else {
$(expMain).on({
mouseenter: function() {
isPause=true;
},
mouseleave: function() {
isPause=false;
}
});
};
function startProgressbar() {
resetProgressbar();
percentTime=0;
isPause=false;
tick=setInterval(interval,10);
}
function interval() {
if(isPause===false) {
percentTime+=1/(time+0.1);
$bar.css({
width: percentTime+"%"
});
if(percentTime>=100) {
$slick.slick('slickNext');
startProgressbar();
}
}
}
function resetProgressbar() {
$bar.css({
width: 0+'%'
});
clearTimeout(tick);
}
startProgressbar();
});
</script>
</div>
</div></div>
</div><!-- End_Module_3206 --></div>
</div><!--end of empty container -->
</div></div>
<div id="content-pane-wrap">
<div class="content-wrap">
<div id="dnn_ContentPane" class="DNNEmptyPane"></div>
</div>
</div>
<div id="ContentPaneFullBleed84" class="container fullbleed">
<div class="row">
<div id="dnn_ContentPaneFullBleed8X" class="paneMarker col-lg-8 DNNEmptyPane"></div>
<div id="dnn_ContentPaneFullBleedX4" class="paneMarkerAlt col-lg-4 DNNEmptyPane"></div>
</div>
</div>
<div id="content-pane-wrap-84">
<div class="content-wrap container">
<div id="ContentPane84" class="row">
<div id="dnn_ContentPane8X" class="paneMarker col-lg-8 DNNEmptyPane"></div>
<div id="dnn_ContentPaneX4" class="paneMarkerAlt col-lg-4 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed2"><div class="DnnModule DnnModule-SlideShow DnnModule-3207"><a name="3207"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3207_ContentPane"><!-- Start_Module_3207 --><style>
#media {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
<div id="media" class="home-section" style="background-image:url(https://media.defense.gov/2021/Jun/08/2002737402/1600/1600/0/210512-D-BM568-1287R.JPG);">
<div class="content-wrap">
<div class="media-banner">
<div class="multimedia-copy">
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-col-md-8">
<h3>Multimedia</h3>
<p>Take a look behind the lens at the missions and accomplishments of the men and women who serve in the U.S. armed forces.</p>
<a class="btn btn-sm btn-primary" href="/Multimedia/Photos">Photos</a>
<a class="btn btn-sm btn-primary" href="/Multimedia/Videos">Videos</a>
<a class="btn btn-sm btn-primary" href="/Multimedia">All Multimedia</a>
</div>
</div>
</div>
<div aria-hidden="true"><div id="dnn_ctr3207_ModuleContent" class="DNNModuleContent ModSlideShowC">
<script type="application/javascript" defer src="https://static.addtoany.com/menu/page.js"></script>
<script type="text/javascript" src="/DesktopModules/Slideshow/Resources/js/analyticsParamsForDVIDSAnalyticsAPI.js"></script>
<div id="gridlayout-slideshow-3207" class="gridlayout-slideshow">
<div id="grid-id-3207" class="gridslideshow-target" >
... loading ...
</div>
</div>
<script>
$(document).ready(function() {
var tag=document.createElement('script');
tag.src="https://www.youtube.com/iframe_api";
var firstScriptTag=document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag,firstScriptTag);
});
(function () {
function glsParseAspectRatio(arStr) {
let aspectRatio = 6 / 4; // default
if (arStr && typeof (arStr) == "string") {
try {
let arParts;
if (arStr.indexOf(":") >= 0) {
arParts = arStr.split(":");
} else if (arStr.indexOf("x") >= 0) {
arParts = arStr.split("x");
} else if (arStr.indexOf("/") >= 0) {
arParts = arStr.split("/");
} else {
// maybe it's a number
const arVal = parseFloat(arStr);
if (arVal && arVal > 0) {
arParts = [arVal, 1];
}
}
if (false) console.log("arParts", arParts);
if (arParts && arParts.length == 2) {
const wide = parseFloat(arParts[0]);
const high = parseFloat(arParts[1]);
if (false) console.log("ratio", wide, high)
if (wide > 0 && high > 0) {
aspectRatio = wide / high;
}
}
} catch (e) {
throw e;
// don't let parsing or other errors deter us
// the default will persist if it was unparsable
}
}
return aspectRatio;
}
function glsCalcNumColumns() {
const mediaType = glsGetMediaType();
let numCols = 4;
switch (mediaType) {
case "xs":
numCols = 1;
break;
case "md":
numCols = 2;
break;
case "lg":
numCols = 3;
break;
default:
case "desktop":
numCols = 4;
break;
}
// special cases
const numSlides = this.numSlides;
if (numSlides < numCols) {
numCols = numSlides;
}
// result
this.numColumns = numCols;
return numCols; // not currently used afaik
}
function glsGetMediaType() {
const isXS = window.matchMedia("(max-width: 767px)").matches;
const isMD = window.matchMedia("(min-width: 768px) and (max-width: 991px)").matches;
const isLG = window.matchMedia("(min-width: 992px) and (max-width: 1199px)").matches;
const isGiant = window.matchMedia("(min-width: 1200px)").matches;
if (isXS) { return "xs"; }
else if (isMD) { return "md"; }
else if (isLG) { return "lg"; }
else /* if (isGiant) */ { return "desktop" };
}
// Marshalling data for the component(s)
//const gsTarget = $('#gridlayout-slideshow-3207');
const gsTarget = $('#grid-id-3207'); // note this is going to go away and be replaced by Vue.
const width = gsTarget.width();
const aspectRatio = glsParseAspectRatio('') * 1.05;
const slideCount = parseInt('12');
const numCols = Math.min(glsCalcNumColumns(), slideCount);
const numRows = Math.ceil(slideCount / numCols);
const totPadWidth = ((numCols - 1) * 30);
const totPadHeight = (numRows * 30) + 30;
const imgsWidth = width - totPadWidth;
const imgWidth = imgsWidth / numCols;
const imgHeight = imgWidth / aspectRatio;
const height = (imgHeight * numRows) + totPadHeight;
// this is a temporary height, estimated to be near as possible to the height of the
// grid once rendered. gsTarget is removed/replaced by the Vue component once rendered.
gsTarget.height(height);
let slides = [];
let slideItem;
let opts = {
moduleId: "3207",
portalId: '1',
moduleTitle: 'Multimedia',
containerClientId: 'dnn_ctr3207_ModuleContent',
slideCount: parseInt('12'),
width: '990px',
height: '382px',
imageGalleryUrl: '',
aspectRatio: '',
// style 2 for marshalling the data
hasMoreUrl: false,
moreUrl: false,
};
let useOverlay,
isVideo,
videoDuration,
hasMoreUrl,
moreUrl;
let slideIndex = 0;
//
// END HEADER TEMPLATE
// -------------------
// START ITEM TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003456671/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/03/2003456671/1200/900/0/240502-N-BR246-1015M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/03/2003456671/-1/-1/0/240502-N-BR246-1015M.JPG",
preventDistortionClass: "",
title: "Sunlit Sail",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "0",
link: "igphoto/2003456671/",
alt: "A ship in silhouette sails in a body of water under a sunlit sky.",
byLine: "Navy Seaman Apprentice Aaron Haro Gonzalez",
description: "The USNS John Ericsson conducts routine operations in the South China Sea, May 2, 2024.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '0',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.22MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003456609/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/03/2003456609/1200/900/0/240426-A-XJ110-1009M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/03/2003456609/-1/-1/0/240426-A-XJ110-1009M.JPG",
preventDistortionClass: "",
title: "Proud Pinning",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "1",
link: "igphoto/2003456609/",
alt: "A military spouse holds a pin before putting it onto an emotional soldier as fellow soldiers stand in the background.",
byLine: "Army Sgt. Gwang Neung Kim",
description: "Army Maj. Grace Lee's spouse pins her with the Expert Soldier Badge at Camp Humphreys, South Korea, April 26, 2024. The badge is awarded to those who demonstrate individual soldier competencies and abilities to perform skill level 1 warrior tasks and brigade commander-selected tasks, wherein the training and testing are expected to be tough, realistic and mission focused.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '1',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.31MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003456607/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/03/2003456607/1200/900/0/240421-A-MJ406-6494M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/03/2003456607/-1/-1/0/240421-A-MJ406-6494M.JPG",
preventDistortionClass: "",
title: "Streaking Site",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "2",
link: "igphoto/2003456607/",
alt: "Soldiers kneel behind a military vehicle parked in front of rows of other vehicles as red streaks of light pass above them in a field.",
byLine: "Army Sgt. 1st Class Joseph Truesdale",
description: "Soldiers conduct vehicle preparations during a large-scale, long-range air assault as part of Operation Lethal Eagle 24.1 at Fort Campbell, Ky., April 21, 2024. The training event allowed soldiers to rapidly concentrate highly lethal, low-signature and cohesive combat forces from dispersed locations to overwhelm adversaries at a place and time of their choosing.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '2',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.86MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003456533/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/03/2003456533/1200/900/0/240501-D-PM193-2019.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/03/2003456533/-1/-1/0/240501-D-PM193-2019.JPG",
preventDistortionClass: "",
title: "Teacher of the Year",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "3",
link: "igphoto/2003456533/",
alt: "A civilian stands at a lectern adorned with the Defense Department seal.",
byLine: "Navy Petty Officer 1st Class Alexander Kubitza, DOD",
description: "Kerrie Gill, Department of Defense Education Activity's Teacher of the Year, visits the Pentagon Press Briefing room while touring the Pentagon, May 1, 2024. Gill, an English language arts teacher at SHAPE Middle School in Mons, Belgium, visited the Pentagon before attending First Lady Dr. Jill Biden’s Teachers of the Year State Dinner at the White House.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '3',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.64MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003456401/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/03/2003456401/1200/900/0/240422-M-GV479-1372Y.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/03/2003456401/-1/-1/0/240422-M-GV479-1372Y.JPG",
preventDistortionClass: "",
title: "Twilight Tarmac",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "4",
link: "igphoto/2003456401/",
alt: "A military aircraft is parked on the tarmac at twilight.",
byLine: "Marine Corps Cpl. Samantha Rodriguez",
description: "A Marine Corps F-35B Lightning II aircraft prepares for takeoff from Kunsan Air Base, South Korea, April 22, 2024. The Korea Flying Training 24 exercise enhances connections between U.S. and South Korean forces.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '4',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.53MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003456399/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/03/2003456399/1200/900/0/240425-N-EC642-1262Y.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/03/2003456399/-1/-1/0/240425-N-EC642-1262Y.JPG",
preventDistortionClass: "",
title: "In a Stitch",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "5",
link: "igphoto/2003456399/",
alt: "An airman guides a child through the process of removing sutures from a mannequin during a demonstration.",
byLine: "Ricardo J. Reyes, DOD",
description: "An airman guides a child through the process of removing sutures from a mannequin during \"Take Your Daughters and Sons to Work Day\" at Walter Reed National Military Medical Center in Bethesda, Md., April 25, 2024.",
primaryWidth: '1200',
primaryHeight: '814',
serverIndex: '5',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.36MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003456398/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/03/2003456398/1200/900/0/240427-M-SX657-1167Y.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/03/2003456398/-1/-1/0/240427-M-SX657-1167Y.JPG",
preventDistortionClass: "",
title: "Jazz Band",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "6",
link: "igphoto/2003456398/",
alt: "Marines in a jazz band play drums and horns on stage.",
byLine: "Marine Corps Sgt. Ryan Harvey",
description: "Marines with the San Diego Jazz Ensemble perform during a competition at Inderkum High School in Sacramento, Calif., April 27, 2024. The ensemble attended the competition to support local musicians and bolster knowledge of the Marine Corps Musician Enlistment Option Program.",
primaryWidth: '1200',
primaryHeight: '801',
serverIndex: '6',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.32MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003456309/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/03/2003456309/1200/900/0/240415-F-TI320-1098.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/03/2003456309/-1/-1/0/240415-F-TI320-1098.JPG",
preventDistortionClass: "",
title: "Spirit Vigilance",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "7",
link: "igphoto/2003456309/",
alt: "Two B-2 bombers taxi on a runway on a misty day.",
byLine: "Air Force Airman 1st Class Matthew Domingo",
description: "B-2 Spirit stealth bombers taxi on the runway at Whiteman Air Force Base, Mo., April 15, 2024. Airmen executed a mass flyover of 12 B-2 bombers to cap off Exercise Spirit Vigilance. The training ensures airmen are always ready to conduct global strike operations.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '7',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '0.58MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003456305/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/03/2003456305/1200/900/0/240403-F-PW635-9461C.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/03/2003456305/-1/-1/0/240403-F-PW635-9461C.JPG",
preventDistortionClass: "",
title: "Blue Bayou",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "8",
link: "igphoto/2003456305/",
alt: "An airman wearing goggles focuses while performing maintenance on an aircraft.",
byLine: "Air Force Airman 1st Class Laiken King",
description: "Air Force Airman 1st Class Coen Rader performs preflight maintenance on a B-52H Stratofortress during Exercise Bayou Vigilance at Barksdale Air Force Base, La., April 3, 2024. The training helps develop airmen and aircrews, improving capabilities and increasing mission readiness.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '8',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.98MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003456304/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/03/2003456304/1200/900/0/240430-Z-TI419-1123.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/03/2003456304/-1/-1/0/240430-Z-TI419-1123.JPG",
preventDistortionClass: "",
title: "Strato Refueling",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "9",
link: "igphoto/2003456304/",
alt: "An airman is seen through a round hole refueling a large aircraft on a tarmac.",
byLine: "Air Force Senior Airman Ivy Thomas",
description: "Air Force Tech. Sgt. Christopher Croxton operates a fuel truck while refueling a KC-135 Stratotanker on the flight line at Rickenbacker Air National Guard Base, Columbus, Ohio, April 30, 2024. The fuel samples are tested before refueling to ensure they are free of contaminants and ready to be offloaded into the jet.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '9',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '0.39MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003455807/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/02/2003455807/1200/900/0/240425-F-PL327-5637M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/02/2003455807/-1/-1/0/240425-F-PL327-5637M.JPG",
preventDistortionClass: "",
title: "Suited for Safety",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "10",
link: "igphoto/2003455807/",
alt: "A close-up of a service member in a hazmat suit using a tablet.",
byLine: "Air Force Master Sgt. Arthur M. Wright, National Guard",
description: "A service member assigned to the 33rd Weapons of Mass Destruction-Civil Support Team conducts a pharmaceutical-based agents exercise at Audi Field in Washington, D.C., April 25, 2024. The exercise is designed to prepare team members for a comprehensive evaluation with Army North while also forging robust partnerships.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '10',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.31MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003455804/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/02/2003455804/1200/900/0/240425-A-OP908-1881M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/02/2003455804/-1/-1/0/240425-A-OP908-1881M.JPG",
preventDistortionClass: "",
title: "Honoring Heritage",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "11",
link: "igphoto/2003455804/",
alt: "Soldiers hold sticks to move around a paper dragon in front of an audience outside of a building.",
byLine: "K. Kassens, Army",
description: "Soldiers participate in a Language and Culture Day event during Heritage Week at Fort Liberty, N.C., April 25, 2024. The event featured various performances, exhibits, language demonstrations and food sampling from 11 different languages.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '11',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.53MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
// console.log('slides', slides);
window.addEventListener("load", function () {
opts.slides = slides;
attachGridSlideshow("#grid-id-3207", opts);
});
})();
</script>
</div> </div>
</div>
</div>
</div><!-- End_Module_3207 --></div>
</div><!--end of empty container -->
</div></div>
<div id="content-pane-wrap2">
<div class="content-wrap">
<div id="dnn_ContentPane2" class="DNNEmptyPane"></div>
</div>
</div>
<div id="ContentPaneFullBleed75" class="container fullbleed">
<div class="row">
<div id="dnn_ContentPaneFullBleed7X" class="paneMarker col-lg-7 DNNEmptyPane"></div>
<div id="dnn_ContentPaneFullBleedX5" class="paneMarkerAlt col-lg-5 DNNEmptyPane"></div>
</div>
</div>
<div id="content-pane-wrap-75">
<div class="content-wrap container">
<div id="ContentPane75" class="row">
<div id="dnn_ContentPane7X" class="paneMarker col-lg-7 DNNEmptyPane"></div>
<div id="dnn_ContentPaneX5" class="paneMarkerAlt col-lg-5 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed3" class="DNNEmptyPane"></div>
<div id="content-pane-wrap3">
<div class="content-wrap">
<div id="dnn_ContentPane3" class="DNNEmptyPane"></div>
</div>
</div>
<div id="ContentPaneFullBleed66" class="container fullbleed">
<div class="row">
<div id="dnn_ContentPaneFullBleed6X" class="paneMarker col-lg-6 DNNEmptyPane"></div>
<div id="dnn_ContentPaneFullBleedX6" class="paneMarkerAlt col-lg-6 DNNEmptyPane"></div>
</div>
</div>
<div id="content-pane-wrap-66">
<div class="content-wrap container">
<div id="ContentPane66" class="row">
<div id="dnn_ContentPane6X" class="paneMarker col-lg-6 DNNEmptyPane"></div>
<div id="dnn_ContentPaneX6" class="paneMarkerAlt col-lg-6 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed4" class="DNNEmptyPane"></div>
<div id="content-pane-wrap4">
<div class="content-wrap">
<div id="dnn_ContentPane4" class="DNNEmptyPane"></div>
</div>
</div>
<div id="ContentPaneFullBleed57" class="container fullbleed">
<div class="row">
<div id="dnn_ContentPaneFullBleedX7" class="paneMarkerAlt col-lg-7 col-lg-push-5 DNNEmptyPane"></div>
<div id="dnn_ContentPaneFullBleed5X" class="paneMarker col-lg-5 col-lg-pull-7 DNNEmptyPane"></div>
</div>
</div>
<div id="content-pane-wrap-57">
<div class="content-wrap container">
<div id="ContentPane57" class="row">
<div id="dnn_ContentPaneX7" class="paneMarkerAlt col-lg-7 col-lg-push-5 DNNEmptyPane"></div>
<div id="dnn_ContentPane5X" class="paneMarker col-lg-5 col-lg-pull-7 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed5" class="DNNEmptyPane"></div>
<div id="content-pane-wrap5">
<div class="content-wrap">
<div id="dnn_ContentPane5" class="DNNEmptyPane"></div>
</div>
</div>
<div id="ContentPaneFullBleed48" class="container fullbleed">
<div class="row">
<div id="dnn_ContentPaneFullBleedX8" class="paneMarkerAlt col-lg-8 col-lg-push-4 DNNEmptyPane"></div>
<div id="dnn_ContentPaneFullBleed4X" class="paneMarker col-lg-4 col-lg-pull-8 DNNEmptyPane"></div>
</div>
</div>
<div id="content-pane-wrap-48">
<div class="content-wrap container">
<div id="ContentPane48" class="row">
<div id="dnn_ContentPaneX8" class="paneMarkerAlt col-lg-8 col-lg-push-4 DNNEmptyPane"></div>
<div id="dnn_ContentPane4X" class="paneMarker col-lg-4 col-lg-pull-8 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed6" class="DNNEmptyPane"></div>
<div id="content-pane-wrap6">
<div class="content-wrap">
<div id="dnn_ContentPane6" class="DNNEmptyPane"></div>
</div>
</div>
</main>
<div id="footer">
<div class="footer-inner content-wrap content-wrap-wide">
<div class="dgov-grid">
<div class="dgov-col-auto">
<div class="dgov-grid">
<div id="dnn_Footer_footerNavCol1" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
<h3>Defense.gov<i class="fas fa-chevron-down"></i></h3>
<ul class="footer-nav"><li class=""><a href="/"><span class="text text-link-18">Home</span></a></li><li class=""><a href="/News/"><span class="text text-link-20">News</span></a></li><li class=""><a href="/Spotlights/ "><span class="text text-link-22">Spotlights</span></a></li><li class=""><a href="/About/"><span class="text text-link-21">About</span></a></li></ul>
</div>
<div id="dnn_Footer_footerNavCol2" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
<h3>Helpful Links<i class="fas fa-chevron-down"></i></h3>
<ul class="footer-nav"><li class=""><a href="/Live"><span class="text text-link-23">Live Events</span></a></li><li class=""><a href="/News/Today-in-DOD/"><span class="text text-link-24">Today in DOD</span></a></li><li class=""><a href="/News/Contracts/"><span class="text text-link-25">Contracts</span></a></li><li class=""><a href="/Resources/For-the-Media/"><span class="text text-link-26">For the Media</span></a></li><li class=""><a href="/Contact"><span class="text text-link-27">Contact</span></a></li></ul>
</div>
<div id="dnn_Footer_footerNavCol3" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
<h3>Resources<i class="fas fa-chevron-down"></i></h3>
<ul class="footer-nav"><li class=""><a href="/Resources/ "><span class="text text-link-28">DOD Resources</span></a></li><li class=""><a href="/resources/social-media-policy/"><span class="text text-link-53">DOD Social Media Policy</span></a></li><li class=""><a href="/contact/help-center"><span class="text text-link-29">Help Center</span></a></li><li class=""><a href="/Resources/Military-Departments/"><span class="text text-link-30">DOD / Military Websites</span></a></li><li class=""><a href="https://comptroller.defense.gov/ODCFO/afr/" target="_blank" rel="noopener noreferrer"><span class="text text-link-49">Agency Financial Report</span></a></li></ul>
</div>
<div id="dnn_Footer_footerNavCol4" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
<h3>Popular<i class="fas fa-chevron-down"></i></h3>
<ul class="footer-nav"><li class=""><a href="/Spotlights/Value-of-Service/"><span class="text text-link-33">Value of Service</span></a></li><li class=""><a href="/Spotlights/Taking-Care-of-Our-People/"><span class="text text-link-36">Taking Care of Our People</span></a></li><li class=""><a href="/Spotlights/FY2025-Defense-Budget/"><span class="text text-link-34">FY 2025 Defense Budget</span></a></li><li class=""><a href="/National-Defense-Strategy/"><span class="text text-link-54">National Defense Strategy</span></a></li></ul>
</div>
</div>
</div>
<div class="right-col dgov-col-md-12 dgov-col-lg-4">
<div class="right-col-inner">
<div class="mission">
<img class="footer-logo" alt="U.S. Department of Defense logo" src="/Portals/1/Images/DOD-Icon-Header.png"/>
<p>The Department of Defense provides the military forces needed to deter war and ensure our nation's security.</p>
</div>
<div class="footer-search-wrap">
<label class="sr-only" for="footer-search-input">Enter Your Search Terms</label>
<i class="fa fa-search" id="fa-search-icon-bottom"></i>
<input type="search" id="footer-search-input" name="footer-search" maxlength="256" placeholder="Search...">
</div>
</div>
</div>
</div>
</div>
</div>
<footer id="footer-main">
<div class="utility-nav">
<ul class=""><li class=""><a href="/Legal-Administrative/Privacy-Security/ "><span class="text text-link-12">Privacy & Security</span></a></li><li class=""><a href="/Legal-Administrative/Links-Disclaimer/ "><span class="text text-link-17">Links Disclaimer</span></a></li><li class=""><a href="http://dodcio.defense.gov/DoDSection508/Std_Stmt.aspx" target="_blank" rel="noopener noreferrer"><span class="text text-link-13">Section 508</span></a></li><li class=""><a href="/resources/social-media-policy/"><span class="text text-link-52">DOD Social Media Policy</span></a></li><li class=""><a href="http://dodcio.defense.gov/DoD-Web-Policy/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-14">Web Policy</span></a></li><li class=""><a href="http://www.esd.whs.mil/DD/plainlanguage/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-37">Plain Writing Act</span></a></li><li class=""><a href="http://www.dodig.mil/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-38">DOD IG</span></a></li><li class=""><a href="https://policy.defense.gov/OUSDP-Offices/Reporting-Civilian-Casualties/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-39">Reporting Civilian Casualties</span></a></li><li class=""><a href="http://prhome.defense.gov/NoFear/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-40">No FEAR Act</span></a></li><li class=""><a href="http://www.dimoc.mil/resources/limitations/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-41">Imagery Use</span></a></li><li class=""><a href="https://www.esd.whs.mil/FOID/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-42">FOIA</span></a></li><li class=""><a href="http://open.defense.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-43">Open GOV</span></a></li><li class=""><a href="https://media.defense.gov/2023/Mar/13/2003178168/-1/-1/1/DOD-STRATEGIC-MGMT-PLAN-2023.PDF" target="_blank" rel="noopener noreferrer"><span class="text text-link-44">Strategic Management Plan</span></a></li><li class=""><a href="https://www.usa.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-45">USA.gov</span></a></li><li class=""><a href="https://business.defense.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-46">Small Business Act</span></a></li><li class=""><a href="https://www.veteranscrisisline.net/get-help-now/military-crisis-line/" target="_blank" rel="noopener noreferrer"><span class="text text-link-55">Veterans Crisis Line</span></a></li><li class=""><a href="/site-index/ "><span class="text text-link-47">Site Map</span></a></li></ul>
</div>
<div class="social-nav-subscribe-container">
<div class="social-nav">
<ul class=""><li class=""><a href="https://twitter.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="X" aria-label="X"><span class="social-icon fa-brands fa-x-twitter social-link-5"></span></a></li><li class=""><a href="https://www.facebook.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="Facebook" aria-label="Facebook"><span class="social-icon fa-brands fa-facebook-f social-link-6"></span></a></li><li class=""><a href="https://www.instagram.com/deptofdefense/" target="_blank" rel="noopener noreferrer" title="Instagram" aria-label="Instagram"><span class="social-icon fa fa-instagram social-link-8"></span></a></li><li class=""><a href="http://www.linkedin.com/company/deptofdefense" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn"><span class="social-icon fa-brands fa-linkedin-in social-link-51"></span></a></li><li class=""><a href="https://www.youtube.com/deptofdefense" target="_blank" rel="noopener noreferrer" title="YouTube" aria-label="YouTube"><span class="social-icon fa-brands fa-youtube social-link-7"></span></a></li></ul>
</div>
<a class="subscribe-btn btn btn-sm btn-primary" href="https://public.govdelivery.com/accounts/usdod/subscriber/new" target="_blank">Subscribe</a>
</div>
</footer>
<div id="footer-hosting"><div class="skin-footer-banner"><a target="_blank" rel="noreferrer noopener" href="https://www.web.dma.mil/"><span>Hosted by Defense Media Activity - WEB.mil</span></a></div></div>
<script type="text/javascript">
var usasearch_config = {
siteHandle: skinvars.aid,
autoSubmitOnSelect: false,
}
window.onload = function () {
document.getElementById("footer-search-input").value = "";
}
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "//search.usa.gov/javascripts/remote.loader.js";
document.getElementsByTagName("head")[0].appendChild(script);
(function ($) {
$(function () {
$('.footer-nav-col h3').click(function () {
if (window.innerWidth > 991) return;
$(this).parent('.footer-nav-col').toggleClass('active');
});
});
})(jQuery);
const queryInput = $("input[name=search-main],input[name=header-search], input[name=footer-search], i[id=fa-search-icon-bottom]").on("keyup", function (e) {
if (e.keyCode == 13) {
submitSearch($(this));
}
});
$("input[name=search-main] ~ button, .search-icon, input[name=footer-search], input[name=footer-search] ~ button, i[id=fa-search-icon-bottom]").on("click", function (e) {
e.stopImmediatePropagation();
submitSearch($(this));
});
$(".search-icon").on("keypress", function (e) {
if (e.which == 13) {
e.stopImmediatePropagation();
submitSearch($(this));
}
});
function submitSearch($this) {
const query = $this ? ($this.val() || $this.parent().find('input').val()) : "";
const affiliate = !!skinvars.aid ? skinvars.aid : 'defensegov';
if (query.length > 1)
window.location = "//search.usa.gov/search?query=" + query + "&affiliate=" + affiliate + "&utf8=%26%23x2713%3B";
}
</script>
<input name="ScrollTop" type="hidden" id="ScrollTop" />
<input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off" value="`{`__scdoff`:`1`,`sf_siteRoot`:`/`,`sf_tabId`:`587`}" />
<script src="/Desktopmodules/SharedLibrary/Plugins/Bootstrap/js/bootstrap.min.js?cdv=1511" type="text/javascript"></script>
</form>
<!--CDF(Javascript|/js/dnncore.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Css|/Portals/1/Page-Assets/home/home-new.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/js/dnn.modalpopup.js?cdv=1511|DnnBodyProvider|50)--><!--CDF(Css|/Resources/Shared/stylesheets/dnndefault/7.0.0/default.css?cdv=1511|DnnPageHeaderProvider|5)--><!--CDF(Css|/Portals/_default/skins/dgov2/skin.css?cdv=1511|DnnPageHeaderProvider|15)--><!--CDF(Css|/Portals/_default/Containers/DGOV2/container.css?cdv=1511|DnnPageHeaderProvider|25)--><!--CDF(Css|/DesktopModules/ArticleCSDashboard/module.css?cdv=1511|DnnPageHeaderProvider|10)--><!--CDF(Css|/DesktopModules/ArticleCSDashboard/module.css?cdv=1511|DnnPageHeaderProvider|10)--><!--CDF(Css|/Portals/_default/Containers/DGOV2/container.css?cdv=1511|DnnPageHeaderProvider|25)--><!--CDF(Css|/DesktopModules/ArticleCSDashboard/module.css?cdv=1511|DnnPageHeaderProvider|10)--><!--CDF(Css|/DesktopModules/ArticleCSDashboard/module.css?cdv=1511|DnnPageHeaderProvider|10)--><!--CDF(Css|/Portals/_default/Containers/DGOV2/container.css?cdv=1511|DnnPageHeaderProvider|25)--><!--CDF(Css|/Portals/_default/Containers/DGOV2/container.css?cdv=1511|DnnPageHeaderProvider|25)--><!--CDF(Css|/DesktopModules/ArticleCSDashboard/module.css?cdv=1511|DnnPageHeaderProvider|10)--><!--CDF(Css|/DesktopModules/ArticleCSDashboard/module.css?cdv=1511|DnnPageHeaderProvider|10)--><!--CDF(Css|/Portals/_default/Containers/DGOV2/container.css?cdv=1511|DnnPageHeaderProvider|25)--><!--CDF(Css|/Portals/_default/Containers/DGOV2/container.css?cdv=1511|DnnPageHeaderProvider|25)--><!--CDF(Css|/DesktopModules/ArticleCSDashboard/module.css?cdv=1511|DnnPageHeaderProvider|10)--><!--CDF(Css|/DesktopModules/ArticleCSDashboard/module.css?cdv=1511|DnnPageHeaderProvider|10)--><!--CDF(Css|/desktopmodules/SlideShow/Templates/DGOV2/template.css?cdv=1511|DnnPageHeaderProvider|11)--><!--CDF(Css|/Portals/_default/Containers/DGOV2/container.css?cdv=1511|DnnPageHeaderProvider|25)--><!--CDF(Css|/DesktopModules/SlideShow/module.css?cdv=1511|DnnPageHeaderProvider|10)--><!--CDF(Css|/Portals/_default/Containers/DGOV2/container.css?cdv=1511|DnnPageHeaderProvider|25)--><!--CDF(Css|/DesktopModules/ArticleCSDashboard/module.css?cdv=1511|DnnPageHeaderProvider|10)--><!--CDF(Css|/DesktopModules/ArticleCSDashboard/module.css?cdv=1511|DnnPageHeaderProvider|10)--><!--CDF(Css|/Portals/1/portal.css?cdv=1511|DnnPageHeaderProvider|35)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/Skin/js/common.js?cdv=1511|DnnBodyProvider|101)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/Mobile-Detect/mobile-detect.min.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Css|/Desktopmodules/SharedLibrary/Plugins/SocialIcons/css/fa-social-icons.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Css|/Desktopmodules/SharedLibrary/Plugins/Skin/SkipNav/css/skipnav.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/moment/moment.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/vue/vue.min.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/vue-resource/vue-resource.min.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Css|/desktopmodules/ArticleCS/styles/DefenseGOV2/style.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/DesktopModules/ArticleCS/Resources/ArticleCS/js/ArticleCS.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/moment/moment.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/moment-timezone/builds/moment-timezone-with-data.js?cdv=1511|DnnBodyProvider|101)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/image-set-polyfill/image-set-polyfill.js?cdv=1511|DnnBodyProvider|101)--><!--CDF(Css|/Desktopmodules/SharedLibrary/Plugins/ColorBox/colorbox.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/ColorBox/jquery.colorbox.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Css|/desktopmodules/ArticleCS/styles/DefenseGOV2/style.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/DesktopModules/ArticleCS/Resources/ArticleCS/js/ArticleCS.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/moment/moment.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/moment-timezone/builds/moment-timezone-with-data.js?cdv=1511|DnnBodyProvider|101)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/image-set-polyfill/image-set-polyfill.js?cdv=1511|DnnBodyProvider|101)--><!--CDF(Css|/Desktopmodules/SharedLibrary/Plugins/ColorBox/colorbox.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/ColorBox/jquery.colorbox.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/vue/vue.min.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Css|/desktopmodules/ArticleCS/styles/DefenseGOV2/style.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/DesktopModules/ArticleCS/Resources/ArticleCS/js/ArticleCS.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/moment/moment.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/moment-timezone/builds/moment-timezone-with-data.js?cdv=1511|DnnBodyProvider|101)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/image-set-polyfill/image-set-polyfill.js?cdv=1511|DnnBodyProvider|101)--><!--CDF(Css|/Desktopmodules/SharedLibrary/Plugins/ColorBox/colorbox.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/ColorBox/jquery.colorbox.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Css|/desktopmodules/ArticleCS/styles/DefenseGOV2/style.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/DesktopModules/ArticleCS/Resources/ArticleCS/js/ArticleCS.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/moment/moment.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/moment-timezone/builds/moment-timezone-with-data.js?cdv=1511|DnnBodyProvider|101)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/image-set-polyfill/image-set-polyfill.js?cdv=1511|DnnBodyProvider|101)--><!--CDF(Css|/Desktopmodules/SharedLibrary/Plugins/ColorBox/colorbox.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/ColorBox/jquery.colorbox.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Css|/desktopmodules/ArticleCS/styles/DefenseGOV2/style.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/DesktopModules/ArticleCS/Resources/ArticleCS/js/ArticleCS.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/moment/moment.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/moment-timezone/builds/moment-timezone-with-data.js?cdv=1511|DnnBodyProvider|101)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/image-set-polyfill/image-set-polyfill.js?cdv=1511|DnnBodyProvider|101)--><!--CDF(Css|/Desktopmodules/SharedLibrary/Plugins/ColorBox/colorbox.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/ColorBox/jquery.colorbox.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/slick-carousel/slick/slick.min.js?cdv=1511|DnnBodyProvider|10)--><!--CDF(Css|/Desktopmodules/SharedLibrary/ValidatedPlugins/slick-carousel/slick/slick.css?cdv=1511|DnnPageHeaderProvider|10)--><!--CDF(Javascript|/Resources/libraries/jQuery-Migrate/03_00_00/jquery-migrate.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/DVIDSAnalytics/DVIDSVideoAnalytics.min.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/MediaElement4.2.9/mediaelement-and-player.min.js?cdv=1511|DnnBodyProvider|10)--><!--CDF(Css|/Desktopmodules/SharedLibrary/Plugins/MediaElement4.2.9/mediaelementplayer.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/TouchSwipe/jquery.touchSwipe.min.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/Cycle/cycle2.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/Cycle/jquery.cycle2.swipe.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/ImageScroll/jquery.imageScroll.min.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/carouFredSel/jquery.carouFredSel-6.2.1-packed.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Css|/Desktopmodules/SharedLibrary/Plugins/carouFredSel/base.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/BodyScrollLock/bodyScrollLock.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/slick-carousel/slick/slick.min.js?cdv=1511|DnnBodyProvider|10)--><!--CDF(Css|/Desktopmodules/SharedLibrary/ValidatedPlugins/slick-carousel/slick/slick.css?cdv=1511|DnnPageHeaderProvider|10)--><!--CDF(Css|/Desktopmodules/SharedLibrary/ValidatedPlugins/slick-carousel/slick/slick-theme.css?cdv=1511|DnnPageHeaderProvider|10)--><!--CDF(Javascript|/DesktopModules/Slideshow/Scripts/dist/es6dependencies.build.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/DesktopModules/Slideshow/Scripts/dist/gridslideshow.build.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/desktopmodules/slideshow/resources/js/dgov2_sharemore.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Resources/libraries/jQuery-Migrate/03_00_00/jquery-migrate.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/DVIDSAnalytics/DVIDSVideoAnalytics.min.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/MediaElement4.2.9/mediaelement-and-player.min.js?cdv=1511|DnnBodyProvider|10)--><!--CDF(Css|/Desktopmodules/SharedLibrary/Plugins/MediaElement4.2.9/mediaelementplayer.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/TouchSwipe/jquery.touchSwipe.min.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/Cycle/cycle2.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/Cycle/jquery.cycle2.swipe.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/ImageScroll/jquery.imageScroll.min.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/carouFredSel/jquery.carouFredSel-6.2.1-packed.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Css|/Desktopmodules/SharedLibrary/Plugins/carouFredSel/base.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/BodyScrollLock/bodyScrollLock.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/slick-carousel/slick/slick.min.js?cdv=1511|DnnBodyProvider|10)--><!--CDF(Css|/Desktopmodules/SharedLibrary/ValidatedPlugins/slick-carousel/slick/slick.css?cdv=1511|DnnPageHeaderProvider|10)--><!--CDF(Css|/Desktopmodules/SharedLibrary/ValidatedPlugins/slick-carousel/slick/slick-theme.css?cdv=1511|DnnPageHeaderProvider|10)--><!--CDF(Javascript|/DesktopModules/Slideshow/Scripts/dist/es6dependencies.build.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/DesktopModules/Slideshow/Scripts/dist/gridslideshow.build.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/desktopmodules/slideshow/resources/js/dgov2_sharemore.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/js/dnn.js?cdv=1511|DnnBodyProvider|12)--><!--CDF(Javascript|/js/dnn.servicesframework.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/Bootstrap/js/bootstrap.min.js?cdv=1511|DnnFormBottomProvider|100)--><!--CDF(Css|/Desktopmodules/SharedLibrary/Plugins/Bootstrap/css/bootstrap.min.css?cdv=1511|DnnPageHeaderProvider|14)--><!--CDF(Css|/Desktopmodules/SharedLibrary/ValidatedPlugins/font-awesome6/css/all.min.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Css|/Desktopmodules/SharedLibrary/ValidatedPlugins/font-awesome6/css/v4-shims.min.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Css|/Desktopmodules/SharedLibrary/ValidatedPlugins/font-awesome6/css/all.min.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Css|/Desktopmodules/SharedLibrary/ValidatedPlugins/font-awesome6/css/v4-shims.min.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/Bootstrap/js/bootstrap.min.js?cdv=1511|DnnFormBottomProvider|100)--><!--CDF(Css|/Desktopmodules/SharedLibrary/Plugins/Bootstrap/css/bootstrap.min.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/Bootstrap/js/bootstrap.min.js?cdv=1511|DnnFormBottomProvider|100)--><!--CDF(Css|/Desktopmodules/SharedLibrary/Plugins/Bootstrap/css/bootstrap.min.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/moment/moment.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Css|/Desktopmodules/SharedLibrary/ValidatedPlugins/font-awesome6/css/all.min.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Css|/Desktopmodules/SharedLibrary/ValidatedPlugins/font-awesome6/css/v4-shims.min.css?cdv=1511|DnnPageHeaderProvider|100)--><!--CDF(Css|/Desktopmodules/SharedLibrary/ValidatedPlugins/videojs/dist/video-js.min.css?cdv=1511|DnnPageHeaderProvider|1002)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/videojs/dist/video.min.js?cdv=1511|DnnBodyProvider|1010)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/vue/vue.min.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/ValidatedPlugins/vue-resource/vue-resource.min.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Javascript|/Desktopmodules/SharedLibrary/Plugins/DVIDSAnalytics/DVIDSVideoAnalytics.min.js?cdv=1511|DnnBodyProvider|100)--><!--CDF(Css|/DesktopModules/MVC/DVIDSLiveEvents2/Resources/css/style.min.css?cdv=1511|DnnPageHeaderProvider|1004)--><!--CDF(Javascript|/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/script.js?cdv=1511|DnnBodyProvider|1020)--><!--CDF(Javascript|/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/dgov-icons.js?cdv=1511|DnnBodyProvider|1020)--><!--CDF(Javascript|/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/dle-events-panel.js?cdv=1511|DnnBodyProvider|1020)--><!--CDF(Javascript|/Resources/libraries/jQuery/03_05_01/jquery.js?cdv=1511|DnnPageHeaderProvider|5)--><!--CDF(Javascript|/Resources/libraries/jQuery-Migrate/03_02_00/jquery-migrate.js?cdv=1511|DnnPageHeaderProvider|6)--><!--CDF(Javascript|/Resources/libraries/jQuery-UI/01_12_01/jquery-ui.js?cdv=1511|DnnPageHeaderProvider|10)-->
</body>
</html>