www.defense.gov
Open in
urlscan Pro
2600:1401:4000:19c::3a30
Public Scan
Submitted URL: http://defense.gov/
Effective URL: https://www.defense.gov/
Submission: On October 07 via manual from SA — Scanned from DE
Effective URL: https://www.defense.gov/
Submission: On October 07 via manual from SA — Scanned from DE
Form analysis 1 forms found in the DOM
POST /
<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=637811549229275428" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=NJmAwtEo3IqOv4sUh-Rig0r8ribOsOru6PRUuOPeOUTxaLr0LkqwjUZ1KfN2pxsTzXrhnEn2qPqMmFHAgZnpJORcEUNLaSpc226qJmze-FYKMecKHwPV-k73fvQH1Ku4KKXAUA2&t=ffffffffaa493ab8" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=dwY9oWetJoJ4ZjA-1jPcEhP7ER5pj7vUnbl87xIrp5KgCIH7OinCkP3cK37LGan3ayBW32yRZSEgGl2tgZv50n3b6-V5-8OCkx2VKFRvNoTMy9OkcSdmsXHaJpvqsXD5HuMXQgmzxnfjN1aI0&t=ffffffffaa493ab8" 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="gqJKb0ZcT7SrCLTwKlcDgE8mHB/jB3aTUOPVOoQwJLXj+A6og4m4Hn/qTsb0DoMVWcaeUE+4DcaLAjHxdT66mBbyDjHg6qfhSr0Hx3IIIzZO3urm">
</div>
<script src="/Resources/libraries/jQuery-Migrate/03_00_00/jquery-migrate.js?cdv=1249" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Slick/1.9.0/slick.min.js?cdv=1249" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/MediaElement4.2.9/mediaelement-and-player.min.js?cdv=1249" type="text/javascript"></script>
<script src="/js/dnn.js?cdv=1249" type="text/javascript"></script>
<script src="/js/dnn.modalpopup.js?cdv=1249" type="text/javascript"></script>
<script src="/Portals/_default/skins/dgov2/resources/js/skin.js?cdv=1249" type="text/javascript"></script>
<script src="/Portals/_default/skins/dgov2/resources/js/menu.js?cdv=1249" type="text/javascript"></script>
<script src="/js/dnncore.js?cdv=1249" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Mobile-Detect/mobile-detect.min.js?cdv=1249" type="text/javascript"></script>
<script src="/DesktopModules/ArticleCS/Resources/ArticleCS/js/ArticleCS.js?cdv=1249" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/moment/moment.js?cdv=1249" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/ColorBox/jquery.colorbox.js?cdv=1249" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/vue/vue.min.js?cdv=1249" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/DVIDSAnalytics/DVIDSVideoAnalytics.min.js?cdv=1249" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/TouchSwipe/jquery.touchSwipe.min.js?cdv=1249" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Cycle/cycle2.js?cdv=1249" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Cycle/jquery.cycle2.swipe.js?cdv=1249" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/ImageScroll/jquery.imageScroll.min.js?cdv=1249" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/carouFredSel/jquery.carouFredSel-6.2.1-packed.js?cdv=1249" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/BodyScrollLock/bodyScrollLock.js?cdv=1249" type="text/javascript"></script>
<script src="/DesktopModules/Slideshow/Scripts/dist/es6dependencies.build.js?cdv=1249" type="text/javascript"></script>
<script src="/DesktopModules/Slideshow/Scripts/dist/gridslideshow.build.js?cdv=1249" type="text/javascript"></script>
<script src="/js/dnn.servicesframework.js?cdv=1249" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/vue-resource/vue-resource.min.js?cdv=1249" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Skin/js/common.js?cdv=1249" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/moment-timezone/builds/moment-timezone-with-data.js?cdv=1249" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/image-set-polyfill/image-set-polyfill.js?cdv=1249" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/videojs/dist/video.min.js?cdv=1249" type="text/javascript"></script>
<script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/script.js?cdv=1249" type="text/javascript"></script>
<script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/dgov-icons.js?cdv=1249" type="text/javascript"></script>
<script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/dle-events-panel.js?cdv=1249" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ScriptManager', 'Form', [], [], [], 3600, '');
//]]>
</script>
<!--CDF(Javascript|/Portals/_default/skins/dgov2/resources/js/skin.js?cdv=1249|DnnBodyProvider|100)-->
<!--CDF(Javascript|/Portals/_default/skins/dgov2/resources/js/menu.js?cdv=1249|DnnBodyProvider|100)-->
<script type="text/javascript">
$('#personaBar-iframe').load(function() {
$('#personaBar-iframe').contents().find("head").append($("<style type='text/css'>.personabar .personabarLogo {}</style>"));
});
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
initializeSkin();
});
</script>
<script type="text/javascript">
var skinvars = {
"SiteName": "U.S. Department of Defense",
"SiteShortName": "Defense.gov",
"SiteSubTitle": "",
"aid": "defensegov",
"IsSecureConnection": false,
"IsBackEnd": false,
"IsAuthenticated": false,
"SearchDomain": "search.defense.gov",
"SiteUrl": "http://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" style="visibility: visible;">
<div class="header_banner_container">
<span 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
<span class="expand-more-container"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
<path d="M0 0h24v24H0z" fill="none"></path>
<path class="expand-more" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"></path>
</svg></span></u></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"></path>
</svg>
</span>)</strong> or <strong>https://</strong> means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites. </div>
</div>
</div>
</div>
</span>
</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="Twitter"><span class="social-icon fa fa-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"><span class="social-icon fa fa-facebook social-link-1"></span></a></li>
<li class="social-item"><a href="https://www.instagram.com/deptofdefense/" target="_blank" rel="noopener noreferrer" title="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"><span class="social-icon fa fa-linkedin social-link-50"></span></a></li>
<li class="social-item"><a href="https://www.youtube.com/deptofdefense" target="_blank" rel="noopener noreferrer" title="YouTube"><span class="social-icon fa 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>
<a class="logo" href="http://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>
<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="http://www.defense.gov/News/" target="" tabindex="0" aria-expanded="false">News<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span><i class="fas fa-chevron-down" style=""></i></a>
<div class="arrow-down"><i></i></div>
<div class="level2-container pin-right">
<ul class="level2">
<li class="parent">
<a href="http://www.defense.gov/News/Press-Products/" target="" tabindex="-1" aria-expanded="false"><span class="main">Press Products</span></a>
<ul class="parent">
<li class="">
<a href="http://www.defense.gov/News/Today-in-DOD/" target="" tabindex="0"><span class="main">Today in DOD</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Live-Events/" target="" tabindex="0"><span class="main">Live Events</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Releases/" target="" tabindex="0"><span class="main">Releases</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Advisories/" target="" tabindex="0"><span class="main">Advisories</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Transcripts/" target="" tabindex="0"><span class="main">Transcripts</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Speeches/" target="" tabindex="0"><span class="main">Speeches</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Publications/" target="" tabindex="0"><span class="main">Publications</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Contracts/" target="" tabindex="0"><span class="main">Contracts</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="http://www.defense.gov/News/Newsroom/" target="" tabindex="-1" aria-expanded="false"><span class="main">Newsroom</span></a>
<ul class="parent">
<li class="">
<a href="http://www.defense.gov/News/News-Stories/" target="" tabindex="0"><span class="main">News Stories</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Feature-Stories/" target="" tabindex="0"><span class="main">Feature Stories</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/From-the-Services/" target="" tabindex="0"><span class="main">Stories from the Services</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="http://www.defense.gov/Multimedia/" target="" aria-expanded="false" tabindex="-1"><span class="main">Multimedia</span></a>
<ul class="parent">
<li class="">
<a href="http://www.defense.gov/Multimedia/Photos/" target="" tabindex="0"><span class="main">Photos</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Multimedia/Videos/" target="" tabindex="0"><span class="main">Videos</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Multimedia/Experience/" target="" tabindex="0"><span class="main">Interactive Experiences</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent top-level ">
<a href="http://www.defense.gov/Spotlights/" target="" tabindex="0" aria-expanded="false">Spotlights<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span><i class="fas fa-chevron-down" style=""></i></a>
<div class="arrow-down"><i></i></div>
<div class="level2-container pin-right">
<ul class="level2">
<li class="parent">
<a href="http://www.defense.gov/Spotlights/" target="" aria-expanded="false" tabindex="-1"><span class="main">Trending Issues</span></a>
<ul class="parent">
<li class="">
<a href="http://www.defense.gov/Spotlights/Taking-Care-of-Our-People/" target="" tabindex="0"><span class="main">Taking Care of Our People</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/Nato/" target="" tabindex="0"><span class="main">NATO</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/FY2023-Defense-Budget/" target="" tabindex="0"><span class="main">FY 2023 Defense Budget</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/Support-for-Ukraine/" target="" tabindex="0"><span class="main">Support for Ukraine</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="http://www.defense.gov/Spotlights/" target="" aria-expanded="false" tabindex="-1"><span class="main">Topics</span></a>
<ul class="parent">
<li class="">
<a href="http://www.defense.gov/Spotlights/Science-and-Technology/" target="" tabindex="0"><span class="main">Science & Technology</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/Coronavirus-DOD-Response/" target="" tabindex="0"><span class="main">Coronavirus</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/Face-of-Defense/" target="" tabindex="0"><span class="main">Face of Defense</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/" target="" tabindex="0"><span class="main">All Spotlights</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent top-level ">
<a href="http://www.defense.gov/About/" target="" tabindex="0" aria-expanded="false">About<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span><i class="fas fa-chevron-down" style=""></i></a>
<div class="arrow-down"><i></i></div>
<div class="level2-container pin-right">
<ul class="level2">
<li class="parent">
<a href="http://www.defense.gov/About/Leadership/" target="" tabindex="-1" aria-expanded="false"><span class="main">Leadership</span></a>
<ul class="parent">
<li class="">
<a href="http://www.defense.gov/About/Secretary-of-Defense/" target="" tabindex="0"><span class="main">Secretary of Defense</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/About/Deputy-Secretary-of-Defense/" target="" tabindex="0"><span class="main">Deputy Secretary of Defense</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/About/Chairman-of-the-Joint-Chiefs-of-Staff/" target="" tabindex="0"><span class="main">Chairman of the Joint Chiefs of Staff</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/About/Vice-Chairman-of-the-Joint-Chiefs-of-Staff/" target="" tabindex="0"><span class="main">Vice Chairman of the Joint Chiefs of Staff</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/About/Office-of-the-Secretary-of-Defense/" target="" tabindex="0"><span class="main">Office of the Secretary of Defense</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/About/Biographies/" target="" tabindex="0"><span class="main">More Leaders</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="http://www.defense.gov/About/" target="" aria-expanded="false" tabindex="-1"><span class="main">Components</span></a>
<ul class="parent">
<li class="">
<a href="https://www.army.mil/" target="_blank" tabindex="0"><span class="main">Army</span></a>
</li>
<li class="">
<a href="https://www.marines.mil/" target="_blank" tabindex="0"><span class="main">Marine Corps</span></a>
</li>
<li class="">
<a href="https://www.navy.mil/" target="_blank" tabindex="0"><span class="main">Navy</span></a>
</li>
<li class="">
<a href="https://www.af.mil/" target="_blank" tabindex="0"><span class="main">Air Force</span></a>
</li>
<li class="">
<a href="https://www.spaceforce.mil/" target="_blank" tabindex="0"><span class="main">Space Force</span></a>
</li>
<li class="">
<a href="https://www.uscg.mil/" target="_blank" tabindex="0"><span class="main">Coast Guard</span></a>
</li>
<li class="">
<a href="https://www.nationalguard.mil/" target="_blank" tabindex="0"><span class="main">National Guard</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/About/Combatant-Commands/" target="" 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 topics, names, categories..." 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" 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" 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="http://www.defense.gov/News/" target="" tabindex="0" aria-expanded="false">News<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span><i class="fas fa-chevron-down"></i></a>
<div class="arrow-down"><i></i></div>
<div class="level2-container">
<ul class="level2">
<li class="parent">
<a href="http://www.defense.gov/News/Press-Products/" target="" tabindex="0" aria-expanded="false"><span class="main">Press Products</span></a>
<ul class="parent">
<li class="">
<a href="http://www.defense.gov/News/Today-in-DOD/" target="" tabindex="0"><span class="main">Today in DOD</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Live-Events/" target="" tabindex="0"><span class="main">Live Events</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Releases/" target="" tabindex="0"><span class="main">Releases</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Advisories/" target="" tabindex="0"><span class="main">Advisories</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Transcripts/" target="" tabindex="0"><span class="main">Transcripts</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Speeches/" target="" tabindex="0"><span class="main">Speeches</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Publications/" target="" tabindex="0"><span class="main">Publications</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Contracts/" target="" tabindex="0"><span class="main">Contracts</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="http://www.defense.gov/News/Newsroom/" target="" tabindex="0" aria-expanded="false"><span class="main">Newsroom</span></a>
<ul class="parent">
<li class="">
<a href="http://www.defense.gov/News/News-Stories/" target="" tabindex="0"><span class="main">News Stories</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Feature-Stories/" target="" tabindex="0"><span class="main">Feature Stories</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/From-the-Services/" target="" tabindex="0"><span class="main">Stories from the Services</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="http://www.defense.gov/Multimedia/" target="" aria-expanded="false"><span class="main">Multimedia</span></a>
<ul class="parent">
<li class="">
<a href="http://www.defense.gov/Multimedia/Photos/" target="" tabindex="0"><span class="main">Photos</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Multimedia/Videos/" target="" tabindex="0"><span class="main">Videos</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Multimedia/Experience/" target="" tabindex="0"><span class="main">Interactive Experiences</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent top-level ">
<a href="http://www.defense.gov/Spotlights/" target="" tabindex="0" aria-expanded="false">Spotlights<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span><i class="fas fa-chevron-down"></i></a>
<div class="arrow-down"><i></i></div>
<div class="level2-container">
<ul class="level2">
<li class="parent">
<a href="http://www.defense.gov/Spotlights/" target="" aria-expanded="false"><span class="main">Trending Issues</span></a>
<ul class="parent">
<li class="">
<a href="http://www.defense.gov/Spotlights/Taking-Care-of-Our-People/" target="" tabindex="0"><span class="main">Taking Care of Our People</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/Nato/" target="" tabindex="0"><span class="main">NATO</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/FY2023-Defense-Budget/" target="" tabindex="0"><span class="main">FY 2023 Defense Budget</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/Support-for-Ukraine/" target="" tabindex="0"><span class="main">Support for Ukraine</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="http://www.defense.gov/Spotlights/" target="" aria-expanded="false"><span class="main">Topics</span></a>
<ul class="parent">
<li class="">
<a href="http://www.defense.gov/Spotlights/Science-and-Technology/" target="" tabindex="0"><span class="main">Science & Technology</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/Coronavirus-DOD-Response/" target="" tabindex="0"><span class="main">Coronavirus</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/Face-of-Defense/" target="" tabindex="0"><span class="main">Face of Defense</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/" target="" tabindex="0"><span class="main">All Spotlights</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent top-level ">
<a href="http://www.defense.gov/About/" target="" tabindex="0" aria-expanded="false">About<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span><i class="fas fa-chevron-down"></i></a>
<div class="arrow-down"><i></i></div>
<div class="level2-container">
<ul class="level2">
<li class="parent">
<a href="http://www.defense.gov/About/Leadership/" target="" tabindex="0" aria-expanded="false"><span class="main">Leadership</span></a>
<ul class="parent">
<li class="">
<a href="http://www.defense.gov/About/Secretary-of-Defense/" target="" tabindex="0"><span class="main">Secretary of Defense</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/About/Deputy-Secretary-of-Defense/" target="" tabindex="0"><span class="main">Deputy Secretary of Defense</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/About/Chairman-of-the-Joint-Chiefs-of-Staff/" target="" tabindex="0"><span class="main">Chairman of the Joint Chiefs of Staff</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/About/Vice-Chairman-of-the-Joint-Chiefs-of-Staff/" target="" tabindex="0"><span class="main">Vice Chairman of the Joint Chiefs of Staff</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/About/Office-of-the-Secretary-of-Defense/" target="" tabindex="0"><span class="main">Office of the Secretary of Defense</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/About/Biographies/" target="" tabindex="0"><span class="main">More Leaders</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="http://www.defense.gov/About/" target="" aria-expanded="false"><span class="main">Components</span></a>
<ul class="parent">
<li class="">
<a href="https://www.army.mil/" target="_blank" tabindex="0"><span class="main">Army</span><i class="fas fa-external-link-alt"></i></a>
</li>
<li class="">
<a href="https://www.marines.mil/" target="_blank" tabindex="0"><span class="main">Marine Corps</span><i class="fas fa-external-link-alt"></i></a>
</li>
<li class="">
<a href="https://www.navy.mil/" target="_blank" tabindex="0"><span class="main">Navy</span><i class="fas fa-external-link-alt"></i></a>
</li>
<li class="">
<a href="https://www.af.mil/" target="_blank" tabindex="0"><span class="main">Air Force</span><i class="fas fa-external-link-alt"></i></a>
</li>
<li class="">
<a href="https://www.spaceforce.mil/" target="_blank" tabindex="0"><span class="main">Space Force</span><i class="fas fa-external-link-alt"></i></a>
</li>
<li class="">
<a href="https://www.uscg.mil/" target="_blank" tabindex="0"><span class="main">Coast Guard</span><i class="fas fa-external-link-alt"></i></a>
</li>
<li class="">
<a href="https://www.nationalguard.mil/" target="_blank" tabindex="0"><span class="main">National Guard</span><i class="fas fa-external-link-alt"></i></a>
</li>
<li class="">
<a href="http://www.defense.gov/About/Combatant-Commands/" target="" 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><i class="fas fa-external-link-alt"></i></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><i class="fas fa-external-link-alt"></i></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><i class="fas fa-external-link-alt"></i></a></li>
<li class=""><a href="http://www.dodig.mil/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-38">DOD IG</span><i class="fas fa-external-link-alt"></i></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><i class="fas fa-external-link-alt"></i></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><i class="fas fa-external-link-alt"></i></a></li>
<li class=""><a href="http://www.dimoc.mil/resources/limitations/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-41">Imagery Use</span><i class="fas fa-external-link-alt"></i></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><i class="fas fa-external-link-alt"></i></a></li>
<li class=""><a href="http://open.defense.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-43">Open GOV</span><i class="fas fa-external-link-alt"></i></a></li>
<li class=""><a href="https://dam.defense.gov/Publications/NDBOP/" target="_blank" rel="noopener noreferrer"><span class="text text-link-44">Strategic Plan</span><i class="fas fa-external-link-alt"></i></a></li>
<li class=""><a href="https://www.usa.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-45">USA.gov</span><i class="fas fa-external-link-alt"></i></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><i class="fas fa-external-link-alt"></i></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="Twitter"><span class="social-icon fa fa-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"><span class="social-icon fa fa-facebook social-link-1"></span></a></li>
<li class="social-item"><a href="https://www.instagram.com/deptofdefense/" target="_blank" rel="noopener noreferrer" title="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"><span class="social-icon fa fa-linkedin social-link-50"></span></a></li>
<li class="social-item"><a href="https://www.youtube.com/deptofdefense" target="_blank" rel="noopener noreferrer" title="YouTube"><span class="social-icon fa 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" innertext="Start of main content"></a></p>
<div id="dnn_ContentPaneBanner" class="paneMarker">
<div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3202"><a name="3202"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3202_ContentPane"><!-- Start_Module_3202 -->
<style>
@media only screen and (max-width: 768px) {
.banner-item {
padding-top: 110px !important;
}
</style>
<h1 class="sr-only">U.S. Department of Defense</h1>
<div id="featArticles" class="featArticles alist">
<div id="dnn_ctr3202_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
<div id="dnn_ctr3202_Dashboard_ph">
<div id="featArticles" class="featArticles alist">
<!-- BANNER ITEM -->
<div class="story-slider-wrap">
<div class="banner-slider">
<div class="banner-item">
<div class="featStory item item-1 item-3182609">
<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/2022/Oct/06/2003092771/1280/1280/0/221006-D-XI929-0106.JPG)"></div>
<img class="story-img" alt="A man speaks from a podium." src="https://media.defense.gov/2022/Oct/06/2003092771/1280/1280/0/221006-D-XI929-0106.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>
</span>
<h2 class="title"><span>Allies Conduct Naval Defense Exercises Following North Korea Missile Launches</span></h2>
<p class="summary">In response to provocation from North Korea, the USS Ronald Reagan Carrier Strike Group arrived in the Sea of Japan to conduct trilateral ballistic missile defense exercises with Japanese and
South Korean vessels. </p>
<div class="bar">
<time data-dateago="2022-10-06T18:11:00" data-dateap="Oct. 6, 2022">yesterday</time>
<div class="social">
<div addthis:url="https://www.defense.gov/News/News-Stories/Article/Article/3182609/allies-conduct-naval-defense-exercises-following-north-korea-missile-launches/"
addthis:title="Allies Conduct Naval Defense Exercises Following North Korea Missile Launches" class="addthis_toolbox addthis_default_style social-inner">
<a class="addthis_button_facebook social-link at300b" title="Facebook" href="https://www.defense.gov/News/News-Stories/Article/Article/3182609/allies-conduct-naval-defense-exercises-following-north-korea-missile-launches/"><span class="fa fa-facebook"></span></a>
<a class="addthis_button_twitter social-link at300b" title="Twitter" href="https://www.defense.gov/News/News-Stories/Article/Article/3182609/allies-conduct-naval-defense-exercises-following-north-korea-missile-launches/"><span class="fa fa-twitter"></span></a>
<div class="atclear"></div>
</div>
</div>
</div>
</figcaption>
</div>
</div>
</figure>
</div>
<a class="link-overlay" href="https://www.defense.gov/News/News-Stories/Article/Article/3182609/allies-conduct-naval-defense-exercises-following-north-korea-missile-launches/"><span class="sr-only">Allies Conduct Naval Defense Exercises Following North Korea Missile Launches</span></a>
</div>
<div class="featStoryImg">
<div class="image-wrap ">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2022/Oct/06/2003092771/1280/1280/0/221006-D-XI929-0106.JPG)"></div>
<img alt="" src="https://media.defense.gov/2022/Oct/06/2003092771/1280/1280/0/221006-D-XI929-0106.JPG">
</div>
</div>
</div>
</div>
</div>
<!-- BANNER ITEM -->
<div id="explore-bar-wrap" class="explore-bar-wrap home-section full">
<div class="content-wrap">
<div id="explore-bar" class="explore-list listView">
<div class="alist-inner">
<div class="dgov-grid">
<div class="dgov-col-sm-4">
<div class="item item-2 item-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/2022/Sep/20/2003081786/825/780/0/220920-D-EX074-001.JPG)"></div>
<img alt="Taking Care of Our People Social Tile" src="https://media.defense.gov/2022/Sep/20/2003081786/825/780/0/220920-D-EX074-001.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 class="hide">
<span class="separator">|</span>
<time data-dateago="2022-09-22T14:03:00" data-dateap="Sept. 22, 2022">Sept. 22, 2022</time>
</span>
</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>
<!-- BANNER ITEM -->
<div class="dgov-col-sm-4">
<div class="item item-3 item-2663203 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/2021/Jul/06/2002756506/825/780/0/210706-D-D0439-100.JPG)"></div>
<img alt="Satellite image of a spacecraft orbiting earth with a hurricane in full development." src="https://media.defense.gov/2021/Jul/06/2002756506/825/780/0/210706-D-D0439-100.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 class="hide">
<span class="separator">|</span>
<time data-dateago="2021-07-06T10:23:00" data-dateap="July 6, 2021">July 6, 2021</time>
</span>
</span>
<h3 class="title"><span>Hurricane Preparedness</span></h3>
<p class="summary hide">Hurricane season is from June to November, but preparation, response and recovery are ongoing throughout the year. The Defense Department stands ready with troops, equipment and other
capabilities to assist local and federal authorities prepare and provide humanitarian and disaster response support.</p>
<a class="btn btn-primary btn-primary-ghost hide" href="/Spotlights/Hurricane-Preparedness/"> Read More</a>
</figcaption>
</div>
</div>
<a class="link-overlay" href="/Spotlights/Hurricane-Preparedness/"><span class="sr-only">Hurricane Preparedness</span></a>
</figure>
<div class="clearfix"></div>
</div>
</div>
<!-- BANNER ITEM -->
<div class="dgov-col-sm-4">
<div class="item item-4 item-2666451 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/2021/Jun/22/2002746767/825/780/0/210522-D-XI929-1054Y.JPG)"></div>
<img alt="Defense Secretary Austin smiles and shakes hands with a U.S. Military Academy cadet on a podium." src="https://media.defense.gov/2021/Jun/22/2002746767/825/780/0/210522-D-XI929-1054Y.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 class="hide">
<span class="separator">|</span>
<time data-dateago="2021-06-23T11:05:00" data-dateap="June 23, 2021">June 23, 2021</time>
</span>
</span>
<h3 class="title"><span>Secretary of Defense Lloyd J. Austin III</span></h3>
<p class="summary hide">As the 28th secretary of defense, Lloyd J. Austin III is the principal assistant to the president in all matters relating to the Department of Defense and also serves on the National
Security Council.</p>
<a class="btn btn-primary btn-primary-ghost hide" href="/Spotlights/Secretary-of-Defense-Lloyd-J-Austin-III/"> Read More</a>
</figcaption>
</div>
</div>
<a class="link-overlay" href="/Spotlights/Secretary-of-Defense-Lloyd-J-Austin-III/"><span class="sr-only">Secretary of Defense Lloyd J. Austin III</span></a>
</figure>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End_Module_3202 -->
</div>
</div><!--end of empty container -->
</div>
<div class="DnnModule DnnModule-DVIDSLiveEvents DnnModule-3269"><a name="3269"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3269_ContentPane"><!-- Start_Module_3269 -->
<style>
.dvids-wrap,
.live-bar-container {
margin: 0;
}
@media only screen and (max-width: 560px) {
.content-wrap {
margin: 0;
height: auto;
}
}
</style>
<div id="dnn_ctr3269_ModuleContent" class="DNNModuleContent ModDVIDSLiveEventsC">
<div id="mvcContainer-3269">
<section id="dvids-wrap-3269" data-module-id="3269" data-tab-id="587" class="dvids-wrap dvids-module-mode-LiveBar dvids-template-dgov dvids-layout-left"><!---->
<header><!----></header> <!---->
<div class="dvids-listing-wrap">
<div class="events-panel module-mode-LiveBar">
<div class="events-panel-container">
<div><!----></div>
</div>
</div>
</div>
</section><!--dvids-wrap-->
<script type="text/javascript">
var playerConfig = {
"data": {
"dvidsParams": {
"eventFilterType": "man",
"toggleEventListMaxResults": true,
"toggleUpcomingEventMaxResultView": true,
"toggleLiveTodayEventMaxResultView": false,
"toggleEventListToDateRange": false,
"toggleEventHashtags": true,
"toggleIncludeExternals": false,
"toggleEventSort": true,
"eventListMaxResults": "50",
"upcomingEventMaxResultView": "10",
"liveTodayEventMaxResultView": "3",
"eventListToDays": 7,
"includeExternals": false,
"eventHashtags": "dgovlive",
"eventSort": "asc",
"autoplay": true,
"manualSelectedEvents": "",
"showLiveNowList": true,
"showLiveTodayList": true,
"showUpcomingEventsList": true,
"apiKey": "key-5b75d9ba94822",
"dvidsURL": "https://api.dvidshub.net/",
"dvidsStagingURL": null,
"showTestVid": false,
"showPanelWhenEmpty": false,
"toDate": "2022-11-26T23:59:59.0000000-05:00",
"fromDate": "2022-10-07T17:40:52.5247991-04:00"
},
"dleDNNSettings": {
"templateLayout": "Left",
"templateStyle": "DGOV",
"moduleMode": "LiveBar",
"moduleTitle": "LIVE EVENTS",
"liveNowListTitle": "LIVE NOW",
"liveNowDefaultText": "No Events Currently Scheduled",
"liveTodayListTitle": "LIVE TODAY",
"liveTodayDefaultText": "No Events Currently Scheduled",
"upcomingEventsListTitle": "UPCOMING EVENTS",
"upcomingEventsDefaultText": "No Events Currently Scheduled",
"countdownTitle": "COMING UP",
"templateDisclaimer": "",
"videoBugPosition": "TopLeft",
"showModuleTitle": false,
"showEventTitle": true,
"showEventDesc": true,
"showCountdownTitle": true,
"showCountdownDesc": true,
"showVideoBug": false,
"liveNowActiveClick": "on",
"liveNowActiveManualTime": "fifteenMin",
"toggleError": true,
"selectedSMMSealId": 0,
"selectedSeal": null,
"selectedSMMSealForErrorsId": 0,
"selectedSealForErrors": null,
"selectedSMMCountdownBackgroundId": 0,
"selectedBackground": null,
"selectedSMMNoEventBackgroundId": 0,
"selectedNoEvent": null,
"selectedDVIDSVideoBugId": 0,
"selectedVideoBug": null,
"dvidsVideoPlayerUrl": "https://www.defense.gov/Multimedia/Videos?videoid=",
"dvidsLiveEventsUrl": "https://www.defense.gov/News/LiveEvents/#/?currentVideo=",
"noEventsLink": "/Multimedia/Videos/",
"toggleLiveEventVideoBug": true,
"liveEventVideoBugPosition": "TopLeft"
},
"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><!-- End_Module_3269 -->
</div>
</div><!--end of empty container -->
</div>
</div>
<div class="slice-angle slice-angle-gray slice-angle-down-top">
<div class="page-wrap staggered container">
<div class="row">
<div id="dnn_ContentPanePage" class="paneMarkerAlt col-lg DNNEmptyPane"></div>
</div>
<div id="ContentPanePage84" class="row staggered-84">
<div id="dnn_ContentPanePage8X" class="paneMarker col-lg-8">
<div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3203"><a name="3203"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3203_ContentPane"><!-- Start_Module_3203 -->
<style>
.explore-list figcaption .category {
display: block;
}
</style>
<h2 class="tab-title"><a href="/news">News<i class="fas fa-chevron-right"></i></a></h2>
<div id="dnn_ctr3203_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
<div id="dnn_ctr3203_Dashboard_ph">
<div id="storyListing-3203">
<div id="alist" class="alist stories News-list">
<div class="spinner3" style="display: none;">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
<div class="alist-inner alist-more-here">
<div class="feature-template">
<div class="feature-template-container">
<div class="listing-dashboard-with-preview listing-with-preview item explore-item">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container">
<div class="image-wrap"><!---->
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url("https://media.defense.gov/2022/Oct/06/2003092807/825/780/0/221006-D-D0439-101.JPG");"></div> <img alt=""
src="https://media.defense.gov/2022/Oct/06/2003092807/825/780/0/221006-D-D0439-101.JPG">
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8">
<figcaption><span class="category"><a href="/News/News-Stories" class="content-type-text news content-type-1"><span>News</span></a> <span class="separator">|</span> <time data-dateago="2022-10-06T19:34:00"
data-dateap="Oct. 6, 2022">yesterday</time></span>
<h3 class="title"><span> DOD, Other Agencies Release Climate Adaptation Progress Reports <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">The Defense Department, along with federal agencies across the government, released its 2022 Climate Adaptation Plan Progress Reports.</p>
</figcaption>
</div>
<a href="https://www.defense.gov/News/News-Stories/Article/Article/3182522/dod-other-agencies-release-climate-adaptation-progress-reports/" class="link-overlay"><span class="sr-only">DOD, Other Agencies Release Climate Adaptation Progress Reports</span></a>
</div>
</figure>
<div style="clear: both;"></div>
</div>
<div class="listing-dashboard-with-preview listing-with-preview item explore-item">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container">
<div class="image-wrap"><!---->
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url("https://media.defense.gov/2022/Oct/06/2003092532/825/780/0/210127-D-ZW947-001.JPG");"></div> <img alt=""
src="https://media.defense.gov/2022/Oct/06/2003092532/825/780/0/210127-D-ZW947-001.JPG">
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8">
<figcaption><span class="category"><a href="/News/News-Stories" class="content-type-text news content-type-1"><span>News</span></a> <span class="separator">|</span> <time data-dateago="2022-10-06T15:33:00"
data-dateap="Oct. 6, 2022">yesterday</time></span>
<h3 class="title"><span> Commissary Announces Plan to Lower Prices Even Further <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">Service members and their families will soon see a 3-5% decrease in pricing on most grocery items in commissaries as part of a Defense Department initiative to bolster
their economic security and stability. </p>
</figcaption>
</div>
<a href="https://www.defense.gov/News/News-Stories/Article/Article/3182173/defense-commissary-agency-announces-plan-to-lower-prices-even-further/" class="link-overlay"><span class="sr-only">Commissary Announces Plan to Lower Prices Even Further </span></a>
</div>
</figure>
<div style="clear: both;"></div>
</div>
<div class="listing-dashboard-with-preview listing-with-preview item explore-item">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container">
<div class="image-wrap"><!---->
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url("https://media.defense.gov/2022/Oct/04/2003091254/825/780/0/221004-D-XI929-3014.JPG");"></div> <img alt=""
src="https://media.defense.gov/2022/Oct/04/2003091254/825/780/0/221004-D-XI929-3014.JPG">
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8">
<figcaption><span class="category"><a href="/News/News-Stories" class="content-type-text news content-type-1"><span>News</span></a> <span class="separator">|</span> <time data-dateago="2022-10-04T18:46:00"
data-dateap="Oct. 4, 2022">Oct. 4, 2022</time></span>
<h3 class="title"><span> HIMARS, Excalibur Rounds in Latest Ukraine Security Assistance Package <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">The Defense Department announced an additional $625 million in security assistance which will include equipment specifically tailored to what Ukraine needs in the short
term.</p>
</figcaption>
</div>
<a href="https://www.defense.gov/News/News-Stories/Article/Article/3179784/himars-excalibur-rounds-headed-for-ukraine-in-625-million-security-assistance-p/" class="link-overlay"><span class="sr-only">HIMARS, Excalibur Rounds in Latest Ukraine Security Assistance Package</span></a>
</div>
</figure>
<div style="clear: both;"></div>
</div>
<div class="listing-dashboard-with-preview listing-with-preview item explore-item">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container">
<div class="image-wrap"><!---->
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url("https://media.defense.gov/2022/Aug/29/2003066400/825/780/0/220819-F-IF976-1004.JPG");"></div> <img alt=""
src="https://media.defense.gov/2022/Aug/29/2003066400/825/780/0/220819-F-IF976-1004.JPG">
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8">
<figcaption><span class="category"><a href="/Spotlights" class="content-type-text spotlight content-type-514"><span>Spotlight</span></a> <!----></span>
<h3 class="title"><span> Support for Ukraine <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">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.</p>
</figcaption>
</div> <a href="/Spotlights/Support-for-Ukraine/" class="link-overlay"><span class="sr-only">Support for Ukraine</span></a>
</div>
</figure>
<div style="clear: both;"></div>
</div>
<div class="listing-dashboard-with-preview listing-with-preview item explore-item">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container">
<div class="image-wrap"><!---->
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url("https://media.defense.gov/2021/Apr/07/2002616070/825/780/0/201017-O-ZZ999-101R.JPG");"></div> <img alt=""
src="https://media.defense.gov/2021/Apr/07/2002616070/825/780/0/201017-O-ZZ999-101R.JPG">
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8">
<figcaption><span class="category"><a href="/Spotlights" class="content-type-text spotlight content-type-514"><span>Spotlight</span></a> <!----></span>
<h3 class="title"><span> Tackling the Climate Crisis <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">The planet's changing climate has a significant effect on Defense Department missions, plans and installations. DOD is elevating climate change as a national security
priority, integrating climate considerations into policies, strategies and partner engagements.</p>
</figcaption>
</div> <a href="/spotlights/tackling-the-climate-crisis/" class="link-overlay"><span class="sr-only">Tackling the Climate Crisis</span></a>
</div>
</figure>
<div style="clear: both;"></div>
</div>
<div class="listing-dashboard-with-preview listing-with-preview item explore-item">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container">
<div class="image-wrap"><!---->
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url("https://media.defense.gov/2021/Apr/14/2002620822/825/780/0/210404-A-NG416-0023.JPG");"></div> <img alt=""
src="https://media.defense.gov/2021/Apr/14/2002620822/825/780/0/210404-A-NG416-0023.JPG">
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8">
<figcaption><span class="category"><a href="/Spotlights" class="content-type-text spotlight content-type-514"><span>Spotlight</span></a> <!----></span>
<h3 class="title"><span> Coronavirus: DOD Response <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">The Defense Department is working closely with the Department of Health and Human Services and the State Department to provide support in dealing with the coronavirus
outbreak.</p>
</figcaption>
</div> <a href="/Spotlights/Coronavirus-DoD-Response/" class="link-overlay"><span class="sr-only">Coronavirus: DOD Response</span></a>
</div>
</figure>
<div style="clear: both;"></div>
</div>
</div> <!---->
<div class="bottom-target"></div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('.spinner3').fadeOut('fast');
});
/* link img and title hover */
$('.alist .poster a, .alist .info').hover(function() {
$(this).closest('.item').addClass('hover');
}, function() {
$(this).closest('.item').removeClass('hover');
});
$('.alist .info').click(function(evt) {
if (evt.target.className.indexOf("info") !== -1) {
var url = $(this).data("url");
window.location.href = url;
}
});
</script>
<style>
#alist .listing-with-preview {
margin: 7px 0 23px;
padding: 20px 0 0;
border-top: 1px solid #ebebeb;
}
#alist .listing-with-preview {
border-top: none;
padding: 0;
margin-top: 0;
}
#alist .listing-with-preview .image-container {
display: block;
}
#alist {
margin-bottom: 2rem;
}
#alist .item {
margin: 7px 0 23px;
padding: 20px 0 0;
border-top: 1px solid #ebebeb;
}
#alist .item:first-child {
padding: 0px 0 0;
border-top: none;
}
#alist figcaption .category a {
display: inline-block;
margin-bottom: 0;
font-size: 15px;
color: #355e93;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 1px solid rgba(53, 94, 147, 0);
-webkit-transition: border .25s ease;
-moz-transition: border .25s ease;
-ms-transition: border .25s ease;
-o-transition: border .25s ease;
transition: border .25s ease;
text-decoration: none;
}
#alist figcaption .category a:hover {
border-bottom: 1px solid rgba(53, 94, 147, 1);
}
#alist figcaption .category a.fact-sheet:hover {
border-bottom: 1px solid rgba(53, 94, 147, 0);
}
#alist figcaption .category .separator {
color: #355e93;
opacity: .5;
margin: 0 8px 0 6px;
}
#alist figcaption .summary {
font-size: 18px;
margin: 0;
}
#alist .video-duration {
display: none;
}
#alist figcaption time {
display: inline-block;
font-size: 15px;
margin: 5px 0;
color: #717171;
padding: 0;
min-width: 100px;
}
#alist .item figcaption h3.title {
font-size: 1.6rem;
font-family: 'Crimson Text', serif;
font-weight: 500;
line-height: 1.1em;
margin-bottom: 8px;
}
#alist .item figcaption h3.title a {
display: block;
padding-left: 0px;
border-left: 0px solid #fff;
transition: all 0.15s linear;
padding-right: 14px;
}
#alist .item figcaption h3.title a:hover {
color: #355e93;
padding-left: 10px;
padding-right: 0px;
border-left: 4px solid #254267;
text-decoration: none;
}
#alist .item .image-wrap {
margin-right: 0;
margin-top: 8px;
}
#alist .item .image-wrap a {
display: block;
position: relative;
padding-top: 66%;
overflow: hidden;
border: 1px solid #adadad;
}
#alist .item .image-replacement {
background-color: rgba(255, 255, 255, .05);
background-repeat: no-repeat;
text-decoration: none;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-size: cover;
background-position: 50% 50%;
}
#alist .item .image-wrap img {
position: absolute;
left: -9999px;
}
#alist .item figcaption {
margin-left: 20px;
}
#alist .item figcaption h3.title a.card-edit-span {
position: absolute;
top: -15px;
right: 0;
padding: 0;
}
#alist .service-source {
display: inline-block;
position: relative;
font-size: 17px;
text-transform: uppercase;
font-weight: bold;
background: #355e93;
color: #fff;
padding: 2px 7px;
margin: 0;
}
#alist .service-source.service-army {
background: #376251;
}
#alist .service-source.service-marinecorps {
background: #990F00;
}
#alist .service-source.service-navy {
background: #88743A;
}
#alist .service-source.service-airforce {
background: #144A75;
}
#alist .service-source.service-spaceforce {
background: #D2D5D2;
color: #2C588F;
}
#alist .service-source.service-coastguard {
background: #327AB7;
}
#alist .service-source.service-nationalguard {
background: #000000;
}
@media (max-width: 575px) {
#alist .item figcaption {
margin-left: 0;
margin-top: 8px;
}
#alist .listing-with-preview {
margin: 7px 0 12px;
padding: 15px 0 0;
}
}
#alist .listing-with-preview .image-wrap-wrap {
display: block;
position: relative;
padding-top: 66%;
overflow: hidden;
border: 1px solid #adadad;
}
#alist .listing-with-preview figcaption .category {
display: block;
position: absolute;
z-index: 2;
}
#alist .listing-with-preview figcaption h3.title {
font-size: 1.6rem;
font-family: 'Crimson Text', serif;
font-weight: 500;
line-height: 1.1em;
margin-bottom: 8px;
padding-top: 28px;
}
#alist .listing-with-preview figcaption h3.title span {
display: block;
padding-left: 0px;
border-left: 0px solid #fff;
transition: all 0.15s linear;
padding-right: 14px;
}
#alist .listing-with-preview figcaption h3.title span i.fas {
font-size: 18px;
position: relative;
bottom: 1px;
left: 5px;
border-left: none;
padding-left: 0;
display: inline;
}
#alist .listing-with-preview:hover figcaption h3.title span {
color: #355e93;
padding-left: 10px;
padding-right: 0px;
border-left: 4px solid #254267;
text-decoration: none;
}
#alist .listing-with-preview a.link-overlay {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
text-indent: 200%;
white-space: nowrap;
visibility: visible;
background: transparent;
}
#alist .listing-with-preview .image-wrap .edit-link {
display: block;
width: 25px;
position: absolute;
z-index: 11;
top: 15px;
right: 15px;
}
#alist .listing-with-preview .image-wrap .edit-link a {
display: block;
position: relative;
width: 30px;
height: 30px;
bottom: auto;
padding: 4px;
line-height: 16px;
text-align: center;
background-color: rgba(255, 255, 255, .3);
border-radius: 5px;
border: solid rgba(0, 0, 0, 0.4) 1px;
}
#alist .listing-with-preview .image-wrap .edit-link a img {
left: 0;
position: relative;
}
</style>
<!-- This can be used to contain items in a programmable reflex-grid
NOTE: this is DEPRECATED, use <card-layout>. Change is for naming
purposes, but of course, card-layout is now getting improvements.
-->
<script type="text/x-template" id="vue-feature-template"> <div class="feature-template">
<div :class="'feature-template-container' + (removeGrid ? '' : ' dgov-grid dgov-grid-full')">
<slot></slot>
</div>
<div class="more-row" v-if="thereAreMoreToView()">
<a class="btn btn-default btn btn-insidedod btn-insidedod-ghost" v-on:click="viewMore" :title="moreText">Load More</a>
</div>
<div class="bottom-target"></div>
</div>
</script>
<script type="text/javascript">
(function() {
const DEBUG = false;
if (DEBUG) console.log("this is the feature-template component");
const tempSel = "";
const tempUse = tempSel ? tempSel : "#vue-feature-template";
if (DEBUG) console.log("f-t20: passed in selector for template div", tempSel)
if (DEBUG) console.log("f-121: selector template div to use", tempUse);
const tempEl = $(tempUse)[0];
if (DEBUG) console.log("f-t15: template element", tempEl);
///////
//
// Different layouts
//
//
// Feature Blog Layout
//
const desktopAndLg = {
full: ["dgov-col-6:feature", "dgov-col-6:feature", "dgov-col-4", "dgov-col-4", "dgov-col-4"],
4: ["dgov-col-12:feature", "dgov-col-4", "dgov-col-4", "dgov-col-4"],
3: ["dgov-col-4", "dgov-col-4", "dgov-col-4"],
2: ["dgov-col-6:feature", "dgov-col-6:feature"],
1: ["dgov-col-12:feature"],
};
const blog_layouts = {
desktop: desktopAndLg,
lg: desktopAndLg,
md: {
full: ["dgov-col-12:feature", "dgov-col-6", "dgov-col-6", "dgov-col-6", "dgov-col-6"],
4: ["dgov-col-12:feature", "dgov-col-12:feature", "dgov-col-6", "dgov-col-6"],
3: ["dgov-col-12", "dgov-col-12", "dgov-col-12"],
2: ["dgov-col-12:feature", "dgov-col-12:feature"],
1: ["dgov-col-12:feature"],
},
xs: {
full: ["dgov-col-12", "dgov-col-12", "dgov-col-12", "dgov-col-12", "dgov-col-12"],
4: ["dgov-col-12", "dgov-col-12", "dgov-col-12", "dgov-col-12"],
3: ["dgov-col-12", "dgov-col-12", "dgov-col-12"],
2: ["dgov-col-12", "dgov-col-12"],
1: ["dgov-col-12"],
},
}
//
// Story Layout
//
const grid3col = ["dgov-col-4", "dgov-col-4", "dgov-col-4"];
const grid2col = ["dgov-col-6", "dgov-col-6"];
const grid1col = ["dgov-col-12"];
const layout3xn = {
full: grid3col,
2: grid2col,
1: ["dgov-col-12"],
}
const layout2xn = {
full: grid2col,
1: ["dgov-col-12"],
}
const layout1xn = {
full: grid1col,
}
const story_layouts = {
desktop: layout3xn,
lg: layout2xn,
md: layout2xn,
xs: layout1xn
}
Vue.component('feature-template', {
name: 'feature-template',
data: function() {
return {
templateSelector: "",
numToShow: 5,
pageAmount: 6,
};
},
props: {
"template-mode": String,
"more-text": String,
"show-all": {
type: Boolean,
default: false,
},
"remove-grid": {
type: Boolean,
default: false,
}
},
template: tempEl, // matches ID in template above
mounted: function() {
window.addEventListener('resize', this.resize)
this.resize();
},
methods: {
resize: function() {
if (DEBUG) console.log("resizing");
this.markChildren();
},
getLayout: function(layoutName) {
// get particular layout based on layoutName argument
// internally: also uses number of children and media size
const numItems = this.$children.length;
const mediaSize = this.getMediaType();
let layouts = this.getLayouts(this.templateMode);
/* if there is a set for the mediasize and number, pick it,
* otherwise layout remains the starting one above
* Note: Every case should have a layout but just in case
* this fails more gracefully, probably.
*/
const layoutsForMediaSize = layouts[mediaSize] ? layouts[mediaSize] : layouts.desktop;
const lfms = layoutsForMediaSize;
if (lfms) {
if (lfms[numItems]) {
layout = lfms[numItems];
} else if (lfms.full) {
layout = lfms.full;
}
} else {
// using dgov-grid these are classes for up to five children
const default_layout = ["dgov-col-6:feature", "dgov-col-6:feature", "dgov-col-4", "dgov-col-4", "dgov-col-4"];
layout = default_layout;
}
return layout;
},
getLayouts: function(layoutName) {
let layouts;
switch (layoutName) {
case "override":
layouts = window._dgov_feature_layout_override;
break;
case "story":
layouts = story_layouts;
break;
case "blog":
default:
layouts = blog_layouts;
break;
}
return layouts;
},
getMediaType: function() {
const isXS = window.matchMedia("(max-width: 767px)").matches;
const isMD = window.matchMedia("(min-width: 768px) and (max-width: 991px)").matches;
const isLG = window.matchMedia("(min-width: 992px) and (max-width: 1199px)").matches;
const isGiant = window.matchMedia("(min-width: 1200px)").matches;
if (isXS) {
return "xs";
} else if (isMD) {
return "md";
} else if (isLG) {
return "lg";
} else /* if (isGiant) */ {
return "desktop"
};
},
markChildren: function() {
const numItems = this.$children.length;
const mediaSize = this.getMediaType();
let layout = this.getLayout(this.templateMode);
const layoutLen = layout.length;
for (let i = 0; i < this.$children.length; i++) {
const item = this.$children[i]
if (DEBUG) console.log('layout', layout.length, layout);
if (i >= layout.length) {
// hide
//item.addClass("hidden-item");
const pieces = layout[layout.length - 1].split(":");
const reflexClass = pieces[0];
const cardType = pieces[1];
if (item.setCardType) item.setCardType(cardType); // undefined means default
if (item.resetClass) item.resetClass();
if (item.addClass) item.addClass(reflexClass);
} else {
const pieces = layout[i].split(":");
const reflexClass = pieces[0];
const cardType = pieces[1]; // might be undefined
if (DEBUG) console.log("f-t85:", pieces, reflexClass, cardType);
if (item.setCardType) item.setCardType(cardType); // undefined means default
if (item.resetClass) item.resetClass();
if (item.addClass) item.addClass(reflexClass);
}
if (!this.showAll && (i >= this.numToShow)) {
if (item.addClass) item.addClass("hidden-item");
}
}
},
thereAreMoreToView: function() {
if (!this.showAll && (this.numToShow < this.$children.length)) {
return true;
} else {
return false;
}
},
viewMore: function() {
// view more!
this.numToShow += this.pageAmount;
if (DEBUG) console.log("viewMore event, numToShow", this.numToShow);
this.resize();
setTimeout(function() {
const targel = $('.bottom-target')[0];
if (targel.scrollIntoView) {
targel.scrollIntoView(false);
}
}, 100);
},
}
});
})();
</script>
<style>
.feature-template .dgov-grid.feature-template-container .hidden-item {
display: none;
}
.feature-grid.alist.stories .feature-template .item a.title,
.feature-grid.alist.stories .feature-template .item a.title:link {
font-size: 1.4rem;
}
.more-row {
display: flex;
align-items: center;
flex-direction: column;
padding: 15px;
}
/* Note: this relates to lack of encapsulation where
Dashboard applies .list class to parent container. Would be better
to have an event so that the card code 'knows' the card is in 'list'
mode. This rule isn't needed however, but is documentation since this
may be an issue if the structure changes to include future features.
Special rule is in story-card, may be moved or similar for other types
of cards. */
.alist.stories.list .feature-template .feature-template-container {
display: block;
}
.more-row {
display: flex;
align-items: center;
flex-direction: column;
padding: 15px;
}
/*.feature-template-container {
display: flex;
flex-direction: row;
}*/
</style>
<script type="text/x-template" id="vue-listing-dashboard-with-preview-template"> <div class="listing-dashboard-with-preview listing-with-preview item explore-item">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<template v-if="pageNumber == 1">
<div :class="imageContainerClasses">
<div class="image-wrap"
v-bind:class="{'video-wrap-container no-pointer-events': isVideo}">
<template v-if="isVideo">
<img src="/Portals/_default/Skins/DGOV2/Resources/img/play-default.png" class="defaultVideoOverlay a-video-button">
<img src="/Portals/_default/Skins/DGOV2/Resources/img/play-hover.png" class="hoverVideoOverlay a-video-button">
</template>
<div class="image-wrap-wrap">
<div class="image-replacement" :style="'background-image: url('+ imageUrl +')'"></div>
<img alt="" :src="imageUrl">
</div>
</div>
</div>
</template>
<div :class="contentContainerClasses">
<figcaption :style="pageNumber > 1 ? 'margin-left: 0 !important' : ''">
<span class="category">
<template v-if="isInDashboard">
<template v-if="contentTypeVal === '987'">
<a class="content-type-text live" href="/Live">
<span>Live Event</span>
</a>
</template>
<template v-else>
<a :class="'content-type-text ' + dashboardCatData[0] + ' content-type-' + contentTypeVal" :href="dashboardCatData[1]"><span>{{ dashboardCatData[2] }}</span></a>
</template>
</template>
<template v-else>
<template v-if="contentTypeName==='From the Services'">
<span :class="'service-source service-'+categoryName">{{category}}</span>
</template>
<template v-else>
<a class="content-type-text" :href="categoryLineOverride ? termUrl: prettyContentTypeUrl">
<span>{{categoryLineOverride ? categoryLineOverride : prettyContentTypeName}}</span>
</a>
</template>
</template>
<template v-if="shouldShowDate">
<span class="separator">|</span>
<time :data-dateago="publishDateJss" :data-dateap="publishDateAp">
{{publishDateAp}}
</time>
</template>
</span>
<h3 class="title">
<span>
{{ contentTypeName !== 'Contract' ? articleTitle : ('Contracts For ' + publishDateAp) }} <i v-if="isExternal()" class="fas fa-external-link-alt"></i>
</span>
<card-edit-span :isEditMode="canEdit" :editUrl="editUrl" :imageUrl="editImage"></card-edit-span>
</h3>
<p class="summary hidden-xs hidden-xxs" v-html="articleSummary"></p>
</figcaption>
</div>
<a class="link-overlay" :href="articleUrlOrLink">
<span class="sr-only">{{ contentTypeName !== 'Contract' ? articleTitle : ('Contracts For ' + publishDateAp) }}</span>
</a>
</div>
</figure>
<div style="clear:both"></div>
</div>
</script>
<!-- here is a card-edit-span element... need to share this, but the vue component token is not a good way
because it would be multiply imported every time it's used by a card. It should be linked with "registerscript"
-->
<script type="text/x-template" id="vue-card-edit-span-template"> <a title="Edit" v-if="isEditMode" class="card-edit-span" :href="editUrl" alt="edit link">
<img title="Edit" :src="imageUrl" alt="edit pencil" />
</a>
</script>
<script type="text/javascript" src="https://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-55ccc85049045f9c">
var addthis_config = {
data_use_flash: false,
data_use_cookies: false,
ui_508_compliant: true
}
</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: "Contract"
},
'11': {
url: '/News/Speeches/',
name: 'Speech'
},
'884': {
url: '/News/Speeches/',
name: 'Speech'
},
// for types > 800 (that are not above)
custom: {
name: null, // means 'actual' contentTypeName
videoName: "Video",
},
};
const _dashboardCatData = {
'1': ['news', '/News/News-Stories', 'News'],
'14': ['news', '/News/News-Stories', 'News'],
'800': ['feature', '/News/Feature-Stories', 'Feature'],
'504': ['faq', null, 'FAQ'],
'514': ['spotlight', '/Spotlights', 'Spotlight'],
'515': ['inside-dod', '/News/Inside-DoD', 'Blog'],
'809': ['video', '/Multimedia/Videos', 'Video'],
'616': ['video2', '/Multimedia/Videos', 'Video'],
'987': ['live', '/live', 'Live Event'],
'700': ['experience', '/experience', 'Experience'],
'801': ['quiz', '/engage', 'Quiz'],
'610': ['blog', '/News/Inside-DoD', 'Inside DoD'],
'936': ['from-the-services', '/Explore/From-the-Services', 'From The Services'],
'2': ['advisory', '/Newsroom/Advisories/', 'Advisory'],
'889': ['advisory', '/News/Advisories/', 'Advisory'],
'5': ['publication', '/News/Publications/', 'Publication'],
'886': ['publication', '/News/Publications/', 'Publication'],
'9': ['release', '/News/Releases/', 'Release'],
'885': ['release', '/News/Releases/', 'Release'],
'11': ['speech', '/News/Speeches/', 'Speech'],
'884': ['speech', '/News/Speeches/', 'Speech'],
'13': ['transcript', '/News/Transcripts/', 'Transcript'],
'883': ['transcript', '/News/Transcripts/', 'Transcript'],
'400': ['contract', '/News/Contracts/', 'Contract'],
'887': ['fact-sheet', null, 'Fact Sheet'],
'541': ['from-the-podium', '/News/From-the-Podium/', 'From The Podium'],
'888': ['related-link', null, 'Related Link'],
};
Vue.component('listing-dashboard-with-preview', {
name: 'listing-dashboard-with-preview',
data: function() {
return {
templateSelector: "",
classes: [],
// readonly props
contentTypeLib: _contentTypeLib,
hover: false,
prettyContentTypeName: null,
prettyContentTypeUrl: null,
isFirst: false
};
},
props: ["article-alt", "article-id", "article-image-url", "article-title", "article-url", "article-url-or-link", "article-url-or-link-absolute", "can-edit", "category-line-override", "category", "content-type-val",
"content-type-name", "edit-image", "edit-url", "has-terms", "image-caption", "image-url", "indashboard", "is-video", "item-index", "open-in-new", "publish-date-jss", "publish-date-ap", "show-image", "term-url",
"term-name", "article-summary"
],
template: tempEl, // el that matches ID in template OR override passed in
beforeMount: function() {
if (this.$parent.$children.length === 1) {
this.isFirst = true;
}
},
mounted: function() {
if (false) console.log("props", this.showImage, JSON.stringify(this.$props, null, 4));
this.prettyContentTypeName = this.constructPrettyContentTypeName();
this.prettyContentTypeUrl = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].url : this.termUrl;
if (DEBUG) console.log("sc155: mounted: content type:", this.prettyContentTypeVal, this.prettyContentTypeName, this.prettyContentTypeUrl)
},
computed: {
categoryName: function() {
// Should be safe for CSS class name
return encodeURIComponent(this.category).toLowerCase().replace(/\.|%[0-9a-z]{2}/gi, '');
},
isInDashboard: function() {
return typeof this.indashboard === "undefined" ? false : !!this.indashboard;
},
shouldShowDate: function() {
return ![514, 700, 801].includes(parseInt(this.contentTypeVal, 10));
},
dashboardCatData: function() {
// Example: '1': ['news', '/explore/news/', 'News'],
if (!_dashboardCatData.hasOwnProperty(this.contentTypeVal)) return [this.contentTypeName.toLowerCase(), '', this.contentTypeVal];
return _dashboardCatData[this.contentTypeVal];
},
imageContainerClasses: function() {
return this.isInDashboard ? 'dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container' : 'dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-6 dgov-col-lg-6 image-container';
},
contentContainerClasses: function() {
return this.isInDashboard ? 'dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8' : (this.isFirst && this.pageNumber === 1) ?
'dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-6 dgov-col-lg-6' : 'dgov-col-12 dgov-col-xs-12 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-12';
},
imageSrc: function() {
return this.isInDashboard ? this.imageUrl : this.articleImageUrl;
},
pageNumber: function() {
let pageNumber = 1;
const activePage = $(".apager .active a span")[0];
if (activePage) {
pageNumber = +$(activePage).text();
}
return pageNumber;
},
},
methods: {
addClass: function(newClass) {
this.classes.push(newClass);
},
constructPrettyContentTypeName: function() {
// NOTE: this is duplicated in listing-with-preview and you may have a
// change that applies there. Should be moved to shared space using vue:registerjs token
// TODO: moved to shared location (via vue:registerjs)
let prettyName = null;
const isVideo = this.isVideo;
// first check for specific entry in _contentTypeLib dictionary
if (isVideo) {
prettyName = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].videoName : null;
if (!prettyName) {
// use name if videoName not set
prettyName = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].name : null;
}
} else {
prettyName = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].name : null;
}
// if still null, and type > 800 check in "custom" entry of contentTypeLib
const contentTypeNumber = parseInt(this.contentTypeVal);
if (prettyName == null && contentTypeNumber >= 800) {
if (isVideo) {
prettyName = this.contentTypeLib.custom ? this.contentTypeLib.custom.videoName : null;
} else {
prettyName = this.contentTypeLib.custom ? this.contentTypeLib.custom.name : null;
}
}
if (prettyName == null) prettyName = this.contentTypeName;
return prettyName;
},
isExternal: function() {
return ['14', '883', '884', '885', '886', '887', '888', '889', '936'].indexOf(this.contentTypeVal) > -1;
},
hasTermName: function() {
if (this.termName && this.termName.length > 0) {
return true;
}
return false;
},
hoverOn: function() {
//if (DEBUG) console.log("i-c106: hover on");
// css :hover solution is not currently used... maybe tricky
// this approach is borrowed from the current non-vue way this is done
this.hover = true;
},
hoverOff: function() {
//if (DEBUG) console.log("ic-110: hover off");
this.hover = false;
},
resetClass: function() {
this.classes = [];
},
setCardType: function(cardType) {
// we only do one card type so ignore. This is an event from the layout
// for the adaptive-card.
if (DEBUG) console.log("s-c178: ignoring card type:", cardType);
},
targetVal: function() {
// openInNew being passed as string b/c reason
// reason: tag comes from server side rendering and might
// not be good Vue value, must allow this sort of prop to be a string
return this.openInNew == "true" ? "_blank" : "_self";
},
},
});
Vue.component('card-edit-span', {
name: 'card-edit-span',
template: "#vue-card-edit-span-template",
props: ["editUrl", "imageUrl", "isEditMode"],
});
})();
function normalizeStoryCard() {
const cardEls = $('.card-wrapper')
const cards = cardEls.toArray();
const maxh = cards.reduce(function(acc, item) {
const height = $(item).height();
if (height > acc) {
return height;
} else {
return acc;
}
}, 0);
console.log("height max", maxh);
cardEls.height(maxh);
}
</script>
<style>
.no-pointer-events {
pointer-events: none;
}
</style>
<!--
This fragment compiles a Vue template located in a div with
an id of "storyListing-3203".
-->
<script type="text/javascript">
(function() {
const DEBUG = false;
if (DEBUG) console.log("m-i2: vue:initialize:storyListing");
document.addEventListener("DOMContentLoaded", function() {
if (DEBUG) console.log("initializing vue on storyListing in module 3203")
const elTarg = "#storyListing-3203";
// supports sending in "data" and "methods" by naming convention
let modData = {};
let modMethods = {};
const typeofModData = typeof(storyListing3203_data);
const typeofModMethods = typeof(storyListing3203_methods);
if (typeofModData != "undefined") {
modData = storyListing3203_data;
}
if (typeofModMethods != "undefined") {
modMethods = storyListing3203_methods;
}
const el = $(elTarg)[0];
const moduleVue = new Vue({
el: el,
mounted: function() {
// call the callback if exists.
// naming vueToken_mounted_3203
if (DEBUG) console.log("cb?", typeof(vueToken_mounted_3203));
if (typeof(vueToken_mounted_3203) === "function") {
const mountedCB = vueToken_mounted_3203;
if (mountedCB) {
// currently no arguments, just a time event, e.g. when slick
// could be initialized.
this.$nextTick(mountedCB);
}
}
},
data: modData,
methods: modMethods,
});
});
})();
</script>
</div>
</div><!-- End_Module_3203 -->
</div>
</div><!--end of empty container -->
</div>
</div>
<div id="dnn_ContentPagePageX4" class="paneMarkerAlt col-lg-4">
<div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3204"><a name="3204"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3204_ContentPane"><!-- Start_Module_3204 -->
<div id="dnn_ctr3204_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
<div id="dnn_ctr3204_Dashboard_ph">
<div id="homePress" class="explore-list homePress alist">
<h2 class="tab-title"><a href="/News/Press-Products">Press Products<i class="fas fa-chevron-right"></i></a></h2>
<div class="alist-inner">
<div class="dgov-grid dgov-grid-bleed"><!-- NEWSROOM ITEM -->
<div class="dgov-col-md-12">
<div class="item item-3182805">
<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="2022-10-06T21:33:00" data-dateap="Oct. 6, 2022">22 hours ago</time></span>
<h3 class="title"><span>Readout of U.S.-Japan-South Korea Defense Trilateral Call</span></h3>
<a class="link-overlay" href="https://www.defense.gov/News/Releases/Release/Article/3182805/readout-of-the-united-states-japan-republic-of-korea-defense-trilateral-call/"><span class="sr-only">Readout of U.S.-Japan-South Korea Defense Trilateral Call</span></a>
</figcaption>
</figure>
</div>
</div><!-- NEWSROOM ITEM -->
<div class="dgov-col-md-12">
<div class="item item-3182735">
<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="2022-10-06T18:59:00" data-dateap="Oct. 6, 2022">yesterday</time></span>
<h3 class="title"><span>Pentagon Press Secretary Air Force Brig. Gen. Pat Ryder Holds an On-Camera Press Briefing</span></h3>
<a class="link-overlay" href="https://www.defense.gov/News/Transcripts/Transcript/Article/3182735/pentagon-press-secretary-air-force-brig-gen-pat-ryder-holds-an-on-camera-press/"><span class="sr-only">Pentagon Press Secretary Air Force Brig. Gen. Pat Ryder Holds an On-Camera Press Briefing</span></a>
</figcaption>
</figure>
</div>
</div><!-- NEWSROOM ITEM -->
<div class="dgov-col-md-12">
<div class="item item-3182662">
<figure>
<span class="">
<hr>
</span>
<figcaption>
<span class="category">
<a class="content-type-text" href="/News/Releases/"><span>Release</span></a>
<span class="separator">|</span>
<time data-dateago="2022-10-06T18:00:00" data-dateap="Oct. 6, 2022">yesterday</time></span>
<h3 class="title"><span>Undersecretary of Defense for Policy Colin Kahl's Travel to Paris for U.S.-France Strategic Dialogue, European Quadrilateral Meetings</span></h3>
<a class="link-overlay" href="https://www.defense.gov/News/Releases/Release/Article/3182662/under-secretary-of-defense-for-policy-dr-colin-kahls-travel-to-paris-for-us-fra/"><span class="sr-only">Undersecretary of Defense for Policy Colin Kahl's Travel to Paris for U.S.-France Strategic Dialogue, European Quadrilateral Meetings</span></a>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- End_Module_3204 -->
</div>
</div><!--end of empty container -->
</div>
<div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3205"><a name="3205"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3205_ContentPane"><!-- Start_Module_3205 -->
<div style="margin-bottom: 2rem">
<div id="dnn_ctr3205_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
<div id="dnn_ctr3205_Dashboard_ph">
<div id="services-list" class="explore-list services-list alist">
<h2 class="tab-title"><a href="/News/From-the-Services/">From The Services <i class="fas fa-chevron-right"></i></a></h2>
<div class="alist-inner">
<div class="dgov-grid"><!-- FROM THE SERVICES ITEM -->
<div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-1 fts-col-odd">
<div class="item item-3183140 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/2022/Oct/07/2003093107/825/780/0/221007-A-D0439-101R.JPG)"></div>
<img alt="A graphic containing several photos of people in the Army workforce." src="https://media.defense.gov/2022/Oct/07/2003093107/825/780/0/221007-A-D0439-101R.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>Command Focuses on 'All Things People'</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.army.mil/article/260921/all_things_people_efforts_help_asc_recruit_train_and_retain_a_quality_workforce" target="_blank" rel="noopener"><span class="sr-only">Command Focuses on 'All Things People'</span></a>
</div>
</figure>
</div>
</div><!-- FROM THE SERVICES ITEM -->
<div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-2 fts-col-even">
<div class="item item-3183155 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/2022/Oct/06/2003093185/825/780/0/221006-M-PM375-1050.JPG)"></div>
<img alt="A Marine stands in a room and speaks to several other Marines." src="https://media.defense.gov/2022/Oct/06/2003093185/825/780/0/221006-M-PM375-1050.JPG">
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-8 fts-col-copy">
<figcaption>
<span class="source Marine Corps">Marine Corps</span>
<h3 class="title"><span>Logisticians Conduct Exercise Maltese Falcon</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.marines.mil/News/News-Display/Article/3181988/maltese-dragon-a-new-island-hopping-campaign-for-marine-logisticians/" target="_blank" rel="noopener"><span class="sr-only">Logisticians Conduct Exercise Maltese Falcon</span></a>
</div>
</figure>
</div>
</div><!-- FROM THE SERVICES ITEM -->
<div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-3 fts-col-odd">
<div class="item item-3183237 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/2022/Jan/21/2002926475/825/780/0/211228-N-ZR324-1055.JPG)"></div>
<img alt="People on a football field hold up their right hands to swear an oath." src="https://media.defense.gov/2022/Jan/21/2002926475/825/780/0/211228-N-ZR324-1055.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>Recruiting Command Announces Fiscal 2022 Results, 2023 Goals</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.navy.mil/Press-Office/News-Stories/Article/3177917/navy-recruiting-command-announces-mission-results-for-fiscal-year-2022-and-goal/" target="_blank" rel="noopener"><span class="sr-only">Recruiting Command Announces Fiscal 2022 Results, 2023 Goals</span></a>
</div>
</figure>
</div>
</div><!-- FROM THE SERVICES ITEM -->
<div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-4 fts-col-even">
<div class="item item-3183267 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/2022/Oct/06/2003093239/825/780/0/220921-F-RU464-0254.JPG)"></div>
<img alt="Twelve airmen stand for a photo on steps in front of the U.S. Capitol." src="https://media.defense.gov/2022/Oct/06/2003093239/825/780/0/220921-F-RU464-0254.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>Events Honor Outstanding Airmen of the Year</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.af.mil/News/Article-Display/Article/3181337/12-outstanding-airmen-of-the-year-recognized-during-air-forces-season-of-celebr/" target="_blank" rel="noopener"><span class="sr-only">Events Honor Outstanding Airmen of the Year</span></a>
</div>
</figure>
</div>
</div><!-- FROM THE SERVICES ITEM -->
<div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-5 fts-col-odd">
<div class="item item-3183294 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/2022/Oct/06/2003093249/825/780/0/221005-N-MD802-1082.JPG)"></div>
<img alt="Military and civilian officials sit and speak at a rectangular table." src="https://media.defense.gov/2022/Oct/06/2003093249/825/780/0/221005-N-MD802-1082.JPG">
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-8 fts-col-copy">
<figcaption>
<span class="source Space Force">Space Force</span>
<h3 class="title"><span>Space Ops Chief Visits Partners in Japan</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.spaceforce.mil/News/Article/3181475/cso-visits-partners-in-japan/" target="_blank" rel="noopener"><span class="sr-only">Space Ops Chief Visits Partners in Japan</span></a>
</div>
</figure>
</div>
</div><!-- FROM THE SERVICES ITEM -->
<div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-6 fts-col-even">
<div class="item item-3183308 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/2022/Oct/07/2003093259/825/780/0/220915-Z-QD622-002.JPG)"></div>
<img alt="A soldier sits at desk and looks at a colored map on a monitor." src="https://media.defense.gov/2022/Oct/07/2003093259/825/780/0/220915-Z-QD622-002.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>New Tool Alerts Colorado, California Guards to Wildfires</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.nationalguard.mil/News/Article/3182883/new-tool-alerts-colorado-california-guard-to-wildfires/" target="_blank" rel="noopener"><span class="sr-only">New Tool Alerts Colorado, California Guards to Wildfires</span></a>
</div>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- End_Module_3205 -->
</div>
</div><!--end of empty container -->
</div>
<div class="DnnModule DnnModule-DNN_HTML DnnModule-5914"><a name="5914"></a>
<div class="sidebar-section sidebar-search-section">
<div class="bluebox-title">
<h2 class="tab-title"><span>Veteran Resource</span></h2>
</div>
<div class="sidebar-section-inner">
<div id="dnn_ctr5914_ContentPane"><!-- Start_Module_5914 -->
<style>
.sidebar-section {
margin-left: 2rem;
}
.vet a img {
transition: all 0.25s;
}
.vet a:hover img {
transform: scale(1.1);
}
@media screen and (max-width: 1199px) {
.sidebar-section {
margin-left: 0rem;
}
}
</style>
<div class="vet">
<div id="dnn_ctr5914_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr5914_HtmlModule_lblContent" class="Normal">
<a href="https://www.veteranscrisisline.net/get-help/military-crisis-line" target="_blank"> <img class="logo" src="/portals/1/Spotlight/2022/taking-care/vcl-988_hoz_rgb.svg" alt="Veterans Crisis Line logo"> </a>
</div>
</div>
</div><!-- End_Module_5914 -->
</div>
</div>
</div>
</div>
</div>
</div>
<div id="ContentPanePage75" class="row staggered-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-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-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-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">
<div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3206"><a name="3206"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3206_ContentPane"><!-- Start_Module_3206 -->
<style>
.experience-slider-wrap .exp-img-wrap {
background: transparent;
}
.experience-slider-wrap .experience-slider .slick-dots li {
background-color: #fff;
}
.experience-slider-wrap .experience-slider .slick-dots li.slick-active {
background-color: #ff9900;
}
h2.tab-title.multimedia-tab-title {
margin-bottom: 15px;
}
.experience-slider-wrap .slick-track {
transform: translate3d(0, 0, 0) !important;
}
</style>
<div id="experience" class="experience home-section full">
<div class="content-wrap">
<h2 class="tab-title multimedia-tab-title"><a href="/Multimedia/Experience">Interactive Experiences <i class="fas fa-chevron-right"></i></a></h2>
<div id="dnn_ctr3206_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
<div id="dnn_ctr3206_Dashboard_ph">
<div id="experience-wrap-3206" class="aframe adash">
<h2 class="tab-title multimedia-tab-title hide"><a href="/Experience">Experience DOD <i class="fas fa-chevron-right"></i></a></h2>
<div class="navigate-text" tabindex="0" style="position: absolute;left:-9999px">Use left and right arrow keys to navigate this slide show.</div>
<div class="experience-slider-wrap slider-total-3">
<div class="dgov-grid">
<div class="dgov-col-md-9 dgov-col-bleed">
<div class="slider-progress">
<div class="progress" style="width: 41.6832%;"></div>
</div>
<div class="experience-slider-3206 experience-slider slick-initialized slick-slider slick-dotted"><i class="fa fa-chevron-left carousel-previous slick-arrow" style="display: inline;"></i>
<div class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 3150px;">
<div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 1050px; position: relative; left: 0px; top: 0px; z-index: 999; opacity: 1;" role="tabpanel"
id="slick-slide00">
<div>
<div class="experience-item" data-thumbsrc="https://media.defense.gov/2019/Aug/29/2002177025/825/780/0/190829-D-ZZ999-001.JPG" data-thumbalt="Air Force Airman carries a dog and leads a family to safety."
data-thumbfocus="" tabindex="0" style="width: 100%; display: inline-block;">
<div class="item item-1947227">
<figure>
<div class="exp-img-wrap dgov-card dgov-card-3" onclick="(function() { window.location.href='/Multimedia/Experience/Prepare'; })()">
<a href="/Multimedia/Experience/Prepare" tabindex="0">
<span class="sr-only">We Prepare. You Should, Too.</span>
</a>
<div class="exp-img" alt="" style="background-image: url(https://media.defense.gov/2019/Aug/29/2002177025/1280/1280/0/190829-D-ZZ999-001.JPG); background-size: cover; "><a href="/Multimedia/Experience/Prepare" tabindex="0">
<figcaption>
<div class="main-caption">
<h2 class="title">We Prepare. You Should, Too.</h2>
</div>
<p class="summary">Service members train and prepare year-round so when disasters strike, troops are ready to help those in harm's way. Learn how you can prepare, too.</p>
<div class="bgfade" style="height: 103.188px;"></div>
</figcaption>
</a>
</div>
</div>
</figure>
</div>
<div class="experience-img hide">
<div class="image-wrap ">
<a class="experience-link" href="/Multimedia/Experience/Prepare" tabindex="0">
<div class="zoom-bg image-replacement" style="background-image: url(https://media.defense.gov/2020/Sep/10/2002494679/1280/1280/0/170830-F-YC884-0275E.JPG)"></div>
<img alt="Air Force Airman carries a dog and leads a family to safety." src="https://media.defense.gov/2019/Aug/29/2002177025/1280/1280/0/190829-D-ZZ999-001.JPG">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 1050px; position: relative; left: -1050px; top: 0px; z-index: 998; opacity: 0;" tabindex="-1" role="tabpanel" id="slick-slide01">
<div>
<div class="experience-item" data-thumbsrc="https://media.defense.gov/2020/Jan/24/2002238694/825/780/0/200124-D-RB598-001.JPG"
data-thumbalt="Service members, eligible family members and U.S. citizens overseas have the right to vote, and DOD has the tools and resources to help them do so — from anywhere in the world."
data-thumbfocus="" tabindex="0" style="width: 100%; display: inline-block;">
<div class="item item-2068164">
<figure>
<div class="exp-img-wrap dgov-card dgov-card-3" onclick="(function() { window.location.href='/Multimedia/Experience/You-Can-Vote-From-Anywhere/'; })()">
<a href="/Multimedia/Experience/You-Can-Vote-From-Anywhere/" tabindex="-1">
<span class="sr-only">You Can Vote From Anywhere</span>
</a>
<div class="exp-img" alt="" style="background-image: url(https://media.defense.gov/2020/Jan/24/2002238694/1280/1280/0/200124-D-RB598-001.JPG); background-size: cover; "><a href="/Multimedia/Experience/You-Can-Vote-From-Anywhere/" tabindex="-1">
<figcaption>
<div class="main-caption">
<h2 class="title">You Can Vote From Anywhere</h2>
</div>
<p class="summary">The Federal Voting Assistance Program works to ensure service members, their eligible family members, and overseas citizens have the tools and resources to successfully vote from anywhere in the world.</p>
<div class="bgfade" style="height: 103.188px;"></div>
</figcaption>
</a>
</div>
</div>
</figure>
</div>
<div class="experience-img hide">
<div class="image-wrap ">
<a class="experience-link" href="/Multimedia/Experience/You-Can-Vote-From-Anywhere/" tabindex="-1">
<div class="zoom-bg image-replacement" style="background-image: url(https://media.defense.gov/2020/Jan/24/2002238695/1280/1280/0/200124-D-RB598-002.JPG)"></div>
<img alt="Service members, eligible family members and U.S. citizens overseas have the right to vote, and DOD has the tools and resources to help them do so — from anywhere in the world." src="https://media.defense.gov/2020/Jan/24/2002238694/1280/1280/0/200124-D-RB598-001.JPG">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="slick-slide" data-slick-index="2" aria-hidden="true" style="width: 1050px; position: relative; left: -2100px; top: 0px; z-index: 998; opacity: 0;" tabindex="-1" role="tabpanel" id="slick-slide02">
<div>
<div class="experience-item" data-thumbsrc="https://media.defense.gov/2021/Sep/17/2002857094/825/780/0/210917-D-D0439-500.JPG" data-thumbalt="A seated man clutches a folded American flag to his chest."
data-thumbfocus="" tabindex="0" style="width: 100%; display: inline-block;">
<div class="item item-2780630">
<figure>
<div class="exp-img-wrap dgov-card dgov-card-3" onclick="(function() { window.location.href='/Multimedia/Experience/POW-MIA/'; })()">
<a href="/Multimedia/Experience/POW-MIA/" tabindex="-1">
<span class="sr-only">These Heroes Are Not Forgotten</span>
</a>
<div class="exp-img" alt="" style="background-image: url(https://media.defense.gov/2021/Sep/17/2002857094/1280/1280/0/210917-D-D0439-500.JPG); background-size: cover; "><a href="/Multimedia/Experience/POW-MIA/" tabindex="-1">
<figcaption>
<div class="main-caption">
<h2 class="title">These Heroes Are Not Forgotten</h2>
</div>
<p class="summary">Thousands of American service personnel are missing from previous conflicts and the Defense POW/MIA Agency remains relentless in its mission to provide the fullest possible accounting to their families and the nation, until they’re home.</p>
<div class="bgfade" style="height: 103.188px;"></div>
</figcaption>
</a>
</div>
</div>
</figure>
</div>
<div class="experience-img hide">
<div class="image-wrap ">
<a class="experience-link" href="/Multimedia/Experience/POW-MIA/" tabindex="-1">
<div class="zoom-bg image-replacement" style="background-image: url(https://media.defense.gov/2021/Sep/17/2002857094/1280/1280/0/210917-D-D0439-500.JPG)"></div>
<img alt="A seated man clutches a folded American flag to his chest." src="https://media.defense.gov/2021/Sep/17/2002857094/1280/1280/0/210917-D-D0439-500.JPG">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div><i class="fa fa-chevron-right carousel-next slick-arrow" style="display: inline;"></i>
<ul class="slick-dots" style="display: block;" role="tablist">
<li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 3" tabindex="0" aria-selected="true">1</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control01" aria-controls="slick-slide01" aria-label="2 of 3" tabindex="-1">2</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control02" aria-controls="slick-slide02" aria-label="3 of 3" tabindex="-1">3</button></li>
</ul>
</div>
</div>
<div class="dgov-col-md-3 dgov-col-bleed">
<div class="experience-nav-3206 experience-nav slick-initialized slick-slider slick-vertical" style="height: 588px;">
<div class="slick-list draggable" style="height: 588px; padding: 0px;">
<div class="slick-track" style="opacity: 1; height: 602px; top: 0px; margin-top: 0px;">
<div class="slick-slide slick-current slick-center" data-slick-index="0" aria-hidden="true" style="width: 335px;">
<div>
<div class="experience-nav-item" tabindex="0" style="width: 100%; display: inline-block;">
<div class="exp-img" style="background-image:url(https://media.defense.gov/2019/Aug/29/2002177025/825/780/0/190829-D-ZZ999-001.JPG);"></div>
</div>
</div>
</div>
<div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 335px;">
<div>
<div class="experience-nav-item" tabindex="0" style="width: 100%; display: inline-block;">
<div class="exp-img" style="background-image:url(https://media.defense.gov/2020/Jan/24/2002238694/825/780/0/200124-D-RB598-001.JPG);"></div>
</div>
</div>
</div>
<div class="slick-slide slick-center" data-slick-index="2" aria-hidden="true" style="width: 335px;">
<div>
<div class="experience-nav-item" tabindex="0" style="width: 100%; display: inline-block;">
<div class="exp-img" style="background-image:url(https://media.defense.gov/2021/Sep/17/2002857094/825/780/0/210917-D-D0439-500.JPG);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var expNav = '.experience-nav-3206';
var expMain = '.experience-slider-3206';
var expWrap = '.experience-wrap-3206';
$(expWrap + " .navigate-text").on('focus', function() {
$(this).css({
left: 'auto',
position: 'static'
});
});
$(expMain + ' .experience-item').each(function() {
var $item = $(this);
$(expNav).append($("<div class='experience-nav-item' tabindex='0'><div " + "class='exp-img' style='background-image:url(" + $item.data('thumbsrc') + ");" + $item.data('thumbfocus') + "' /></div>"));
$title = $item.find('.main-caption');
$fade = $item.find('.bgfade');
$fade.height($title.height() + 50);
$item.on('keyup', function(event) {
if (event.keyCode === 13 || event.keyCode === 32) {
$item.find('.experience-link').click();
}
});
});
$(document).ready(function() {
var time = 10;
var $bar,
$slick,
isPause,
tick,
percentTime;
$slick = $(expMain);
$slick.slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
dots: true,
fade: true,
asNavFor: expNav,
prevArrow: '<i class="fa fa-chevron-left carousel-previous"></i>',
nextArrow: '<i class="fa fa-chevron-right carousel-next"></i>'
}).on("beforeChange", function() {
startProgressbar();
});;
$(expNav).slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: expMain,
dots: false,
vertical: true,
focusOnSelect: true,
centerPadding: 0,
centerMode: true,
arrows: true,
infinite: true,
useTransform: false,
responsive: {
breakpoint: 992,
settings: "unslick",
},
prevArrow: '<div class="arrow-container left"><i class="fa fa-chevron-up carousel-previous"></i></div>',
nextArrow: '<div class="arrow-container right"><i class="fa fa-chevron-down carousel-next"></i></div>',
}).on("setPosition", function() {
setTimeout(function() {
var $item = $slick.find('.slick-slide .experience-item').first();
var $list = $(expNav).find('.slick-list');
var $track = $(expNav).find('.slick-track');
if ($item.length === 0) return;
if ($item.height() !== $(expNav).height()) {
$(expNav).height($item.height());
}
$list.height($item.height());
if ($track.find('.slick-slide').length < 4) {
// making margin-top the inverse of top so they cancel each other out (e.g. top: -100px, margin top is 100px)
$track.css({
marginTop: (parseInt($track.css('top')) * -1) + "px"
});
}
}, 0);
});
$bar = $('.slider-progress .progress');
$items = $slick.find('.slick-slide .experience-item');
$items.hover(function() {
if (window.innerWidth < 991) return;
$t = $(this);
$title = $t.find('.main-caption');
$summary = $t.find('.summary');
$fade = $t.find('.bgfade');
sumHeight = $summary.height() + 30 > 185 ? 215 : $summary.height() + 30;
$title.css({
transform: 'translateY(-' + sumHeight + 'px)'
}); // add 30px for bottom margin
$fade.height(sumHeight + $title.height() + 50);
}, function() {
$t = $(this);
$title = $t.find('.main-caption');
$title.css({
transform: 'translateY(0)'
});
$fade.height($title.height() + 50);
});
var isMobile = {
Android: function() {
return navigator.userAgent.match(/Android/i);
},
BlackBerry: function() {
return navigator.userAgent.match(/BlackBerry/i);
},
iOS: function() {
return navigator.userAgent.match(/iPhone|iPad|iPod/i);
},
Opera: function() {
return navigator.userAgent.match(/Opera Mini/i);
},
Windows: function() {
return navigator.userAgent.match(/IEMobile/i);
},
any: function() {
return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
}
};
if (isMobile.any()) {} else {
$(expMain).on({
mouseenter: function() {
isPause = true;
},
mouseleave: function() {
isPause = false;
}
});
};
function startProgressbar() {
resetProgressbar();
percentTime = 0;
isPause = false;
tick = setInterval(interval, 10);
}
function interval() {
if (isPause === false) {
percentTime += 1 / (time + 0.1);
$bar.css({
width: percentTime + "%"
});
if (percentTime >= 100) {
$slick.slick('slickNext');
startProgressbar();
}
}
}
function resetProgressbar() {
$bar.css({
width: 0 + '%'
});
clearTimeout(tick);
}
startProgressbar();
});
</script>
</div>
</div>
</div>
</div><!-- End_Module_3206 -->
</div>
</div><!--end of empty container -->
</div>
</div>
<div id="content-pane-wrap">
<div class="content-wrap">
<div id="dnn_ContentPane" class="DNNEmptyPane"></div>
</div>
</div>
<div id="ContentPaneFullBleed84" class="container fullbleed">
<div class="row">
<div id="dnn_ContentPaneFullBleed8X" class="paneMarker col-lg-8 DNNEmptyPane"></div>
<div id="dnn_ContentPaneFullBleedX4" class="paneMarkerAlt col-lg-4 DNNEmptyPane"></div>
</div>
</div>
<div id="content-pane-wrap-84">
<div class="content-wrap container">
<div id="ContentPane84" class="row">
<div id="dnn_ContentPane8X" class="paneMarker col-lg-8 DNNEmptyPane"></div>
<div id="dnn_ContentPaneX4" class="paneMarkerAlt col-lg-4 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed2">
<div class="DnnModule DnnModule-SlideShow DnnModule-3207"><a name="3207"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3207_ContentPane"><!-- Start_Module_3207 -->
<style>
#media {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
<div id="media" class="home-section" style="background-image:url(https://media.defense.gov/2021/Jun/08/2002737402/1600/1600/0/210512-D-BM568-1287R.JPG);">
<div class="content-wrap">
<div class="media-banner">
<div class="multimedia-copy">
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-col-md-8">
<h3>Multimedia</h3>
<p>Take a look behind the lens at the missions and accomplishments of the men and women who serve in the U.S. armed forces.</p>
<a class="btn btn-sm btn-primary" href="/Multimedia/Photos">Photos</a>
<a class="btn btn-sm btn-primary" href="/Multimedia/Videos">Videos</a>
<a class="btn btn-sm btn-primary" href="/Multimedia">All Multimedia</a>
</div>
</div>
</div>
<div aria-hidden="true">
<div id="dnn_ctr3207_ModuleContent" class="DNNModuleContent ModSlideShowC">
<script type="text/javascript" src="https://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-55ccc85049045f9c">
var addthis_config = {
data_use_flash: false,
data_use_cookies: false,
ui_508_compliant: true
}
</script>
<script type="text/javascript" src="/DesktopModules/Slideshow/Resources/js/analyticsParamsForDVIDSAnalyticsAPI.js"></script>
<div id="gridlayout-slideshow-3207" class="gridlayout-slideshow">
<div class="gridlayout-slideshow-main"><!---->
<div class="gridlayout">
<div>
<div class="gridlayout-row">
<div class="gridlayout-cell" style="width: 25%;">
<div aspect-ratio="1.5750000000000002" class="cropzoomimg-container" style="height: 190.476px;"><!----> <!----> <a target="_blank" class="hover-overlay-link"><div class="hover-overlay-layer"><div class="hover-overlay-center"><div class="hover-overlay-icon icon-zoom-in"><i class="fas fa-search-plus"></i></div>
Hurricane Recovery
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2022/Oct/07/2003093320/900/510/0/221004-Z-IX859-3002C.JPG" class="cropzoomimg-img"></a></div>
</div>
<div class="gridlayout-cell" style="width: 25%;">
<div aspect-ratio="1.5750000000000002" class="cropzoomimg-container" style="height: 190.476px;"><!----> <!----> <a target="_blank" class="hover-overlay-link"><div class="hover-overlay-layer"><div class="hover-overlay-center"><div class="hover-overlay-icon icon-zoom-in"><i class="fas fa-search-plus"></i></div>
Twilight Training
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2022/Oct/07/2003093319/900/510/0/220926-N-PW725-015C.JPG" class="cropzoomimg-img"></a></div>
</div>
<div class="gridlayout-cell" style="width: 25%;">
<div aspect-ratio="1.5750000000000002" class="cropzoomimg-container" style="height: 190.476px;"><!----> <!----> <a target="_blank" class="hover-overlay-link"><div class="hover-overlay-layer"><div class="hover-overlay-center"><div class="hover-overlay-icon icon-zoom-in"><i class="fas fa-search-plus"></i></div>
Relief Prep
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2022/Oct/07/2003093318/900/510/0/221005-A-RK151-481C.JPG" class="cropzoomimg-img"></a></div>
</div>
<div class="gridlayout-cell" style="width: 25%;">
<div aspect-ratio="1.5750000000000002" class="cropzoomimg-container" style="height: 190.476px;"><!----> <!----> <a target="_blank" class="hover-overlay-link"><div class="hover-overlay-layer"><div class="hover-overlay-center"><div class="hover-overlay-icon icon-zoom-in"><i class="fas fa-search-plus"></i></div>
Overhead View
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2022/Oct/07/2003093317/900/510/0/220925-F-IH091-203C.JPG" class="cropzoomimg-img"></a></div>
</div>
</div>
</div>
<div>
<div class="gridlayout-row">
<div class="gridlayout-cell" style="width: 25%;">
<div aspect-ratio="1.5750000000000002" class="cropzoomimg-container" style="height: 190.476px;"><!----> <!----> <a target="_blank" class="hover-overlay-link"><div class="hover-overlay-layer"><div class="hover-overlay-center"><div class="hover-overlay-icon icon-zoom-in"><i class="fas fa-search-plus"></i></div>
Family Hug
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2022/Oct/07/2003093300/900/510/0/221003-F-XY111-9181R.JPG" class="cropzoomimg-img"></a></div>
</div>
<div class="gridlayout-cell" style="width: 25%;">
<div aspect-ratio="1.5750000000000002" class="cropzoomimg-container" style="height: 190.476px;"><!----> <!----> <a target="_blank" class="hover-overlay-link"><div class="hover-overlay-layer"><div class="hover-overlay-center"><div class="hover-overlay-icon icon-zoom-in"><i class="fas fa-search-plus"></i></div>
Software Test
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2022/Oct/07/2003093055/900/510/0/221003-N-MW880-2023A.JPG" class="cropzoomimg-img"></a></div>
</div>
<div class="gridlayout-cell" style="width: 25%;">
<div aspect-ratio="1.5750000000000002" class="cropzoomimg-container" style="height: 190.476px;"><!----> <!----> <a target="_blank" class="hover-overlay-link"><div class="hover-overlay-layer"><div class="hover-overlay-center"><div class="hover-overlay-icon icon-zoom-in"><i class="fas fa-search-plus"></i></div>
Falcons Refueling
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2022/Oct/07/2003093025/900/510/0/220817-Z-SX181-1149.JPG" class="cropzoomimg-img"></a></div>
</div>
<div class="gridlayout-cell" style="width: 25%;">
<div aspect-ratio="1.5750000000000002" class="cropzoomimg-container" style="height: 190.476px;"><!----> <!----> <a target="_blank" class="hover-overlay-link"><div class="hover-overlay-layer"><div class="hover-overlay-center"><div class="hover-overlay-icon icon-zoom-in"><i class="fas fa-search-plus"></i></div>
HIMARS Exercise
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2022/Oct/07/2003092976/900/510/0/220926-Z-UF566-1381.JPG" class="cropzoomimg-img"></a></div>
</div>
</div>
</div>
<div>
<div class="gridlayout-row">
<div class="gridlayout-cell" style="width: 25%;">
<div aspect-ratio="1.5750000000000002" class="cropzoomimg-container" style="height: 190.476px;"><!----> <!----> <a target="_blank" class="hover-overlay-link"><div class="hover-overlay-layer"><div class="hover-overlay-center"><div class="hover-overlay-icon icon-zoom-in"><i class="fas fa-search-plus"></i></div>
Special Delivery
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2022/Oct/07/2003092956/900/510/0/221005-A-RK151-522.JPG" class="cropzoomimg-img"></a></div>
</div>
<div class="gridlayout-cell" style="width: 25%;">
<div aspect-ratio="1.5750000000000002" class="cropzoomimg-container" style="height: 190.476px;"><!----> <!----> <a target="_blank" class="hover-overlay-link"><div class="hover-overlay-layer"><div class="hover-overlay-center"><div class="hover-overlay-icon icon-zoom-in"><i class="fas fa-search-plus"></i></div>
Bombs Away
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2022/Oct/06/2003092707/900/510/0/220913-F-AL288-1077C.JPG" class="cropzoomimg-img"></a></div>
</div>
<div class="gridlayout-cell" style="width: 25%;">
<div aspect-ratio="1.5750000000000002" class="cropzoomimg-container" style="height: 190.476px;"><!----> <!----> <a target="_blank" class="hover-overlay-link"><div class="hover-overlay-layer"><div class="hover-overlay-center"><div class="hover-overlay-icon icon-zoom-in"><i class="fas fa-search-plus"></i></div>
Stealth Approach
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2022/Oct/06/2003092705/900/510/0/220913-Z-SP755-1010C.JPG" class="cropzoomimg-img"></a></div>
</div>
<div class="gridlayout-cell" style="width: 25%;">
<div aspect-ratio="1.5750000000000002" class="cropzoomimg-container" style="height: 190.476px;"><!----> <!----> <a target="_blank" class="hover-overlay-link"><div class="hover-overlay-layer"><div class="hover-overlay-center"><div class="hover-overlay-icon icon-zoom-in"><i class="fas fa-search-plus"></i></div>
Squad Competition
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2022/Oct/06/2003092704/900/510/0/220929-A-AI379-0087C.JPG" class="cropzoomimg-img"></a></div>
</div>
</div>
</div> <!---->
</div>
</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/2003093320/",
target: "_self",
imageUrl: "https://media.defense.gov/2022/Oct/07/2003093320/900/510/0/221004-Z-IX859-3002C.JPG",
serverHiresImageUrl: "https://media.defense.gov/2022/Oct/07/2003093320/-1/-1/0/221004-Z-IX859-3002C.JPG",
preventDistortionClass: "",
title: "Hurricane Recovery",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "0",
link: "igphoto/2003093320/",
alt: "A guardsman throws a bag of ice.",
byLine: "Army National Guard Sgt. Jovi Prevot",
description: "A Florida Army National Guardsman supports distribution operations in Cape Coral, Fla., Oct. 4, 2022, in response to Hurricane Ian.",
primaryWidth: '765',
primaryHeight: '510',
serverIndex: '0',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
//// 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/2003093319/",
target: "_self",
imageUrl: "https://media.defense.gov/2022/Oct/07/2003093319/900/510/0/220926-N-PW725-015C.JPG",
serverHiresImageUrl: "https://media.defense.gov/2022/Oct/07/2003093319/-1/-1/0/220926-N-PW725-015C.JPG",
preventDistortionClass: "",
title: "Twilight Training",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "1",
link: "igphoto/2003093319/",
alt: "A soldier fires a weapon from behind a vehicle door as another soldier mans a gun on top of the vehicle at night.",
byLine: "Navy 1st Lt. Robert Kunzig",
description: "Soldiers fire an M240 machine gun during a live-fire exercise alongside British troops at Grafenwoehr Training Area, Germany, Sept. 22, 2022.",
primaryWidth: '765',
primaryHeight: '510',
serverIndex: '1',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
//// 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/2003093318/",
target: "_self",
imageUrl: "https://media.defense.gov/2022/Oct/07/2003093318/900/510/0/221005-A-RK151-481C.JPG",
serverHiresImageUrl: "https://media.defense.gov/2022/Oct/07/2003093318/-1/-1/0/221005-A-RK151-481C.JPG",
preventDistortionClass: "",
title: "Relief Prep",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "2",
link: "igphoto/2003093318/",
alt: "A soldier stands in the back of a truck as another person loads in cargo.",
byLine: "Army Spc. Christian Wilson",
description: "Soldiers pack a military vehicle full of food, water and tarps for distribution in Englewood, Fla., Oct. 5, 2022, during Hurricane Ian relief efforts.",
primaryWidth: '765',
primaryHeight: '510',
serverIndex: '2',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
//// 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/2003093317/",
target: "_self",
imageUrl: "https://media.defense.gov/2022/Oct/07/2003093317/900/510/0/220925-F-IH091-203C.JPG",
serverHiresImageUrl: "https://media.defense.gov/2022/Oct/07/2003093317/-1/-1/0/220925-F-IH091-203C.JPG",
preventDistortionClass: "",
title: "Overhead View",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "3",
link: "igphoto/2003093317/",
alt: "A look from inside a cockpit at an airman in midair as three other aircraft fly below.",
byLine: "Courtesy photo",
description: "The Thunderbirds, the Air Force's flight demonstration squadron, perform at the Frontiers in Flight Open House and Air Show at McConnell Air Force Base, Kan., Sept. 25, 2022.",
primaryWidth: '765',
primaryHeight: '510',
serverIndex: '3',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
//// 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/2003093300/",
target: "_self",
imageUrl: "https://media.defense.gov/2022/Oct/07/2003093300/900/510/0/221003-F-XY111-9181R.JPG",
serverHiresImageUrl: "https://media.defense.gov/2022/Oct/07/2003093300/-1/-1/0/221003-F-XY111-9181R.JPG",
preventDistortionClass: "",
title: "Family Hug",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "4",
link: "igphoto/2003093300/",
alt: "An airman kneels on pavement while sharing an embrace with three family members.",
byLine: "Air Force Airman 1st Class Christian Silvera",
description: "Air Force 1st Lt. Russell Bowman embraces his family at Joint Base Charleston, S.C., Oct. 3, 2022, upon returning from a deployment.",
primaryWidth: '765',
primaryHeight: '510',
serverIndex: '4',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
//// 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/2003093055/",
target: "_self",
imageUrl: "https://media.defense.gov/2022/Oct/07/2003093055/900/510/0/221003-N-MW880-2023A.JPG",
serverHiresImageUrl: "https://media.defense.gov/2022/Oct/07/2003093055/-1/-1/0/221003-N-MW880-2023A.JPG",
preventDistortionClass: "",
title: "Software Test",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "5",
link: "igphoto/2003093055/",
alt: "A sailor places a circuit board into a machine.",
byLine: "Navy Petty Officer 3rd Class Samuel Wagner",
description: "Navy Petty Officer 2nd Class Hannah Rice inserts software for testing on board the aircraft carrier USS George H.W. Bush during operations in the Adriatic Sea, Oct. 3, 2022.",
primaryWidth: '765',
primaryHeight: '510',
serverIndex: '5',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
//// 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/2003093025/",
target: "_self",
imageUrl: "https://media.defense.gov/2022/Oct/07/2003093025/900/510/0/220817-Z-SX181-1149.JPG",
serverHiresImageUrl: "https://media.defense.gov/2022/Oct/07/2003093025/-1/-1/0/220817-Z-SX181-1149.JPG",
preventDistortionClass: "",
title: "Falcons Refueling",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "6",
link: "igphoto/2003093025/",
alt: "Four smaller aircraft surround a larger aircraft in flight.",
byLine: "Air Force Senior Airman Nicholas Faddis",
description: "Air Force F-16C Falcons are refueled by a KC-135R Stratotanker, Aug. 17, 2022.",
primaryWidth: '765',
primaryHeight: '510',
serverIndex: '6',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
//// 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/2003092976/",
target: "_self",
imageUrl: "https://media.defense.gov/2022/Oct/07/2003092976/900/510/0/220926-Z-UF566-1381.JPG",
serverHiresImageUrl: "https://media.defense.gov/2022/Oct/07/2003092976/-1/-1/0/220926-Z-UF566-1381.JPG",
preventDistortionClass: "",
title: "HIMARS Exercise",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "7",
link: "igphoto/2003092976/",
alt: "A soldier sits on top on a moving vehicle behind a wire fence.",
byLine: "Army Sgt. Lianne Hirano",
description: "Army Sgt. Jacob J. Keefe, a High Mobility Artillery Rocket System crew member, directs the movement of other HIMARS vehicles during a Latvian-led field artillery live-fire exercise in Liepāja, Latvia, Sept. 26, 2022.",
primaryWidth: '765',
primaryHeight: '510',
serverIndex: '7',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
//// 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/2003092956/",
target: "_self",
imageUrl: "https://media.defense.gov/2022/Oct/07/2003092956/900/510/0/221005-A-RK151-522.JPG",
serverHiresImageUrl: "https://media.defense.gov/2022/Oct/07/2003092956/-1/-1/0/221005-A-RK151-522.JPG",
preventDistortionClass: "",
title: "Special Delivery",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "8",
link: "igphoto/2003092956/",
alt: "A soldier delivers tarps to residents.",
byLine: "Army Spc. Christian Wilson",
description: "A National Guard soldier delivers aid to residents of Englewood, Fla., during relief efforts in the aftermath of Hurricane Ian, Oct. 5, 2022. Englewood is located in Charlotte County, one of the areas most heavily impacted by the hurricane.",
primaryWidth: '765',
primaryHeight: '510',
serverIndex: '8',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
//// 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/2003092707/",
target: "_self",
imageUrl: "https://media.defense.gov/2022/Oct/06/2003092707/900/510/0/220913-F-AL288-1077C.JPG",
serverHiresImageUrl: "https://media.defense.gov/2022/Oct/06/2003092707/-1/-1/0/220913-F-AL288-1077C.JPG",
preventDistortionClass: "",
title: "Bombs Away",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "9",
link: "igphoto/2003092707/",
alt: "Two airman attach a bomb to an aircraft.",
byLine: "Air Force Airman 1st Class Paige Weldon",
description: "Air Force Airman 1st Class Zamarys Ramirez and Staff Sgt. Bryanna Hendrickson mount an air-to-ground bomb on an A-10 Thunderbolt II at Davis-Monthan Air Force Base, Ariz., Sept. 13, 2022.",
primaryWidth: '765',
primaryHeight: '510',
serverIndex: '9',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
//// 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/2003092705/",
target: "_self",
imageUrl: "https://media.defense.gov/2022/Oct/06/2003092705/900/510/0/220913-Z-SP755-1010C.JPG",
serverHiresImageUrl: "https://media.defense.gov/2022/Oct/06/2003092705/-1/-1/0/220913-Z-SP755-1010C.JPG",
preventDistortionClass: "",
title: "Stealth Approach",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "10",
link: "igphoto/2003092705/",
alt: "An airman moves through waters up to his shoulders shielding himself with a bag and a weapon.",
byLine: "Air Force Master Sgt. Steph Sawyer",
description: "An airman conducts maritime training in the Columbia River in Portland, Ore., Sept. 13, 2022.",
primaryWidth: '765',
primaryHeight: '510',
serverIndex: '10',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
//// 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/2003092704/",
target: "_self",
imageUrl: "https://media.defense.gov/2022/Oct/06/2003092704/900/510/0/220929-A-AI379-0087C.JPG",
serverHiresImageUrl: "https://media.defense.gov/2022/Oct/06/2003092704/-1/-1/0/220929-A-AI379-0087C.JPG",
preventDistortionClass: "",
title: "Squad Competition",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "11",
link: "igphoto/2003092704/",
alt: "Soldiers stand in a group looking at papers.",
byLine: "Marine Corps Cpl. DeAndre Dawkins",
description: "Soldiers participate in the Army Best Squad Competition at Fort Bragg, N.C., Sept. 29, 2022.",
primaryWidth: '765',
primaryHeight: '510',
serverIndex: '11',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
// console.log('slides', slides);
window.addEventListener("load", function() {
opts.slides = slides;
attachGridSlideshow("#grid-id-3207", opts);
});
})();
</script>
</div>
</div>
</div>
</div>
</div><!-- End_Module_3207 -->
</div>
</div><!--end of empty container -->
</div>
</div>
<div id="content-pane-wrap2">
<div class="content-wrap">
<div id="dnn_ContentPane2" class="DNNEmptyPane"></div>
</div>
</div>
<div id="ContentPaneFullBleed75" class="container fullbleed">
<div class="row">
<div id="dnn_ContentPaneFullBleed7X" class="paneMarker col-lg-7 DNNEmptyPane"></div>
<div id="dnn_ContentPaneFullBleedX5" class="paneMarkerAlt col-lg-5 DNNEmptyPane"></div>
</div>
</div>
<div id="content-pane-wrap-75">
<div class="content-wrap container">
<div id="ContentPane75" class="row">
<div id="dnn_ContentPane7X" class="paneMarker col-lg-7 DNNEmptyPane"></div>
<div id="dnn_ContentPaneX5" class="paneMarkerAlt col-lg-5 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed3" class="DNNEmptyPane"></div>
<div id="content-pane-wrap3">
<div class="content-wrap">
<div id="dnn_ContentPane3" class="DNNEmptyPane"></div>
</div>
</div>
<div id="ContentPaneFullBleed66" class="container fullbleed">
<div class="row">
<div id="dnn_ContentPaneFullBleed6X" class="paneMarker col-lg-6 DNNEmptyPane"></div>
<div id="dnn_ContentPaneFullBleedX6" class="paneMarkerAlt col-lg-6 DNNEmptyPane"></div>
</div>
</div>
<div id="content-pane-wrap-66">
<div class="content-wrap container">
<div id="ContentPane66" class="row">
<div id="dnn_ContentPane6X" class="paneMarker col-lg-6 DNNEmptyPane"></div>
<div id="dnn_ContentPaneX6" class="paneMarkerAlt col-lg-6 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed4" class="DNNEmptyPane"></div>
<div id="content-pane-wrap4">
<div class="content-wrap">
<div id="dnn_ContentPane4" class="DNNEmptyPane"></div>
</div>
</div>
<div id="ContentPaneFullBleed57" class="container fullbleed">
<div class="row">
<div id="dnn_ContentPaneFullBleedX7" class="paneMarkerAlt col-lg-7 col-lg-push-5 DNNEmptyPane"></div>
<div id="dnn_ContentPaneFullBleed5X" class="paneMarker col-lg-5 col-lg-pull-7 DNNEmptyPane"></div>
</div>
</div>
<div id="content-pane-wrap-57">
<div class="content-wrap container">
<div id="ContentPane57" class="row">
<div id="dnn_ContentPaneX7" class="paneMarkerAlt col-lg-7 col-lg-push-5 DNNEmptyPane"></div>
<div id="dnn_ContentPane5X" class="paneMarker col-lg-5 col-lg-pull-7 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed5" class="DNNEmptyPane"></div>
<div id="content-pane-wrap5">
<div class="content-wrap">
<div id="dnn_ContentPane5" class="DNNEmptyPane"></div>
</div>
</div>
<div id="ContentPaneFullBleed48" class="container fullbleed">
<div class="row">
<div id="dnn_ContentPaneFullBleedX8" class="paneMarkerAlt col-lg-8 col-lg-push-4 DNNEmptyPane"></div>
<div id="dnn_ContentPaneFullBleed4X" class="paneMarker col-lg-4 col-lg-pull-8 DNNEmptyPane"></div>
</div>
</div>
<div id="content-pane-wrap-48">
<div class="content-wrap container">
<div id="ContentPane48" class="row">
<div id="dnn_ContentPaneX8" class="paneMarkerAlt col-lg-8 col-lg-push-4 DNNEmptyPane"></div>
<div id="dnn_ContentPane4X" class="paneMarker col-lg-4 col-lg-pull-8 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed6" class="DNNEmptyPane"></div>
<div id="content-pane-wrap6">
<div class="content-wrap">
<div id="dnn_ContentPane6" class="DNNEmptyPane"></div>
</div>
</div>
</main>
<div id="footer">
<div class="footer-inner content-wrap content-wrap-wide">
<div class="dgov-grid">
<div class="dgov-col-auto">
<div class="dgov-grid">
<div id="dnn_Footer_footerNavCol1" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
<h3>Defense.gov<i class="fas fa-chevron-down"></i></h3>
<ul class="footer-nav">
<li class=""><a href="/"><span class="text text-link-18">Home</span></a></li>
<li class=""><a href="/News/"><span class="text text-link-20">News</span></a></li>
<li class=""><a href="/Spotlights/ "><span class="text text-link-22">Spotlights</span></a></li>
<li class=""><a href="/About/"><span class="text text-link-21">About</span></a></li>
</ul>
</div>
<div id="dnn_Footer_footerNavCol2" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
<h3>Helpful Links<i class="fas fa-chevron-down"></i></h3>
<ul class="footer-nav">
<li class=""><a href="/Live"><span class="text text-link-23">Live Events</span></a></li>
<li class=""><a href="/News/Today-in-DOD/"><span class="text text-link-24">Today in DOD</span></a></li>
<li class=""><a href="/News/Contracts/"><span class="text text-link-25">Contracts</span></a></li>
<li class=""><a href="/Resources/For-the-Media/"><span class="text text-link-26">For the Media</span></a></li>
<li class=""><a href="/Help-Center/#contact"><span class="text text-link-27">Contact</span></a></li>
</ul>
</div>
<div id="dnn_Footer_footerNavCol3" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
<h3>Resources<i class="fas fa-chevron-down"></i></h3>
<ul class="footer-nav">
<li class=""><a href="/Resources/ "><span class="text text-link-28">DOD Resources</span></a></li>
<li class=""><a href="/resources/social-media-policy/"><span class="text text-link-53">DOD Social Media Policy</span></a></li>
<li class=""><a href="/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/FY2023-Defense-Budget/"><span class="text text-link-34">FY 2023 Defense Budget</span></a></li>
<li class=""><a href="/Explore/Spotlight/Coronavirus/ "><span class="text text-link-33">Coronavirus: DOD Response</span></a></li>
<li class=""><a href="/Explore/Spotlight/Artificial-Intelligence/"><span class="text text-link-48">Artificial Intelligence</span></a></li>
<li class=""><a href="/Explore/Spotlight/DOD-Space-Strategy/"><span class="text text-link-36">DOD Space Strategy</span></a></li>
</ul>
</div>
</div>
</div>
<div class="right-col dgov-col-md-12 dgov-col-lg-4">
<div class="right-col-inner">
<div class="mission">
<img class="footer-logo" alt="U.S. Department of Defense logo" src="/Portals/1/Images/DOD-Icon-Header.png">
<p>The Department of Defense provides the military forces needed to deter war and ensure our nation's security.</p>
</div>
<div class="footer-search-wrap">
<label class="sr-only" for="footer-search-input">Enter Your Search Terms</label>
<i class="fa fa-search" id="fa-search-icon-bottom"></i>
<input type="search" id="footer-search-input" name="footer-search" maxlength="256" placeholder="Search...">
</div>
</div>
</div>
</div>
</div>
</div>
<footer id="footer-main">
<div class="utility-nav">
<ul class="">
<li class=""><a href="/Legal-Administrative/Privacy-Security/ "><span class="text text-link-12">Privacy & Security</span></a></li>
<li class=""><a href="/Legal-Administrative/Links-Disclaimer/ "><span class="text text-link-17">Links Disclaimer</span></a></li>
<li class=""><a href="http://dodcio.defense.gov/DoDSection508/Std_Stmt.aspx" target="_blank" rel="noopener noreferrer"><span class="text text-link-13">Section 508</span></a></li>
<li class=""><a href="/resources/social-media-policy/"><span class="text text-link-52">DOD Social Media Policy</span></a></li>
<li class=""><a href="http://dodcio.defense.gov/DoD-Web-Policy/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-14">Web Policy</span></a></li>
<li class=""><a href="http://www.esd.whs.mil/DD/plainlanguage/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-37">Plain Writing Act</span></a></li>
<li class=""><a href="http://www.dodig.mil/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-38">DOD IG</span></a></li>
<li class=""><a href="https://policy.defense.gov/OUSDP-Offices/Reporting-Civilian-Casualties/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-39">Reporting Civilian Casualties</span></a></li>
<li class=""><a href="http://prhome.defense.gov/NoFear/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-40">No FEAR Act</span></a></li>
<li class=""><a href="http://www.dimoc.mil/resources/limitations/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-41">Imagery Use</span></a></li>
<li class=""><a href="https://www.esd.whs.mil/FOID/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-42">FOIA</span></a></li>
<li class=""><a href="http://open.defense.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-43">Open GOV</span></a></li>
<li class=""><a href="https://dam.defense.gov/Publications/NDBOP/" target="_blank" rel="noopener noreferrer"><span class="text text-link-44">Strategic 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="/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="Twitter"><span class="social-icon fa fa-twitter social-link-5"></span></a></li>
<li class=""><a href="https://www.facebook.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="Facebook"><span class="social-icon fa fa-facebook social-link-6"></span></a></li>
<li class=""><a href="https://www.instagram.com/deptofdefense/" target="_blank" rel="noopener noreferrer" title="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"><span class="social-icon fa fa-linkedin social-link-51"></span></a></li>
<li class=""><a href="https://www.youtube.com/deptofdefense" target="_blank" rel="noopener noreferrer" title="YouTube"><span class="social-icon fa 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=1249" type="text/javascript"></script>
</form>Text Content
Skip to main content (Press Enter).
An official website of the United States Government
Here's how you know
Official websites use .gov
A .gov website belongs to an official government organization in the United
States.
Secure .gov websites use HTTPS
A lock ( lock ) or https:// means you’ve safely connected to the .gov website.
Share sensitive information only on official, secure websites.
*
*
*
*
*
U.S. DepartmentofDefense
* Back
* Home
* Place Holder
*
* News
* Press Products
* Today in DOD
* Live Events
* Releases
* Advisories
* Transcripts
* Speeches
* Publications
* Contracts
* Newsroom
* News Stories
* Feature Stories
* Stories from the Services
* Multimedia
* Photos
* Videos
* Interactive Experiences
* Spotlights
* Trending Issues
* Taking Care of Our People
* NATO
* FY 2023 Defense Budget
* Support for Ukraine
* Topics
* Science & Technology
* Coronavirus
* Face of Defense
* All Spotlights
* About
* Leadership
* Secretary of Defense
* Deputy Secretary of Defense
* Chairman of the Joint Chiefs of Staff
* Vice Chairman of the Joint Chiefs of Staff
* Office of the Secretary of Defense
* More Leaders
* Components
* Army
* Marine Corps
* Navy
* Air Force
* Space Force
* Coast Guard
* National Guard
* Combatant Commands
Search
Search Search
* Back
* Home
* Place Holder
*
* News
* Press Products
* Today in DOD
* Live Events
* Releases
* Advisories
* Transcripts
* Speeches
* Publications
* Contracts
* Newsroom
* News Stories
* Feature Stories
* Stories from the Services
* Multimedia
* Photos
* Videos
* Interactive Experiences
* Spotlights
* Trending Issues
* Taking Care of Our People
* NATO
* FY 2023 Defense Budget
* Support for Ukraine
* Topics
* Science & Technology
* Coronavirus
* Face of Defense
* All Spotlights
* About
* Leadership
* Secretary of Defense
* Deputy Secretary of Defense
* Chairman of the Joint Chiefs of Staff
* Vice Chairman of the Joint Chiefs of Staff
* Office of the Secretary of Defense
* More Leaders
* Components
* Army
* Marine Corps
* Navy
* Air Force
* Space Force
* Coast Guard
* National Guard
* Combatant Commands
* Legal & Administrative
* Privacy & Security
* Links Disclaimer
* Section 508
* DOD Social Media Policy
* Web Policy
* Plain Writing Act
* DOD IG
* Reporting Civilian Casualties
* No FEAR Act
* Imagery Use
* FOIA
* Open GOV
* Strategic Plan
* USA.gov
* Small Business Act
* Site Map
*
*
*
*
*
U.S. DEPARTMENT OF DEFENSE
News
ALLIES CONDUCT NAVAL DEFENSE EXERCISES FOLLOWING NORTH KOREA MISSILE LAUNCHES
In response to provocation from North Korea, the USS Ronald Reagan Carrier
Strike Group arrived in the Sea of Japan to conduct trilateral ballistic missile
defense exercises with Japanese and South Korean vessels.
yesterday
Allies Conduct Naval Defense Exercises Following North Korea Missile Launches
Spotlight | Sept. 22, 2022
TAKING CARE OF OUR PEOPLE
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.
Read More
Taking Care of Our People
Spotlight | July 6, 2021
HURRICANE PREPAREDNESS
Hurricane season is from June to November, but preparation, response and
recovery are ongoing throughout the year. The Defense Department stands ready
with troops, equipment and other capabilities to assist local and federal
authorities prepare and provide humanitarian and disaster response support.
Read More
Hurricane Preparedness
Spotlight | June 23, 2021
SECRETARY OF DEFENSE LLOYD J. AUSTIN III
As the 28th secretary of defense, Lloyd J. Austin III is the principal assistant
to the president in all matters relating to the Department of Defense and also
serves on the National Security Council.
Read More
Secretary of Defense Lloyd J. Austin III
NEWS
News | yesterday
DOD, OTHER AGENCIES RELEASE CLIMATE ADAPTATION PROGRESS REPORTS
The Defense Department, along with federal agencies across the government,
released its 2022 Climate Adaptation Plan Progress Reports.
DOD, Other Agencies Release Climate Adaptation Progress Reports
News | yesterday
COMMISSARY ANNOUNCES PLAN TO LOWER PRICES EVEN FURTHER
Service members and their families will soon see a 3-5% decrease in pricing on
most grocery items in commissaries as part of a Defense Department initiative to
bolster their economic security and stability.
Commissary Announces Plan to Lower Prices Even Further
News | Oct. 4, 2022
HIMARS, EXCALIBUR ROUNDS IN LATEST UKRAINE SECURITY ASSISTANCE PACKAGE
The Defense Department announced an additional $625 million in security
assistance which will include equipment specifically tailored to what Ukraine
needs in the short term.
HIMARS, Excalibur Rounds in Latest Ukraine Security Assistance Package
Spotlight
SUPPORT FOR UKRAINE
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.
Support for Ukraine
Spotlight
TACKLING THE CLIMATE CRISIS
The planet's changing climate has a significant effect on Defense Department
missions, plans and installations. DOD is elevating climate change as a national
security priority, integrating climate considerations into policies, strategies
and partner engagements.
Tackling the Climate Crisis
Spotlight
CORONAVIRUS: DOD RESPONSE
The Defense Department is working closely with the Department of Health and
Human Services and the State Department to provide support in dealing with the
coronavirus outbreak.
Coronavirus: DOD Response
PRESS PRODUCTS
--------------------------------------------------------------------------------
Release | 22 hours ago
READOUT OF U.S.-JAPAN-SOUTH KOREA DEFENSE TRILATERAL CALL
Readout of U.S.-Japan-South Korea Defense Trilateral Call
--------------------------------------------------------------------------------
Transcript | yesterday
PENTAGON PRESS SECRETARY AIR FORCE BRIG. GEN. PAT RYDER HOLDS AN ON-CAMERA PRESS
BRIEFING
Pentagon Press Secretary Air Force Brig. Gen. Pat Ryder Holds an On-Camera Press
Briefing
--------------------------------------------------------------------------------
Release | yesterday
UNDERSECRETARY OF DEFENSE FOR POLICY COLIN KAHL'S TRAVEL TO PARIS FOR
U.S.-FRANCE STRATEGIC DIALOGUE, EUROPEAN QUADRILATERAL MEETINGS
Undersecretary of Defense for Policy Colin Kahl's Travel to Paris for
U.S.-France Strategic Dialogue, European Quadrilateral Meetings
FROM THE SERVICES
Army
COMMAND FOCUSES ON 'ALL THINGS PEOPLE'
Command Focuses on 'All Things People'
Marine Corps
LOGISTICIANS CONDUCT EXERCISE MALTESE FALCON
Logisticians Conduct Exercise Maltese Falcon
Navy
RECRUITING COMMAND ANNOUNCES FISCAL 2022 RESULTS, 2023 GOALS
Recruiting Command Announces Fiscal 2022 Results, 2023 Goals
Air Force
EVENTS HONOR OUTSTANDING AIRMEN OF THE YEAR
Events Honor Outstanding Airmen of the Year
Space Force
SPACE OPS CHIEF VISITS PARTNERS IN JAPAN
Space Ops Chief Visits Partners in Japan
National Guard
NEW TOOL ALERTS COLORADO, CALIFORNIA GUARDS TO WILDFIRES
New Tool Alerts Colorado, California Guards to Wildfires
VETERAN RESOURCE
INTERACTIVE EXPERIENCES
EXPERIENCE DOD
Use left and right arrow keys to navigate this slide show.
We Prepare. You Should, Too.
WE PREPARE. YOU SHOULD, TOO.
Service members train and prepare year-round so when disasters strike, troops
are ready to help those in harm's way. Learn how you can prepare, too.
You Can Vote From Anywhere
YOU CAN VOTE FROM ANYWHERE
The Federal Voting Assistance Program works to ensure service members, their
eligible family members, and overseas citizens have the tools and resources to
successfully vote from anywhere in the world.
These Heroes Are Not Forgotten
THESE HEROES ARE NOT FORGOTTEN
Thousands of American service personnel are missing from previous conflicts and
the Defense POW/MIA Agency remains relentless in its mission to provide the
fullest possible accounting to their families and the nation, until they’re
home.
* 1
* 2
* 3
MULTIMEDIA
Take a look behind the lens at the missions and accomplishments of the men and
women who serve in the U.S. armed forces.
Photos Videos All Multimedia
Hurricane Recovery
Twilight Training
Relief Prep
Overhead View
Family Hug
Software Test
Falcons Refueling
HIMARS Exercise
Special Delivery
Bombs Away
Stealth Approach
Squad Competition
DEFENSE.GOV
* Home
* News
* Spotlights
* About
HELPFUL LINKS
* Live Events
* Today in DOD
* Contracts
* For the Media
* Contact
RESOURCES
* DOD Resources
* DOD Social Media Policy
* Help Center
* DOD / Military Websites
* Agency Financial Report
POPULAR
* FY 2023 Defense Budget
* Coronavirus: DOD Response
* Artificial Intelligence
* DOD Space Strategy
The Department of Defense provides the military forces needed to deter war and
ensure our nation's security.
Enter Your Search Terms
* Privacy & Security
* Links Disclaimer
* Section 508
* DOD Social Media Policy
* Web Policy
* Plain Writing Act
* DOD IG
* Reporting Civilian Casualties
* No FEAR Act
* Imagery Use
* FOIA
* Open GOV
* Strategic Plan
* USA.gov
* Small Business Act
* Site Map
*
*
*
*
*
Subscribe
Hosted by Defense Media Activity - WEB.mil
PreviousNextSlideshow