U.S. Department of Defense

<!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=1636" type="text/css" rel="stylesheet"/><link href="/DesktopModules/ArticleCSDashboard/module.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/DesktopModules/SlideShow/module.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/ValidatedPlugins/slick-carousel/slick/slick.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/ValidatedPlugins/slick-carousel/slick/slick-theme.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/desktopmodules/SlideShow/Templates/DGOV2/template.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/Bootstrap/css/bootstrap.min.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/Portals/_default/skins/dgov2/skin.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/Portals/_default/Containers/DGOV2/container.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/Portals/1/portal.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/DesktopModules/MVC/DVIDSLiveEvents2/resources/css/livebadge.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/Portals/_default/skins/dgov2/resources/css/dnn.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/Portals/1/Page-Assets/home/home-new.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/SocialIcons/css/fa-social-icons.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/Skin/SkipNav/css/skipnav.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/desktopmodules/ArticleCS/styles/DefenseGOV2/style.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/ColorBox/colorbox.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/MediaElement4.2.9/mediaelementplayer.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/Plugins/carouFredSel/base.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/ValidatedPlugins/font-awesome6/css/all.min.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/ValidatedPlugins/font-awesome6/css/v4-shims.min.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/Desktopmodules/SharedLibrary/ValidatedPlugins/videojs/dist/video-js.min.css?cdv=1636" type="text/css" rel="stylesheet"/><link href="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/css/style.min.css?cdv=1636" type="text/css" rel="stylesheet"/><script src="/Resources/libraries/jQuery/03_05_01/jquery.js?cdv=1636" type="text/javascript"></script><script src="/Resources/libraries/jQuery-Migrate/03_02_00/jquery-migrate.js?cdv=1636" type="text/javascript"></script><script src="/Resources/libraries/jQuery-UI/01_12_01/jquery-ui.js?cdv=1636" 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>  <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."/>  <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" />  <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" /> <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.WebSD@mail.mil' /><script src="/Desktopmodules/SharedLibrary/Plugins/GoogleAnalytics/Universal-Federated-Analytics-8.3.js?agency=DOD&subagency=DMA&sitetopic=dma.web&dclink=true&pga4=G-SB6KFHKWNW" 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"> <div class="aspNetHidden"> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="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" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['Form']; if (!theForm) { theForm = document.Form; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="/WebResource.axd?d=pynGkmcFUV16vn23mRKJ3YfxgZO6Vg-qfn4DLZzvdN4FsDO3JF6o8Ai9U2w1&t=638563127773552689" type="text/javascript"></script> <script src="/ScriptResource.axd?d=NJmAwtEo3IqOv4sUh-Rig0r8ribOsOru6PRUuOPeOUTxaLr0LkqwjUZ1KfN2pxsTzXrhnEn2qPqMmFHAgZnpJORcEUNLaSpc226qJmze-FYKMecKHwPV-k73fvQH1Ku4KKXAUA2&t=ffffffffc820c398" type="text/javascript"></script> <script src="/ScriptResource.axd?d=dwY9oWetJoJ4ZjA-1jPcEhP7ER5pj7vUnbl87xIrp5KgCIH7OinCkP3cK37LGan3ayBW32yRZSEgGl2tgZv50n3b6-V5-8OCkx2VKFRvNoTMy9OkcSdmsXHaJpvqsXD5HuMXQgmzxnfjN1aI0&t=ffffffffc820c398" type="text/javascript"></script> <div class="aspNetHidden"> <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="/UPMC1hO/lKJmmH9OQ94cfwMGmwTmWW+m8nSb5UPrZaiDTs3fb2ZALm1jnHvSqwEPk8XzIDwm8wgb8uNAa3cFVN4/1YnxmhQ2d1beoSy41OdZsku" /> </div><script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/slick-carousel/slick/slick.min.js?cdv=1636" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/MediaElement4.2.9/mediaelement-and-player.min.js?cdv=1636" type="text/javascript"></script><script src="/js/dnn.js?cdv=1636" type="text/javascript"></script><script src="/js/dnn.modalpopup.js?cdv=1636" type="text/javascript"></script><script src="/Portals/_default/skins/dgov2/resources/js/skin.js?cdv=1636" type="text/javascript"></script><script src="/Portals/_default/skins/dgov2/resources/js/menu.js?cdv=1636" type="text/javascript"></script><script src="/js/dnncore.js?cdv=1636" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/Mobile-Detect/mobile-detect.min.js?cdv=1636" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/moment/moment.js?cdv=1636" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/vue/vue.min.js?cdv=1636" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/vue-resource/vue-resource.min.js?cdv=1636" type="text/javascript"></script><script src="/DesktopModules/ArticleCS/Resources/ArticleCS/js/ArticleCS.js?cdv=1636" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/ColorBox/jquery.colorbox.js?cdv=1636" type="text/javascript"></script><script src="/Resources/libraries/jQuery-Migrate/03_00_00/jquery-migrate.js?cdv=1636" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/DVIDSAnalytics/DVIDSVideoAnalytics.min.js?cdv=1636" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/TouchSwipe/jquery.touchSwipe.min.js?cdv=1636" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/Cycle/cycle2.js?cdv=1636" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/Cycle/jquery.cycle2.swipe.js?cdv=1636" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/ImageScroll/jquery.imageScroll.min.js?cdv=1636" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/carouFredSel/jquery.carouFredSel-6.2.1-packed.js?cdv=1636" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/BodyScrollLock/bodyScrollLock.js?cdv=1636" type="text/javascript"></script><script src="/DesktopModules/Slideshow/Scripts/dist/es6dependencies.build.js?cdv=1636" type="text/javascript"></script><script src="/DesktopModules/Slideshow/Scripts/dist/gridslideshow.build.js?cdv=1636" type="text/javascript"></script><script src="/desktopmodules/slideshow/resources/js/dgov2_sharemore.js?cdv=1636" type="text/javascript"></script><script src="/js/dnn.servicesframework.js?cdv=1636" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/Skin/js/common.js?cdv=1636" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/moment-timezone/builds/moment-timezone-with-data.js?cdv=1636" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/Plugins/image-set-polyfill/image-set-polyfill.js?cdv=1636" type="text/javascript"></script><script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/videojs/dist/video.min.js?cdv=1636" type="text/javascript"></script><script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/dvids-dle-api.js?cdv=1636" type="text/javascript"></script><script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/script.js?cdv=1636" type="text/javascript"></script><script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/dgov-icons.js?cdv=1636" type="text/javascript"></script><script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/dle-events-panel.js?cdv=1636" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ScriptManager', 'Form', [], [], [], 3600, ''); //]]> </script>   <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":"http://www.defense.gov/Portals/1/Images/DOD-Icon-Header.png?ver=5sAfFl2--9znca0j3SrX_g%3d%3d","name":"U.S. Department of Defense","url":"http://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鈥檝e 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>  <div v-cloak id="dle-live-badge-cafd3f34-5935-4178-97dc-a00bad1509cd" 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-cafd3f34-5935-4178-97dc-a00bad1509cd-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-cafd3f34-5935-4178-97dc-a00bad1509cd-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":"2025-01-16T23:59:59.0000000-05:00","fromDate":"2024-11-27T09:33:54.5897521-05: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","countdownTitleFuture":"UPCOMING EVENT","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-cafd3f34-5935-4178-97dc-a00bad1509cd', 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 = await DLEApi.getFakeVideoList( this.config.test.testLiveNowEventsCount, this.config.test.testLiveTodayEventsCount, this.config.test.testUpcomingEventsCount, this.config.test.testEventsJson, this.config.dvids.apiKey ); 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-cafd3f34-5935-4178-97dc-a00bad1509cd-tab-before' && event.key.toUpperCase() === 'TAB' && !event.shiftKey) || (event.target.id === 'dle-live-badge-cafd3f34-5935-4178-97dc-a00bad1509cd-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-cafd3f34-5935-4178-97dc-a00bad1509cd-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-cafd3f34-5935-4178-97dc-a00bad1509cd-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> </ul> </div> </li> <li class="parent top-level "> <a href="https://www.defense.gov/Multimedia/" tabindex="0" aria-expanded="false">Multimedia<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/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> </ul> </div> </li> <li class="parent top-level "> <a href="https://www.defense.gov/Multimedia/" tabindex="0" aria-expanded="false">Multimedia<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/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="https://www.dma.mil/Services/Visual-Information/References/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"><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">  <div class="story-slider-wrap"> <div class="banner-slider"> <div class="banner-item"> <div class="featStory item item-1 item-3979483"> <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 dgov-card dgov-card-3 text-right"> <div class="image-wrap-wrap"> <div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/Nov/26/2003594500/1280/1280/0/241127-D-XI929-1002.JPG)"></div> <img class="story-img" alt="A man in a military uniform stands behind a lectern talking to an audience. The sign behind the lectern indicates that they are at the Pentagon." src="https://media.defense.gov/2024/Nov/26/2003594500/1280/1280/0/241127-D-XI929-1002.JPG" /> </div> </div> </div> <div class="dgov-col-sm-7 dgov-order-sm-1"> <figcaption> <span class="content-type"> <a class="content-type-text" href="/News/News-Stories"><span>News</span></a> <time data-dateago="2024-11-26T16:44:00" data-dateap="Nov. 26, 2024"></time> </span> <h2 class="title"><span>DOD Consults With Interagency Partners on Israel-Lebanon Ceasefire Roles</span></h2> <p class="summary">Pentagon Press Secretary Air Force Maj. Gen. Pat Ryder discussed reports that Israel and Lebanon have agreed to a ceasefire, which could lead to a cessation of Hezbollah attacks on Israel and the phased withdrawal of Israeli troops from southern Lebanon.</p> </figcaption> </div> </div> </figure> </div> <a class="link-overlay" href="https://www.defense.gov/News/News-Stories/Article/Article/3979483/dod-consults-with-interagency-partners-on-israel-lebanon-ceasefire-roles/" ><span class="sr-only">DOD Consults With Interagency Partners on Israel-Lebanon Ceasefire Roles</span></a> </div> <div class="featStoryImg"> <div class="image-wrap "> <div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/Nov/26/2003594500/1280/1280/0/241127-D-XI929-1002.JPG)"></div> <img alt="" src="https://media.defense.gov/2024/Nov/26/2003594500/1280/1280/0/241127-D-XI929-1002.JPG" /> </div> </div> </div> </div> </div>  <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/2024/Aug/22/2003530499/825/780/0/240815-N-CH260-1057.JPG)"></div> <img alt="Two military ships steam through the water as the sun sits above the horizon creating a yellow and orange sky." src="https://media.defense.gov/2024/Aug/22/2003530499/825/780/0/240815-N-CH260-1057.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>  <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/2024/Aug/30/2003535888/825/780/0/240625-F-RX751-1107Y.JPG)"></div> <img alt="Service members load pallets of weapons onto an aircraft." src="https://media.defense.gov/2024/Aug/30/2003535888/825/780/0/240625-F-RX751-1107Y.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>  <div class="dgov-col-sm-4"> <div class="item item-4 item-3164996 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/Apr/18/2003444174/825/780/0/240305-Z-QG327-1937M.JPG)"></div> <img alt="A person holds a phone horizontally to take a picture with a child and an airman." src="https://media.defense.gov/2024/Apr/18/2003444174/825/780/0/240305-Z-QG327-1937M.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>Taking Care of Our People</span></h3> <p class="summary hide">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.</p> <a class="btn btn-primary btn-primary-ghost hide" href="/Spotlights/Taking-Care-of-Our-People/"> Read More</a> </figcaption> </div> </div> <a class="link-overlay" href="/Spotlights/Taking-Care-of-Our-People/" ><span class="sr-only">Taking Care of Our People</span></a> </figure> <div class="clearfix"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div><div class="DnnModule DnnModule-DVIDSLiveEvents DnnModule-3269"><a name="3269"></a> <div class="empty-container base-container"> <div id="dnn_ctr3269_ContentPane"><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> </section> <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":"2025-01-16T23:59:59.0000000-05:00","fromDate":"2024-11-27T09:33:50.8866641-05: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","countdownTitleFuture":"UPCOMING EVENT","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></div> </div> </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"><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="3979440" article-title="Deputy Defense Secretary Honors Service Members in Thanksgiving Message" article-alt="A Thanksgiving spread." article-url="https://www.defense.gov/News/News-Stories/Article/Article/3979440/deputy-defense-secretary-kathleen-hicks-honors-service-members-in-thanksgiving/" article-url-or-link="https://www.defense.gov/News/News-Stories/Article/Article/3979440/deputy-defense-secretary-kathleen-hicks-honors-service-members-in-thanksgiving/" article-url-or-link-absolute="https://www.defense.gov/News/News-Stories/Article/Article/3979440/deputy-defense-secretary-kathleen-hicks-honors-service-members-in-thanksgiving/" article-summary="Deputy Defense Secretary Kathleen Hicks delivered a message of gratitude, paying tribute to the sacrifices of U.S. service members, civilian personnel and their families." image-url="https://media.defense.gov/2024/Nov/26/2003594537/825/780/0/241126-D-D0439-8908M.JPG" article-image-url="https://media.defense.gov/2024/Nov/26/2003594537/825/780/0/241126-D-D0439-8908M.JPG" category="" image-caption="" term-url="" term-name="" publish-date-jss="2024-11-26T16:13:00" publish-date-ap="Nov. 26, 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="3977987" article-title="Defense Leaders Engage in Israel, United Arab Emirates" article-alt="An aerial view of the Pentagon and surrounding area, with an orange sky as backdrop." article-url="https://www.defense.gov/News/News-Stories/Article/Article/3977987/defense-leaders-engage-in-israel-united-arab-emirates/" article-url-or-link="https://www.defense.gov/News/News-Stories/Article/Article/3977987/defense-leaders-engage-in-israel-united-arab-emirates/" article-url-or-link-absolute="https://www.defense.gov/News/News-Stories/Article/Article/3977987/defense-leaders-engage-in-israel-united-arab-emirates/" article-summary="U.S. defense leaders engaged with counterparts and leaders in Israel and the United Arab Emirates to discuss both security partnerships and shared security challenges." image-url="https://media.defense.gov/2023/May/17/2003224347/825/780/0/230515-D-PM193-1786.JPG" article-image-url="https://media.defense.gov/2023/May/17/2003224347/825/780/0/230515-D-PM193-1786.JPG" category="" image-caption="" term-url="" term-name="" publish-date-jss="2024-11-25T15:43:00" publish-date-ap="Nov. 25, 2024"> </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="3978733" article-title="Actor Humphrey Bogart Served in World Wars I and II" article-alt="A sailor in uniform poses for a photo." article-url="https://www.defense.gov/News/Feature-Stories/Story/Article/3978733/actor-humphrey-bogart-served-in-the-sea-services-during-world-wars-i-and-ii/" article-url-or-link="https://www.defense.gov/News/Feature-Stories/Story/Article/3978733/actor-humphrey-bogart-served-in-the-sea-services-during-world-wars-i-and-ii/" article-url-or-link-absolute="https://www.defense.gov/News/Feature-Stories/Story/Article/3978733/actor-humphrey-bogart-served-in-the-sea-services-during-world-wars-i-and-ii/" article-summary="Humphrey Bogart is best known for leading roles in some of Hollywood's classic films but did you know he also served in the Navy and in the Coast Guard?" image-url="https://media.defense.gov/2024/Nov/26/2003594176/825/780/0/181110-O-D0439-002A.JPG" article-image-url="https://media.defense.gov/2024/Nov/26/2003594176/825/780/0/181110-O-D0439-002A.JPG" category="" image-caption="" term-url="" term-name="" publish-date-jss="2024-11-26T12:28:00" publish-date-ap="Nov. 26, 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="3976773" article-title="Austin Bolsters U.S. Cooperation With Fiji, Concludes 12th Trip to Indo-Pacific" article-alt="Two men wearing business attire shake hands on a stage." article-url="https://www.defense.gov/News/News-Stories/Article/Article/3976773/austin-bolsters-us-cooperation-with-fiji-concludes-12th-trip-to-indo-pacific/" article-url-or-link="https://www.defense.gov/News/News-Stories/Article/Article/3976773/austin-bolsters-us-cooperation-with-fiji-concludes-12th-trip-to-indo-pacific/" article-url-or-link-absolute="https://www.defense.gov/News/News-Stories/Article/Article/3976773/austin-bolsters-us-cooperation-with-fiji-concludes-12th-trip-to-indo-pacific/" article-summary="Secretary of Defense Lloyd J. Austin III signed a new agreement aimed at enhancing the United States' logistics cooperation with Fiji as he closed out his 12th trip to the Indo-Pacific since taking office. " image-url="https://media.defense.gov/2024/Nov/23/2003593048/825/780/0/241123-D-XI929-2003.JPG" article-image-url="https://media.defense.gov/2024/Nov/23/2003593048/825/780/0/241123-D-XI929-2003.JPG" category="" image-caption="" term-url="" term-name="" publish-date-jss="2024-11-23T16:37:00" publish-date-ap="Nov. 23, 2024"> </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="3971957" article-title="Sailors Bring Three Ships to Life" article-alt="A large military ship adorned with blue, white and read ribbons sits at port with sailors on deck." article-url="https://www.defense.gov/News/Feature-Stories/Story/Article/3971957/sailors-bring-three-ships-to-life/" article-url-or-link="https://www.defense.gov/News/Feature-Stories/Story/Article/3971957/sailors-bring-three-ships-to-life/" article-url-or-link-absolute="https://www.defense.gov/News/Feature-Stories/Story/Article/3971957/sailors-bring-three-ships-to-life/" article-summary="The Navy recently commissioned the USS John Basilone, the USS Nantucket and the USS Beloit during ceremonies in New York, Boston and Milwaukee." image-url="https://media.defense.gov/2024/Nov/19/2003587756/825/780/0/241109-D-DB155-1010.JPG" article-image-url="https://media.defense.gov/2024/Nov/19/2003587756/825/780/0/241109-D-DB155-1010.JPG" category="" image-caption="" term-url="" term-name="" publish-date-jss="2024-11-25T15:32:00" publish-date-ap="Nov. 25, 2024"> </listing-dashboard-with-preview> <listing-dashboard-with-preview :show-image="true" :has-terms="true" :indashboard="true" open-in-new="false" content-type-val="514" content-type-name="Spotlight" item-index="1" article-id="2830761" article-title="National Native American Heritage Month" article-alt="An airman's face is visible in profile surrounded by metal and tubing as he performs maintenance on an aircraft." article-url="http:///Spotlights/National-Native-American-Heritage-Month/" article-url-or-link="/Spotlights/National-Native-American-Heritage-Month/" article-url-or-link-absolute="https://www.defense.gov/Spotlights/National-Native-American-Heritage-Month/" article-summary="The Defense Department honors the storied legacy of American Indians and Alaska Natives who, from the Revolutionary War to present-day missions around the world, contribute greatly to national defense." image-url="https://media.defense.gov/2024/Nov/07/2003585343/825/780/0/241022-O-IB405-9925.JPG" article-image-url="https://media.defense.gov/2024/Nov/07/2003585343/825/780/0/241022-O-IB405-9925.JPG" category="Feature" image-caption="" term-url="https://www.defense.gov/Home/Term/2587/observances/" term-name="Observances" publish-date-jss="2024-11-07T14:52:00" publish-date-ap="Nov. 7, 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>  <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" alt="Play video" class="defaultVideoOverlay a-video-button"> <img src="/Portals/_default/Skins/DGOV2/Resources/img/play-hover.png" alt="Play video" 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 === '544'"> <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="targetVal()" 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" :target="linkNewWindow" :rel="linkRel"> <span class="sr-only">{{ contentTypeName !== 'Contracts' ? articleTitle : ('Contracts For ' + publishDateAp) }}</span> </a> </div> </figure> <div style="clear:both"></div> </div> </script>  <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'], '544': ['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; }, linkNewWindow: function () { // openInNew being passed as string because value comes // from server side rendering and might not be a good Vue // value; therefore, must allow this sort of prop to be a string return this.openInNew === 'true' ? '_blank' : false; }, linkRel: function () { return this.openInNew === 'true' ? 'noopener' : false; }, }, 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 because value comes // from server side rendering and might not be a good Vue // value; therefore, must allow this sort of prop to be a string return this.openInNew === 'true' ? true : false; }, }, }); 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; } .listing-with-preview figcaption .title i.fas { font-size: 18px; position: relative; bottom: 1px; left: 5px; border-left: none; padding-left: 0; display: inline; } </style>  <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></div> </div> </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"><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"> <div class="dgov-col-md-12"> <div class="item item-3979831"> <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-11-26T20:34:37" data-dateap="Nov. 26, 2024"></time></span> <h3 class="title"><span>Statement From Secretary of Defense Lloyd J. Austin III on the Ceasefire Agreed to by Israel and Lebanon</span></h3> <a class="link-overlay" href="https://www.defense.gov/News/Releases/Release/Article/3979831/statement-from-secretary-of-defense-lloyd-j-austin-iii-on-the-ceasefire-agreed/"><span class="sr-only">Statement From Secretary of Defense Lloyd J. Austin III on the Ceasefire Agreed to by Israel and Lebanon</span></a> </figcaption> </figure> </div> </div> <div class="dgov-col-md-12"> <div class="item item-3979733"> <figure> <span class=""><hr /></span> <figcaption> <span class="category"> <a class="content-type-text" href="/News/Transcripts/"><span>Transcript</span></a> <span class="separator">|</span> <time data-dateago="2024-11-26T18:41:49" data-dateap="Nov. 26, 2024"></time></span> <h3 class="title"><span>Pentagon Press Secretary Air Force Maj. Gen. Pat Ryder Holds a Press Briefing</span></h3> <a class="link-overlay" href="https://www.defense.gov/News/Transcripts/Transcript/Article/3979733/pentagon-press-secretary-air-force-maj-gen-pat-ryder-holds-a-press-briefing/"><span class="sr-only">Pentagon Press Secretary Air Force Maj. Gen. Pat Ryder Holds a Press Briefing</span></a> </figcaption> </figure> </div> </div> <div class="dgov-col-md-12"> <div class="item item-3978691"> <figure> <span class=""><hr /></span> <figcaption> <span class="category"> <a class="content-type-text" href="/News/Advisories/"><span>Advisory</span></a> <span class="separator">|</span> <time data-dateago="2024-11-26T10:13:38" data-dateap="Nov. 26, 2024"></time></span> <h3 class="title"><span>On-Camera Press Briefing</span></h3> <a class="link-overlay" href="https://www.defense.gov/News/Advisories/Advisory/Article/3978691/on-camera-press-briefing/"><span class="sr-only">On-Camera Press Briefing</span></a> </figcaption> </figure> </div> </div> </div> </div> </div> </div> </div></div> </div> </div><div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3205"><a name="3205"></a> <div class="empty-container base-container"> <div id="dnn_ctr3205_ContentPane"><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"> <div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-1 fts-col-odd"> <div class="item item-3979900 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/Nov/26/2003594762/825/780/0/241126-D-D0439-1768M.JPG)"></div> <img alt="A soldier poses for a photo." src="https://media.defense.gov/2024/Nov/26/2003594762/825/780/0/241126-D-D0439-1768M.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>EOD Officer Earns Soldier Expert Badge</span></h3> </figcaption> </div> <a class="link-overlay" href="https://www.army.mil/article/281646/us_army_eod_officer_earns_perfect_edge_title_during_expert_soldier_badge_assessment" target="_blank" rel="noopener" ><span class="sr-only">EOD Officer Earns Soldier Expert Badge</span></a> </div> </figure> </div> </div> <div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-2 fts-col-even"> <div class="item item-3979909 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 video-wrap-container"> <div class="image-wrap-wrap"> <div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/Nov/26/2003594763/825/780/0/241028-M-MO098-1359.JPG)"></div> <img alt="Marines ride in rubber boats." src="https://media.defense.gov/2024/Nov/26/2003594763/825/780/0/241028-M-MO098-1359.JPG" /> <img src="/Portals/_default/Skins/DGOV2/Resources/img/play-default.png" class="defaultVideoOverlay" alt=""> <img src="/Portals/_default/Skins/DGOV2/Resources/img/play-hover.png" class="hoverVideoOverlay" alt=""> <div class="video-duration"></div> </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>Troops Enhance Amphibious Skills During 'Quart'</span></h3> </figcaption> </div> <a class="link-overlay" href="https://www.marines.mil/News/Marines-TV/videoid/942813/" target="_blank" rel="noopener" ><span class="sr-only">Troops Enhance Amphibious Skills During 'Quart'</span></a> </div> </figure> </div> </div> <div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-3 fts-col-odd"> <div class="item item-3978327 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/Nov/26/2003593987/825/780/0/241122-N-CO542-1119.JPG)"></div> <img alt="A sailor wearing black gloves and a Thanksgiving headpiece serves food on a tray while in a stainless steel kitchen." src="https://media.defense.gov/2024/Nov/26/2003593987/825/780/0/241122-N-CO542-1119.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>Culinary Specialists Prepare Season's Staples</span></h3> </figcaption> </div> <a class="link-overlay" href="https://www.navy.mil/Press-Office/News-Stories/Article/3973849/navy-culinary-specialists-prepare-for-thanksgiving/" target="_blank" rel="noopener" ><span class="sr-only">Culinary Specialists Prepare Season's Staples</span></a> </div> </figure> </div> </div> <div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-4 fts-col-even"> <div class="item item-3979922 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/Nov/25/2003594768/825/780/0/241120-F-ZL248-1008.JPG)"></div> <img alt="Airman checks vitals machine." src="https://media.defense.gov/2024/Nov/25/2003594768/825/780/0/241120-F-ZL248-1008.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>Airman Embraces Heritage, Service</span></h3> </figcaption> </div> <a class="link-overlay" href="https://www.af.mil/News/Article-Display/Article/3978286/embracing-heritage-and-service/" target="_blank" rel="noopener" ><span class="sr-only">Airman Embraces Heritage, Service</span></a> </div> </figure> </div> </div> <div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-5 fts-col-odd"> <div class="item item-3979943 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/Nov/26/2003594771/825/780/0/241126-F-AF000-1001.JPG)"></div> <img alt="Under Secretary of the Air Force Melissa Dalton and her staff pose for a group photo alongside Air Force Reserve Officer Training Corps Detachment 875 cadre members Nov. 19, 2024, on the Virginia Tech Drillfield, Blacksburg, Va. (Photo by Cadet Vanessa Barsoom)" src="https://media.defense.gov/2024/Nov/26/2003594771/825/780/0/241126-F-AF000-1001.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>Leader Inspires Cadets at Virginia Tech</span></h3> </figcaption> </div> <a class="link-overlay" href="https://www.spaceforce.mil/News/Article-Display/Article/3979423/usecaf-discusses-national-defense-challenges-inspires-cadets-at-virginia-tech/" target="_blank" rel="noopener" ><span class="sr-only">Leader Inspires Cadets at Virginia Tech</span></a> </div> </figure> </div> </div> <div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-6 fts-col-even"> <div class="item item-3979948 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/Nov/27/2003594776/825/780/0/241126-F-VX999-550P.JPG)"></div> <img alt="U.S. soldiers pose for a photo with Sierra Leone Armed Forces." src="https://media.defense.gov/2024/Nov/27/2003594776/825/780/0/241126-F-VX999-550P.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>Michigan Guard Partners With Sierra Leone</span></h3> </figcaption> </div> <a class="link-overlay" href="https://www.nationalguard.mil/News/Article-View/Article/3979328/michigan-guard-sierra-leone-develop-new-partnership/" target="_blank" rel="noopener" ><span class="sr-only">Michigan Guard Partners With Sierra Leone</span></a> </div> </figure> </div> </div> </div> </div> </div> </div> </div></div></div> </div> </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"><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></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"><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">  <div class="experience-item" data-thumbsrc="https://media.defense.gov/2021/Nov/08/2002889201/825/780/0/210708-A-IW468-751.JPG" data-thumbalt="A soldier walks on a mat in front of a marble tomb." data-thumbfocus="" tabindex="0"> <div class="item item-2837668"> <figure> <div class="exp-img-wrap dgov-card dgov-card-3" onclick="(function() { window.location.href='/Multimedia/Experience/Tomb-of-the-Unknown-Soldier/'; })()"> <a href="/Multimedia/Experience/Tomb-of-the-Unknown-Soldier/"> <span class="sr-only">Tomb of the Unknown Soldier</span> <div class="exp-img" alt="" style="background-image: url(https://media.defense.gov/2021/Nov/08/2002889201/1280/1280/0/210708-A-IW468-751.JPG); background-size: cover; " /> <figcaption> <div class="main-caption"> <h2 class="title">Tomb of the Unknown Soldier</h2> </div> <p class="summary">The Tomb of the Unknown Soldier, America's final resting place for those whose remains have not been found or identified, inspires reflection on service, valor, sacrifice and mourning.</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/Tomb-of-the-Unknown-Soldier/"> <div class="zoom-bg image-replacement" style="background-image: url(https://media.defense.gov/2021/Nov/10/2002891091/1280/1280/0/210708-A-IW468-751Z.JPG)"></div> <img alt="A soldier walks on a mat in front of a marble tomb." src="https://media.defense.gov/2021/Nov/08/2002889201/1280/1280/0/210708-A-IW468-751.JPG" /> </a> </div> </div> </div>  <div class="experience-item" data-thumbsrc="https://media.defense.gov/2022/Jan/27/2003027641/825/780/0/210913-Z-F3857-1007.JPG" data-thumbalt="A Brazilian Air Force member, far left, passes on information to pararescue Airmen from the New York Air National Guard's 106th Rescue Wing while participating in Execise Tapio 2021, a Brazilian Air Force exercise at Campo Grande Air Base, Campo Grande, Brazil.One hundred and twenty members of the NewYork Air , mostly from the 106th Rescue Wing and 105th Airlift Wing, National Guard participated in the Brazilian Air Force exercise as part of the National Guard's State Partnership Program from August 19 to 31. New York has had a partnership with Brazil since 2019. (Brazil Air Force photo by Anderson Soares)" data-thumbfocus="" tabindex="0"> <div class="item item-3584328"> <figure> <div class="exp-img-wrap dgov-card dgov-card-3" onclick="(function() { window.location.href='https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/3584328/the-power-of-partnerships/'; })()"> <a href="https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/3584328/the-power-of-partnerships/"> <span class="sr-only">The Power of Partnerships</span> <div class="exp-img" alt="" style="background-image: url(https://media.defense.gov/2022/Jan/27/2003027641/1280/1280/0/210913-Z-F3857-1007.JPG); background-size: cover; " /> <figcaption> <div class="main-caption"> <span class="interactive">Quiz</span> <h2 class="title">The Power of Partnerships</h2> </div> <p class="summary">How worldly are you in the ways of the State Partnership Program, through which the National Guard builds partnerships with countries around the globe?</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/3584328/the-power-of-partnerships/"> <div class="zoom-bg image-replacement" style="background-image: url()"></div> <img alt="A Brazilian Air Force member, far left, passes on information to pararescue Airmen from the New York Air National Guard's 106th Rescue Wing while participating in Execise Tapio 2021, a Brazilian Air Force exercise at Campo Grande Air Base, Campo Grande, Brazil.One hundred and twenty members of the NewYork Air , mostly from the 106th Rescue Wing and 105th Airlift Wing, National Guard participated in the Brazilian Air Force exercise as part of the National Guard's State Partnership Program from August 19 to 31. New York has had a partnership with Brazil since 2019. (Brazil Air Force photo by Anderson Soares)" src="https://media.defense.gov/2022/Jan/27/2003027641/1280/1280/0/210913-Z-F3857-1007.JPG" /> </a> </div> </div> </div>  <div class="experience-item" data-thumbsrc="https://media.defense.gov/2022/Jun/24/2003024455/825/780/0/220624-D-RB598-001.JPG" data-thumbalt="A globe is centered over a muted mosaic of images." data-thumbfocus="" tabindex="0"> <div class="item item-3083749"> <figure> <div class="exp-img-wrap dgov-card dgov-card-3" onclick="(function() { window.location.href='/Multimedia/Experience/Building-Partnerships-Around-the-Globe/'; })()"> <a href="/Multimedia/Experience/Building-Partnerships-Around-the-Globe/"> <span class="sr-only">Building Partnerships Around the Globe</span> <div class="exp-img" alt="" style="background-image: url(https://media.defense.gov/2022/Jun/24/2003024455/1280/1280/0/220624-D-RB598-001.JPG); background-size: cover; " /> <figcaption> <div class="main-caption"> <h2 class="title">Building Partnerships Around the Globe</h2> </div> <p class="summary">National Guard soldiers and airmen answer the call around the globe, partnering with nearly half the world's nations to advance peace and security through the Defense Department's State Partnership Program.</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/Building-Partnerships-Around-the-Globe/"> <div class="zoom-bg image-replacement" style="background-image: url(https://media.defense.gov/2022/Jun/24/2003024455/1280/1280/0/220624-D-RB598-001.JPG)"></div> <img alt="A globe is centered over a muted mosaic of images." src="https://media.defense.gov/2022/Jun/24/2003024455/1280/1280/0/220624-D-RB598-001.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></div> </div> </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"><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/2003594725/", target: "_self", imageUrl: "https://media.defense.gov/2024/Nov/26/2003594725/1200/900/0/241125-Z-HJ056-6213X.JPG", serverHiresImageUrl: "https://media.defense.gov/2024/Nov/26/2003594725/-1/-1/0/241125-Z-HJ056-6213X.JPG", preventDistortionClass: "", title: "Thanksgiving Lunch", useOverlay: useOverlay, isVideo: isVideo, slideIndex: slideIndex, slideId: "0", link: "igphoto/2003594725/", alt: "A veteran and a service member converse at a full dining hall.", byLine: "Army Sgt. Olivia Gum", description: "Veterans and Tennessee National Guardsmen join together for a Thanksgiving lunch at Joint Force Headquarters, Nashville, Tenn., Nov. 25, 2024.", primaryWidth: '1200', primaryHeight: '800', serverIndex: '0', mediaContent: '', videoDuration: '', videoDate: 'Unknown', virin: null, fileSize: '1.47MB', //// 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/2003594724/", target: "_self", imageUrl: "https://media.defense.gov/2024/Nov/26/2003594724/1200/900/0/241121-A-II094-8885X.JPG", serverHiresImageUrl: "https://media.defense.gov/2024/Nov/26/2003594724/-1/-1/0/241121-A-II094-8885X.JPG", preventDistortionClass: "", title: "Serving Up Thanks", useOverlay: useOverlay, isVideo: isVideo, slideIndex: slideIndex, slideId: "1", link: "igphoto/2003594724/", alt: "A child holds up a plate for food being served by several military officers behind a counter with Thanksgiving decorations.", byLine: "Elena Baladelli, Army", description: "Service members and family enjoy a traditional Thanksgiving lunch at Camp Darby, Italy, Nov. 21, 2024.", primaryWidth: '1200', primaryHeight: '800', serverIndex: '1', mediaContent: '', videoDuration: '', videoDate: 'Unknown', virin: null, fileSize: '2.9MB', //// 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/2003594353/", target: "_self", imageUrl: "https://media.defense.gov/2024/Nov/26/2003594353/1200/900/0/241113-M-JN598-9010M.JPG", serverHiresImageUrl: "https://media.defense.gov/2024/Nov/26/2003594353/-1/-1/0/241113-M-JN598-9010M.JPG", preventDistortionClass: "", title: "Mastering Martial Arts", useOverlay: useOverlay, isVideo: isVideo, slideIndex: slideIndex, slideId: "2", link: "igphoto/2003594353/", alt: "A Marine passes out a certificate to people standing in a line during daylight.", byLine: "Marine Corps Cpl. Chloe Johnson", description: "Marine Corps Sgt. Alejandro Solis distributes certificates of Martial Arts Excellence to Spouses Warrior Day participants who practiced Marine Corps martial arts during the event at Marine Corps Air Station Iwakuni, Japan, Nov. 13, 2024.", primaryWidth: '1200', primaryHeight: '800', serverIndex: '2', mediaContent: '', videoDuration: '', videoDate: 'Unknown', virin: null, fileSize: '1.77MB', //// 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/2003594348/", target: "_self", imageUrl: "https://media.defense.gov/2024/Nov/26/2003594348/1200/900/0/241104-O-GG979-6184M.JPG", serverHiresImageUrl: "https://media.defense.gov/2024/Nov/26/2003594348/-1/-1/0/241104-O-GG979-6184M.JPG", preventDistortionClass: "", title: "Drone Duty", useOverlay: useOverlay, isVideo: isVideo, slideIndex: slideIndex, slideId: "3", link: "igphoto/2003594348/", alt: "People watch a drone while gathering on a sandy road surrounded by concrete buildings with mountains in the background under an orange, pinkish sky.", byLine: "Devon Bistarkey, Defense Innovation Unit", description: "Defense Department drone operators and experts test uncrewed aerial systems during Blue UAS Refresh Challenge at Marine Corps Air Ground Combat Center, Twentynine Palms, Calif., Nov. 4, 2024. The challenge had more than 35 platforms and companies, and an expert team of 40 military drone end-users with participation from each service branch and several major program offices.", primaryWidth: '1200', primaryHeight: '800', serverIndex: '3', mediaContent: '', videoDuration: '', videoDate: 'Unknown', virin: null, fileSize: '1.66MB', //// 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/2003594343/", target: "_self", imageUrl: "https://media.defense.gov/2024/Nov/26/2003594343/1200/900/0/241104-F-RI626-1016M.JPG", serverHiresImageUrl: "https://media.defense.gov/2024/Nov/26/2003594343/-1/-1/0/241104-F-RI626-1016M.JPG", preventDistortionClass: "", title: "Blue Light", useOverlay: useOverlay, isVideo: isVideo, slideIndex: slideIndex, slideId: "4", link: "igphoto/2003594343/", alt: "The monitor illuminates an airman鈥檚 face with blue light while they press a button on a machine.", byLine: "Air Force Airman Monique Stober", description: "Air Force Airman 1st Class Isa Shuman adjusts a digital radiology machine before taking an X-ray at Macdill Air Force Base, Fla., Nov. 4, 2024.", primaryWidth: '1200', primaryHeight: '800', serverIndex: '4', mediaContent: '', videoDuration: '', videoDate: 'Unknown', virin: null, fileSize: '3.27MB', //// 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/2003593993/", target: "_self", imageUrl: "https://media.defense.gov/2024/Nov/26/2003593993/1200/900/0/241031-A-JP927-1563.JPG", serverHiresImageUrl: "https://media.defense.gov/2024/Nov/26/2003593993/-1/-1/0/241031-A-JP927-1563.JPG", preventDistortionClass: "", title: "Soldier Support", useOverlay: useOverlay, isVideo: isVideo, slideIndex: slideIndex, slideId: "5", link: "igphoto/2003593993/", alt: "Soldiers carrying different colored balls walk along a semi-paved road in a desert area with military vehicles in the background.", byLine: "Army Staff Sgt. Emma Scearce", description: "Soldiers provide toys and health care items to villagers during a security patrol in northeast Syria, Oct. 31, 2024.", primaryWidth: '1200', primaryHeight: '800', serverIndex: '5', mediaContent: '', videoDuration: '', videoDate: 'Unknown', virin: null, fileSize: '0.83MB', //// 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/2003593992/", target: "_self", imageUrl: "https://media.defense.gov/2024/Nov/26/2003593992/1200/900/0/241030-N-HR150-1202.JPG", serverHiresImageUrl: "https://media.defense.gov/2024/Nov/26/2003593992/-1/-1/0/241030-N-HR150-1202.JPG", preventDistortionClass: "", title: "Dogged Determination", useOverlay: useOverlay, isVideo: isVideo, slideIndex: slideIndex, slideId: "6", link: "igphoto/2003593992/", alt: "A dog runs after a green ball after it is rolled along a grassy surface by a sailor nearby.", byLine: "Navy Petty Officer 2nd Class Matt Hall", description: "Navy Petty Officer 2nd Class Javier Cruz throws a ball for military working dog Rudo at Naval Station Great Lakes, Ill., Oct. 30, 2024. Rudo, a drug detection dog, has served in the military for over seven years.", primaryWidth: '1200', primaryHeight: '801', serverIndex: '6', mediaContent: '', videoDuration: '', videoDate: 'Unknown', virin: null, fileSize: '2.75MB', //// 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/2003593991/", target: "_self", imageUrl: "https://media.defense.gov/2024/Nov/26/2003593991/1200/900/0/241101-N-JR318-2019.JPG", serverHiresImageUrl: "https://media.defense.gov/2024/Nov/26/2003593991/-1/-1/0/241101-N-JR318-2019.JPG", preventDistortionClass: "", title: "Disco Ball", useOverlay: useOverlay, isVideo: isVideo, slideIndex: slideIndex, slideId: "7", link: "igphoto/2003593991/", alt: "A circle of orange light is seen against a night sky emanating from the bright lights of an aircraft carrier docked in a harbor with city lights on the horizon.", byLine: "Navy Petty Officer 2nd Class Hunter Day", description: "The aircraft carrier USS Harry S. Truman anchors in Oslofjord, Norway, during the first port visit of its deployment, Nov. 1, 2024.", primaryWidth: '1200', primaryHeight: '800', serverIndex: '7', mediaContent: '', videoDuration: '', videoDate: 'Unknown', virin: null, fileSize: '1.95MB', //// 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/2003593987/", target: "_self", imageUrl: "https://media.defense.gov/2024/Nov/26/2003593987/1200/900/0/241122-N-CO542-1119.JPG", serverHiresImageUrl: "https://media.defense.gov/2024/Nov/26/2003593987/-1/-1/0/241122-N-CO542-1119.JPG", preventDistortionClass: "", title: "Giving Thanks", useOverlay: useOverlay, isVideo: isVideo, slideIndex: slideIndex, slideId: "8", link: "igphoto/2003593987/", alt: "A sailor wearing black gloves and a Thanksgiving headpiece serves food on a tray while in a stainless steel kitchen.", byLine: "Navy Seaman Apprentice Eliora Sims", description: "Navy Petty Officer 2nd Class Malik Holmes serves food during a Thanksgiving meal aboard the USS Tripoli in the Pacific Ocean, Nov. 22, 2024.", primaryWidth: '1200', primaryHeight: '800', serverIndex: '8', mediaContent: '', videoDuration: '', videoDate: 'Unknown', virin: null, fileSize: '1.42MB', //// 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/2003593474/", target: "_self", imageUrl: "https://media.defense.gov/2024/Nov/25/2003593474/1200/900/0/240712-N-JA925-1087M.JPG", serverHiresImageUrl: "https://media.defense.gov/2024/Nov/25/2003593474/-1/-1/0/240712-N-JA925-1087M.JPG", preventDistortionClass: "", title: "Phoenix Express Photo", useOverlay: useOverlay, isVideo: isVideo, slideIndex: slideIndex, slideId: "9", link: "igphoto/2003593474/", alt: "U.S. and Tunisian navy divers gather for a group photo underwater.", byLine: "Navy Seaman Chance Hanson", description: "U.S. and Tunisian navy divers gather for a group photo underwater during Phoenix Express in Bizerte, Tunisia, Nov. 12, 2024. The exercise is designed to provide collaborative opportunities amongst African forces and international partners to address maritime security concerns.", primaryWidth: '1200', primaryHeight: '800', serverIndex: '9', mediaContent: '', videoDuration: '', videoDate: 'Unknown', virin: null, fileSize: '1.19MB', //// 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/2003593472/", target: "_self", imageUrl: "https://media.defense.gov/2024/Nov/25/2003593472/1200/900/0/241116-F-KJ690-1018M.JPG", serverHiresImageUrl: "https://media.defense.gov/2024/Nov/25/2003593472/-1/-1/0/241116-F-KJ690-1018M.JPG", preventDistortionClass: "", title: "Sunlit Silhouette", useOverlay: useOverlay, isVideo: isVideo, slideIndex: slideIndex, slideId: "10", link: "igphoto/2003593472/", alt: "The sun rises behind an airman鈥檚 silhouette as they walk next to a partially visible aircraft.", byLine: "Air Force Staff Sgt. Christina Russo", description: "An airman participates in a training exercise at Dobbins Air Reserve Base, Ga., Nov. 16, 2024.", primaryWidth: '1200', primaryHeight: '800', serverIndex: '10', mediaContent: '', videoDuration: '', videoDate: 'Unknown', virin: null, fileSize: '1.49MB', //// 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/2003593467/", target: "_self", imageUrl: "https://media.defense.gov/2024/Nov/25/2003593467/1200/900/0/241119-F-DB615-1027M.JPG", serverHiresImageUrl: "https://media.defense.gov/2024/Nov/25/2003593467/-1/-1/0/241119-F-DB615-1027M.JPG", preventDistortionClass: "", title: "Surviving the Snow", useOverlay: useOverlay, isVideo: isVideo, slideIndex: slideIndex, slideId: "11", link: "igphoto/2003593467/", alt: "Four airmen carrying backpacks hike in formation up a snowy mountain surrounded by trees.", byLine: "Air Force Senior Airman Tiffany Del Oso", description: "Airmen practice navigation techniques during overnight field training at the Ruby Creek training site, Wash., Nov. 19, 2024. Students are given minimal supplies and tasked with creating livable environments to hone their survival abilities and ensure they will be able to train at-risk personnel to survive and return with honor.", primaryWidth: '1200', primaryHeight: '801', serverIndex: '11', mediaContent: '', videoDuration: '', videoDate: 'Unknown', virin: null, fileSize: '1.34MB', //// 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></div> </div> </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="https://www.dodciviliancareers.com/DOD-Careers" target="_blank" rel="noopener noreferrer"><span class="text text-link-53">DOD Careers</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="https://www.dma.mil/Services/Visual-Information/References/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=1636" type="text/javascript"></script><script src="/DesktopModules/SharedLibrary/ValidatedPlugins/dompurify//purify.min.js?cdv=1636" type="text/javascript"></script> </form>  </body> </html>

CINXE.COM

U.S. Department of Defense