www.defense.gov
Open in
urlscan Pro
2600:1401:c000:48f::3a30
Public Scan
Submitted URL: http://media.dma.mil/
Effective URL: https://www.defense.gov/
Submission Tags: tag
Submission: On September 19 via api from GB — Scanned from GB
Effective URL: https://www.defense.gov/
Submission Tags: tag
Submission: On September 19 via api from GB — Scanned from GB
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="__VIEWSTATE" id="__VIEWSTATE"
value="LcjgBknKDsc5bpML08dEZ43VLmEqKU1MvGkQNpydQJFi7KGLLJthgncW1hS5m0uMmjn8KYqilA/KJinENRbH3+Yw3L7INQJXGgRz1VJ+OWHs417gr8Sy87DR3HYMgQF4cE9wswgyEjvYk7fTyCpa4yNWaSQNDtQRTfnjnwF1Ww4q04CmWdrW7e6LaJ9NpUnKMkMpy61Bi8VwM31eggbyXRv+dAd8U8aszkkisYtQeMqi/N7RtQwy+oTRaVAr7nbMLNvYsJMRKEHAZmcfTzJfNhIoLiPEAhRJNUMfT/e14ERUlIvA0ri5wOQ59Y6e8XYrx2lZOImRtbNNyMvYQBY7veSapGE0spDXe+N9hpcEK8IrbA0S+KwQu4bJm5vSglqZ/sBCxV9a2OUfd7ipaZbFEgHnbyGt049RNahRcLLt1OYvOy4prUkgFjHvBMEShxMCLzQLGP2Tgg6dk7BS9zk2ogNguX2dEFtMyBM2EjcWWgjiNVsTP7aBwDYOgmgS4HSjXUMlJg+IJN6uW1jq4SjKCxq70sspZCpThzHQPccFcsZXHo70VyyNiP7khZCpwVx0uq+Z/TK/w2FmPmfBi/+4PfW3edNeDrun8BJT8OfJGPVj2dZcLc6avkx1eX35HZLeUWCWlmzzarZbsk9gzHbOBiyoz2zLskpMd8SdhKpASkE6Bj0dqP9AWaxg66GCh/3/C3W4ny+wqhHFld9Yf79Q83Tz/9U5T/4Ibm/kcvkaMP8ujaEyp3EBaZ1uLHzneteB2TF5AZDkaIh5cddUPWmJk9eqcfTeWeU2Bivpg26PGNPPgbNFze/kw0VczDRXuVLEB1YLmPJqTrR999Gu8e8g8DuVuul6dx3A/k8zKk1TisYzQ0gZblCXFynCSDp0IHHZ4kjNDEcFL1tBd0D0NyriJ2sUf2WVacFgG/o7ByFOioQShmKHXHcUdkjG60rgRppTBqOsE6piKdDHRcQYw0Q3z/XUGjbgSKeOGj+irHneSVVwAznwIag+1pgiGpJU8eJMMrjao4JcewnRk+tFs3ERUQy2mv0MnsQaN/qAcau3MyeoqfkrLpp2dV9G24J9wd+WscNy+Ii+WcJ59n9G/WpzvYOV9toXnoqAfNQKpyZV5hp9lKKdbnkJLVCHZMljH+vY6yskqUbotms1cRYb1/I1+MCxXykNg7v4pgadrFZNCo2K10lpTtEdcZAKbN4uUr4jq1Srs84IKQw/nzVl474W45el0Bq43fXI04qvuLmz1DiROg2+1aKIyoOYdNy5Yku04dCevltKy27YIvon06e0l7Ew6SToVFh3jQYQwOkhzQr1cuytIZcsQLhIzeSOPnwg6pZXJjKFq7ktbiluJRi6C0D2YZFcNoyIkt8kp85P+2SwszzA7ndp+mphjlDISVGL+ESzgIenJwnjf4+BT8u35mK62Tk8IdC/Xm0RHZAUPLazIMmt3sUOCPLfwExog3c/XtzbXsxwe+/Os+Yw5JEScGePn2lJNJp0abHJnw4PXHL4S77p3Yz0e+X9iBWTOy+CXB08EDIOlQYWw9q//HFmuRHwj2hP1MWdYyELhtLWHe3t9rJUyd0y1o1ymCr1xDWf7msKNzcl+TZtazXphWuB4L17J/g4xDxC+kMxkJLIfbcWUF8vAWtS7tNg+cj82REDekzXoBXVPjDQC8qsLFzNS6yw1PV6/TfxAleM4K24RQwsCWTijaFI4cFhVl/Zb9Ch1x9cBP6l7yW4Xwdu5Fobt8LwfUyGMAUcZlqxckzZ88axtfNMVRkTx691A2lR8/t/qJslHBtZU2LFApJggOw/yfSSls7tXeeHnVCjViLpIUiIYFcAqTarmnNjq4mjA4jkdBaJPwbPdn7GV/e/qKdxz/YgupMiTH/al5ecd/j1DUggYYAc8ooVmXM0QaeL4DXOOlfytvlnloKBM6wTM8ffAhajYFmhyO94D904THsrdnu3RVnIMJvkIEraGAb+3b2pp9VT98x72AiKcPeGeXhlkMCjWjeS2mdKelUvPtY0B5vgS4jQDu0g7SPve+rmUWizaodIsUfJICjy1PmFm4Nj/8Wz6EsoAsXv7axC9vhpW9681dhpB8pD6Z00Y/kyRdd6ntfEZAUynJrjtKErrfhTtuFg9/spT8BYZoqDknm1+akBbredqLcc7AuZxAlZAQE/BLKGV5szS3IP4xf9NPjU/dw/jU6pjVkOI7BG+NDhinjz/+AL7HLOrStPaah70Fd/phH8L2pnOtSOncJY/PtAnDqr0bzvIKDhCbwkDYgzht7oIfYx/QmXzrDB4t2TvPczpONzPaj4C/dCqNuLBWCLfmz4mjNttgj6ltVXh2dhLES42+qsUAQDhOZJbwLet9kw/kDYui1JTwTHME/Tle/uVVCEMvmKHm6VuUoVmSGjcEDmrk36lapRYh94oerUDg3hPzB1fW3v+KoZ2udJBt+qyK6UP//HoTvma0mVfZ3NgfTdeztSzpZXZyl3NCiKgnD6J+ZjfTWuCnsqHJYP7dyTAjDvsCs3lMTjl08o3tLYwsgilDQm57T8d4zzt0Z7myPXmeyC3J/ZY1w5dqFG6N3RyY02oN0H6li7SQmi1liVUnebu5FwvdVjmwz4YZfiee5iMQujeISici0LIcu0QjySB7zehpg69upATecF5ewS4GwQEPfoAIIrmXA+kiY32QoXNNunHC/zOnR5Bq9CVxS261Kw51arkjorZfhpSjq/8DsgoF5BQ84sqrCCgTykm7XK7l/q/qmivDgxl4FlB2jYXhz3uPx8dmiUiwD73fzITFtidBq8BWEc0t+VP30RGaem0Gh5g/EubqJjpvSRePidZEa/dUzHl5n311hW/+QvzmRT7GRQd+F5DhSjecRR+eU7yNjPSVOkIF2rXPqW1fkSpikyTwVu5WMq+y2D7a+fdRlVkTRJp8hvaMH9CD985gqM7a0z316nvdFNtL3ZInUx436SOPfFYZ2UFaJXKOXQkAyIF6qe2OMgvoDc4ZuzCK7PsSc3BqOJnccz+8MdDKyJhThgyL5ttDqyvtsL6wntet2+ZhiVvkVmqyIRLUV4i2VhGLWXJa6l+fupCJtD3+3lnP5UIZzPnJUv1x1nCBlh7HYYsOTf0667DVImDDMue+qilhArSe8wIELXnCdRBG6CVT03f51kqRLFBOrAk54BbtFdWkOtMoIZY0pU0QQwQ1NBMvcny+S/+1aeb3uYiYEMcfQhPWmmpMB7+4VegRQLaMmvUHxu4gf03+iRUofergBgp8vW0gSSq9yeeGOETHx4jAvVh8prXQ2KKFaSlxvIEq08uA+t/6emxeWX6fQrnXJEF+a6BNi5iVvaUDJmiNiOlC+CF9AucSpnHHC0IBDfovlqXkj7HTK81V+NZeoo0QHLOs6Q6uNsTWQmSWI7h8HrpXDukvHmhKS1EhBP8v0lmcyVddAyij+ItDoapDzoVm0VNss6WrmAUn4NcMayw9SVa5ZC3UTdI9ZmP8yLQRSKoDulHSYTSq7xuCTDC0GjXBW+VcbIQH5mIehRa57Rcm1cOaEhbltCyrN1MFYBImp3xxL+4e4VffitdVfu0crliFo1P4dM+aTpv5QfTyR8SnzhrooeSfchQRJUzqaSyKv7wZYfRlc48zHtMtorUxKVGgJLrihMJ3UM9ada5htXS+myoD5puwEYhzJZ8c7mPAXU8Sk5+Ns2VMdygtC3DMCz+BptBzVAcbWywcl3Y5NHOmyzX4cug0tDutpXORMxP5XZBJL6pfs7KUowndKxO4/bveXxIiwalsKrCuZnu9kx0qtc+wpEK/1gzYllSIXIM6FPbaB/inXuxHfKIOc1GZaBqBOzCqE8xWuXilystPeaS+jLO9HKo5oWn5BO/IEkGQ9qWNq/59zRkDcWmSid3mXaCRppTW8T1GwjIMBmGVXPFUFhmkWqsL8oGH7lsSNVGs/XVaoBA93qj5/tK2LWy1gL1KkiKrkGHn5FwHlhxusKV4gOWtkUfHkwhZz4cqcYSg68w6vosOBpG6+jbe2mPxqIhN1wTV6LwzSP25pBQQ1laQjNx2CbJ0KgFpZRmXJUmiAuyNVrSDOP57h5tDs8wnRKOxkGGrFM7gkVy/VdavpMjWNabpXkSQ4KoVairBBzuDEAMSvSxYR5YTrr7+JBJunJbSINW4qbjH6dssWmn751IXGtNpMPULL2aznNc2UOMvmJAsgIDck6E7L8y5YZqfefYD09jWamXDf2umLGFye2yHdAgHROWN93pRFqkq4xe7t5GXkoKWH/vjYXadv8eUkGvDUKn4OHjXVtNosa8rYMEKEbqdyG84A415VvTpjTI+6SDQReVUOotWw1qH9P0Xx9IXb9KBXrHrDm6u7kFx5uXA0ad5KwSd1TaW3Syegs4DGOCiU0SCPpBnDemNSu8cDS9r9ZNechdC/SvEtedneMXZtZxlQqaU45VfqawCHB9FjtUk1IL8eSAvrYqpHd9LOeENGeFVHd7n6YIq5sZ5FJ/Vl14Efcdzzwe5q50/t6YtRlYOWFBGkWy2p6t96r4Szfpj7UNAZpc2mZrWqGnkKOwrvzut3gmHCfqHic4RFQ4XH4ERz1Gd63oCw4BKFkhWAZSYx8sGYEUqzUN3mOfjZzYltaqXRIBcMhmt2hEOPNYGd+sRQf3MSKKNsgzWwHrO8M5bEY3kZcGEMnBSEacTjd0r3zF92TMfhV1YBc+EnrEJ7iDzwLbuW8ZBCOrnyr8zOJtqMCJIJ0v4p7Ettw8WGffPPPk0AXsubiYMFMnaWmXUSvOZIU0EUaljxCt5IPuF3mOl323eMxScHPaCOzP3uctuW3SxYyDNTltKmnb0YrX+7E2s4oO+EstnS9B9Yj99ki4KiOpqAYfGKuskLODck7FIBQ9c9ont5/1EiL1rDWyHjBPu/qLycufbbbJ12IInz72vJNeJET6ck4VhXHBcZhj5TwIQu+2t4tFk85iY6M77yZHMEuTJFJovXNnshXBwjSJ3sFbULYw/oQY+j1He7TWfMIBrzzmIVlQhO6GiaOddjwsqifHvChaXubBBOlZMWVIAhGI7KiOqTJz1pFi6/sFGjqGnEQgk5BaiFtt2TX2ALexg7buGJcyqBY5npU4iTlyNZjG/F3lxLzudQHBR1WXpRkJylc8S7hPl/tPoPIXuJglRWVLLe11qLsbkCqgNaSajsxDLgYdRc7qK3Ni9vMo13bDC4nI6mpSqJVR9kewIoRafU4duSSFsTDafYd8THBlxjJrO8fX9axVijo4QoDVdDlPTM3wIIj9w6Sp/kROw+EIZrCiMQXi5X8AYN/sIls6EQeoHr6/Y7012GSVBBBdVDaIQn9CFQ2L6hw1HruwccMrLnjVRWGdBXvIWCBjrZviWRJcP4+MvNk7XpkJthT1n21imYppYICR/EoIu5aRfW0ZQAHTQK95bnxJnxrJSIXbXahe+r510KBihkCdNzUV/jtSSmDaoEL87Pro+1BjeeMZ7vacyObKOvHsPU+vcwNC//6q/xiTHCxSscLqCOjSxCgwVzTvR28GW1wb6+c0c3NEl7b2OLoHICxXopOOPrMCkCOKq/FxHW48/86aItBZhFHhDmjxswzG/kplPHQRaYI2IB7QDdQ7Zn9IigQu1KFal674m6HS6iTvQhl1gQAg61hk1x6/pG1VGc5Y/hDDmHiVO2bqBPIHGfgnFA1DJ4WgMx240kJFx43gdwNMS1EBf/ZRWrctoUbNa9TD+m2FYcTS63304S5qt7pjPbN20Hx6RHTZJhFPqkvdGfmasNDg8yfhJmQnH1M0k2O0YndZ22YRQqOizHJQikrKRn80l3cFbndrw0jMsaXDO4kGTn3Jn4QFZs0RUfCsrcmiXDqzsz/+93CYYecYzB2DHEQfbdSiA0EQ1OW9HIcZC/a4ilX8oIyLCz3QcU5P5Rkn1iP/2jw5SlYyWQQIdHbIeKa3XFi6zSVBgCjD2WwTfjjzlwUcwNQMfGQu6FxKDrB1eSO+AiWikosaIPtKnKKMWqSa+9cVdLl/vU3iWjlEPnsDVF+pGmWKzLZ1WOm41a521Qbmfuh59tD5lEQQvk12ro+J3eNYF/0SZfnC7JE0KJdNE25iPHLYQzwjfDUzkBM6IxBPIHznKQ3a9RrXI9oJAQNZJZc95L7LYp27NH7yLABbO0vmoCR3gmHuGZzFo3usoGjKQLJxcRGBFHCm5yE7N3X9qvR15qWSLJ6cYr+1UHSOIHcgj9/pQ1pDhgAViK6vX0O2DPg/t256Zqk37Zp7d/PECpLunVhFMHKI/y+TryWFSnWSOEnbeC76ToA5vxIITkcv0TzFvRtJsk+z3Xx1fSxrRxJQ9tKzjW1RT+cFU0egPgmkbU40pHACeae+RPlTiLJxngjjvPPxTnZmOJ34X1IGFSCCIrlHVs5D/egZjnpxQnGWqp1mC1g5jqvThAOsvDox4PrdTB0vARuAD79tXyE/oxa3xMrN+dUz9u9G4XEfeQYgZg9sgEZpfCLuxycid5sJaQhwWzccvG8aDMcCvDuR11WLv01n6EGACd5OIXZ84k9uEom1Cc5gQdGxz4CdQbuZjGmlJrlkb1BlaBPk0q9N3vDzLPwVfy04JIeB4IVOvkIklPgj1eFhnC0TLsWF87lWc+CTPAhPiyEG+3KppVFsJF+FnD6Pjt1gB8S5YUUViE8UbiaGVldJQmlJYJJY5ril5ECW8A4YYyFDbfENdqK6z0RW6ggapKkTK1RamiQk+UpDPD2ewqGA9lsiLc58SBTPyfDfYBiSCEEN9qbR17CP3KLxbYEeQWdtkMl+LYGaQXRHNgqCZTNsZirB9so8gZErdbXP8bxEUqDh/d7MWdliFhVMfiD2TSeuDAbFzFPHUg5KGpmkNRqw1yNz30dg3cYDWZe6QxLFmv9ws9Lj/R8vtnJqy0eC7yIMLrioNrliftwouOlJtBxCfjmyOQLNKtwg75lYhOxSC8H">
</div>
<script src="/ScriptResource.axd?d=NJmAwtEo3IqOv4sUh-Rig0r8ribOsOru6PRUuOPeOUTxaLr0LkqwjUZ1KfN2pxsTzXrhnEn2qPqMmFHAgZnpJORcEUNLaSpc226qJmze-FYKMecKHwPV-k73fvQH1Ku4KKXAUA2&t=fffffffff4ed9dba" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=dwY9oWetJoJ4ZjA-1jPcEhP7ER5pj7vUnbl87xIrp5KgCIH7OinCkP3cK37LGan3ayBW32yRZSEgGl2tgZv50n3b6-V5-8OCkx2VKFRvNoTMy9OkcSdmsXHaJpvqsXD5HuMXQgmzxnfjN1aI0&t=fffffffff4ed9dba" 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="fJ1FwMd7EV3qCXWHA1g4UfVsEFQJdD3sbjQY0ykfkh7AV038nld0oPqK0FKyjzTA48Ph8gFh/uah8wpyJHPtL8ReuPKxCA2c20GRC7hqTYOLKUZs">
</div>
<script src="/Desktopmodules/SharedLibrary/Plugins/Slick/1.9.0/slick.min.js?cdv=1385" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/MediaElement4.2.9/mediaelement-and-player.min.js?cdv=1385" type="text/javascript"></script>
<script src="/js/dnn.js?cdv=1385" type="text/javascript"></script>
<script src="/js/dnn.modalpopup.js?cdv=1385" type="text/javascript"></script>
<script src="/Portals/_default/skins/dgov2/resources/js/skin.js?cdv=1385" type="text/javascript"></script>
<script src="/Portals/_default/skins/dgov2/resources/js/menu.js?cdv=1385" type="text/javascript"></script>
<script src="/js/dnncore.js?cdv=1385" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Mobile-Detect/mobile-detect.min.js?cdv=1385" type="text/javascript"></script>
<script src="/DesktopModules/ArticleCS/Resources/ArticleCS/js/ArticleCS.js?cdv=1385" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/moment/moment.js?cdv=1385" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/ColorBox/jquery.colorbox.js?cdv=1385" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/vue/vue.min.js?cdv=1385" type="text/javascript"></script>
<script src="/Resources/libraries/jQuery-Migrate/03_00_00/jquery-migrate.js?cdv=1385" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/DVIDSAnalytics/DVIDSVideoAnalytics.min.js?cdv=1385" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/TouchSwipe/jquery.touchSwipe.min.js?cdv=1385" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Cycle/cycle2.js?cdv=1385" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Cycle/jquery.cycle2.swipe.js?cdv=1385" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/ImageScroll/jquery.imageScroll.min.js?cdv=1385" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/carouFredSel/jquery.carouFredSel-6.2.1-packed.js?cdv=1385" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/BodyScrollLock/bodyScrollLock.js?cdv=1385" type="text/javascript"></script>
<script src="/DesktopModules/Slideshow/Scripts/dist/es6dependencies.build.js?cdv=1385" type="text/javascript"></script>
<script src="/DesktopModules/Slideshow/Scripts/dist/gridslideshow.build.js?cdv=1385" type="text/javascript"></script>
<script src="/desktopmodules/slideshow/resources/js/dgov2_sharemore.js?cdv=1385" type="text/javascript"></script>
<script src="/js/dnn.servicesframework.js?cdv=1385" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/vue-resource/vue-resource.min.js?cdv=1385" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Skin/js/common.js?cdv=1385" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/moment-timezone/builds/moment-timezone-with-data.js?cdv=1385" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/image-set-polyfill/image-set-polyfill.js?cdv=1385" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/videojs/dist/video.min.js?cdv=1385" type="text/javascript"></script>
<script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/script.js?cdv=1385" type="text/javascript"></script>
<script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/dgov-icons.js?cdv=1385" type="text/javascript"></script>
<script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/dle-events-panel.js?cdv=1385" 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=1385|DnnBodyProvider|100)-->
<!--CDF(Javascript|/Portals/_default/skins/dgov2/resources/js/menu.js?cdv=1385|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,
"DisableShrink": 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">
<div class="header_banner_inner">
<div class="header_banner_flag"> An official website of the United States Government <div class="header_banner_accordion" tabindex="0">
<u>Here's how you know</u><i class="fa fa-chevron-down expand-more-container"></i>
</div>
</div>
<div class="header_banner_panel" style="">
<div class="header_banner_panel_item">
<span class="header_banner_dotgov"></span>
<div class="header_banner_content">
<p><strong>Official websites use .gov</strong></p> A <strong>.gov</strong> website belongs to an official government organization in the United States.
</div>
</div>
<div class="header_banner_panel_item https">
<span class="header_banner_https"></span>
<div class="header_banner_content">
<p><strong>Secure .gov websites use HTTPS</strong></p>
<div> A <strong>lock (<span class="header_banner_icon_lock">
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="64" viewBox="0 0 52 64">
<title>lock</title>
<path fill="#FFF" fill-rule="evenodd"
d="M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z"></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>
</div>
</div>
<div class="header-utility-nav">
<div class="inner">
<ul class="social-nav">
<li class="social-item"><a href="https://twitter.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="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/" tabindex="0" aria-expanded="false">News<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container pin-right">
<ul class="level2">
<li class="parent">
<a href="http://www.defense.gov/News/Press-Products/" 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/" tabindex="0"><span class="main">Today in DOD</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Live-Events/" tabindex="0"><span class="main">Live Events</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Releases/" tabindex="0"><span class="main">Releases</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Advisories/" tabindex="0"><span class="main">Advisories</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Transcripts/" tabindex="0"><span class="main">Transcripts</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Speeches/" tabindex="0"><span class="main">Speeches</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Publications/" tabindex="0"><span class="main">Publications</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Contracts/" tabindex="0"><span class="main">Contracts</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="http://www.defense.gov/News/Newsroom/" 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/" tabindex="0"><span class="main">News Stories</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Feature-Stories/" tabindex="0"><span class="main">Feature Stories</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/From-the-Services/" tabindex="0"><span class="main">Stories from the Services</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="http://www.defense.gov/Multimedia/" aria-expanded="false" tabindex="-1"><span class="main">Multimedia</span></a>
<ul class="parent">
<li class="">
<a href="http://www.defense.gov/Multimedia/Photos/" tabindex="0"><span class="main">Photos</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Multimedia/Videos/" tabindex="0"><span class="main">Videos</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Multimedia/Experience/" tabindex="0"><span class="main">Interactive Experiences</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent top-level ">
<a href="http://www.defense.gov/Spotlights/" tabindex="0" aria-expanded="false">Spotlights<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container pin-right">
<ul class="level2">
<li class="parent">
<a href="http://www.defense.gov/Spotlights/" 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/" tabindex="0"><span class="main">Taking Care of Our People</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/Nato/" tabindex="0"><span class="main">NATO</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/Focus-on-Indo-Pacific/" tabindex="0"><span class="main">Focus on the Indo-Pacific</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/Support-for-Ukraine/" tabindex="0"><span class="main">Support for Ukraine</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="http://www.defense.gov/Spotlights/" aria-expanded="false" tabindex="-1"><span class="main">Topics</span></a>
<ul class="parent">
<li class="">
<a href="http://www.defense.gov/Spotlights/Value-of-Service/" tabindex="0"><span class="main">Value of Service</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/Science-and-Technology/" tabindex="0"><span class="main">Science & Technology</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/Face-of-Defense/" tabindex="0"><span class="main">Face of Defense</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/" tabindex="0"><span class="main">All Spotlights</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent top-level ">
<a href="http://www.defense.gov/About/" tabindex="0" aria-expanded="false">About<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container pin-right">
<ul class="level2">
<li class="parent">
<a href="http://www.defense.gov/About/Leadership/" 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/" tabindex="0"><span class="main">Secretary of Defense</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/About/Deputy-Secretary-of-Defense/" 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/" 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/" 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/" tabindex="0"><span class="main">Office of the Secretary of Defense</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/About/Biographies/" tabindex="0"><span class="main">More Leaders</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="http://www.defense.gov/About/" aria-expanded="false" tabindex="-1"><span class="main">Components</span></a>
<ul class="parent">
<li class="">
<a href="https://www.army.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Army</span></a>
</li>
<li class="">
<a href="https://www.marines.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Marine Corps</span></a>
</li>
<li class="">
<a href="https://www.navy.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Navy</span></a>
</li>
<li class="">
<a href="https://www.af.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Air Force</span></a>
</li>
<li class="">
<a href="https://www.spaceforce.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Space Force</span></a>
</li>
<li class="">
<a href="https://www.uscg.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Coast Guard</span></a>
</li>
<li class="">
<a href="https://www.nationalguard.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">National Guard</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/About/Combatant-Commands/" tabindex="0"><span class="main">Combatant Commands</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
</ul>
<div class="nav-search-icon" tabindex="0">
<i class="fa fa-search"></i>
</div>
<div class="nav-search">
<label for="desktop-search" class="sr-only">Search</label>
<input id="desktop-search" title="Search" aria-label="Search" type="search" autocomplete="off" maxlength="256" name="header-search" placeholder="Search..." value="">
<span class="search-icon" tabindex="0"><i class="fa fa-search" aria-label="Search"></i></span>
<span class="close-icon" tabindex="0"><i class="desktop-search-close" aria-label="Search"></i></span>
</div>
<div class="level2-backdrop">
<div class="backdrop-image"></div>
</div>
</nav>
</div>
</div>
<div id="mobile-overlay"></div>
<div id="nav-drawer">
<div class="drawer-inner">
<div id="nav-burger" 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/" tabindex="0" aria-expanded="false">News<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container">
<ul class="level2">
<li class="parent">
<a href="http://www.defense.gov/News/Press-Products/" tabindex="0" aria-expanded="false"><span class="main">Press Products</span></a>
<ul class="parent">
<li class="">
<a href="http://www.defense.gov/News/Today-in-DOD/" tabindex="0"><span class="main">Today in DOD</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Live-Events/" tabindex="0"><span class="main">Live Events</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Releases/" tabindex="0"><span class="main">Releases</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Advisories/" tabindex="0"><span class="main">Advisories</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Transcripts/" tabindex="0"><span class="main">Transcripts</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Speeches/" tabindex="0"><span class="main">Speeches</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Publications/" tabindex="0"><span class="main">Publications</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Contracts/" tabindex="0"><span class="main">Contracts</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="http://www.defense.gov/News/Newsroom/" 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/" tabindex="0"><span class="main">News Stories</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/Feature-Stories/" tabindex="0"><span class="main">Feature Stories</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/News/From-the-Services/" tabindex="0"><span class="main">Stories from the Services</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="http://www.defense.gov/Multimedia/" aria-expanded="false"><span class="main">Multimedia</span></a>
<ul class="parent">
<li class="">
<a href="http://www.defense.gov/Multimedia/Photos/" tabindex="0"><span class="main">Photos</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Multimedia/Videos/" tabindex="0"><span class="main">Videos</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Multimedia/Experience/" tabindex="0"><span class="main">Interactive Experiences</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent top-level ">
<a href="http://www.defense.gov/Spotlights/" tabindex="0" aria-expanded="false">Spotlights<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container">
<ul class="level2">
<li class="parent">
<a href="http://www.defense.gov/Spotlights/" 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/" tabindex="0"><span class="main">Taking Care of Our People</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/Nato/" tabindex="0"><span class="main">NATO</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/Focus-on-Indo-Pacific/" tabindex="0"><span class="main">Focus on the Indo-Pacific</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/Support-for-Ukraine/" tabindex="0"><span class="main">Support for Ukraine</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="http://www.defense.gov/Spotlights/" aria-expanded="false"><span class="main">Topics</span></a>
<ul class="parent">
<li class="">
<a href="http://www.defense.gov/Spotlights/Value-of-Service/" tabindex="0"><span class="main">Value of Service</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/Science-and-Technology/" tabindex="0"><span class="main">Science & Technology</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/Face-of-Defense/" tabindex="0"><span class="main">Face of Defense</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/Spotlights/" tabindex="0"><span class="main">All Spotlights</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent top-level ">
<a href="http://www.defense.gov/About/" tabindex="0" aria-expanded="false">About<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container">
<ul class="level2">
<li class="parent">
<a href="http://www.defense.gov/About/Leadership/" 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/" tabindex="0"><span class="main">Secretary of Defense</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/About/Deputy-Secretary-of-Defense/" 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/" 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/" 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/" tabindex="0"><span class="main">Office of the Secretary of Defense</span></a>
</li>
<li class="">
<a href="http://www.defense.gov/About/Biographies/" tabindex="0"><span class="main">More Leaders</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="http://www.defense.gov/About/" aria-expanded="false"><span class="main">Components</span></a>
<ul class="parent">
<li class="">
<a href="https://www.army.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Army</span><i class="fas fa-external-link-alt"></i></a>
</li>
<li class="">
<a href="https://www.marines.mil/" target="_blank" rel="noopeneer noreferrer" 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" rel="noopeneer noreferrer" 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" rel="noopeneer noreferrer" 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" rel="noopeneer noreferrer" 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" rel="noopeneer noreferrer" 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" rel="noopeneer noreferrer" 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/" 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/Performance/" target="_blank" rel="noopener noreferrer"><span class="text text-link-44">Strategic Management 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>
.featStoryImg .image-wrap {
display: flex;
min-height: 100%;
min-width: auto;
object-fit: cover;
}
@media only screen and (max-width: 768px) {
.banner-item {
padding-top: 95px !important;
}
.featStory figcaption {
padding: 2.5rem 1.5rem;
}
}
@media only screen and (min-width 769 and max-width: 991px) {
.featStory figcaption {
padding: 1.5rem 0;
}
}
</style>
<h1 class="sr-only">U.S. Department of Defense</h1>
<div id="featArticles" class="featArticles alist">
<div id="dnn_ctr3202_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
<div id="dnn_ctr3202_Dashboard_ph">
<div id="featArticles" class="featArticles alist">
<!-- BANNER ITEM -->
<div class="story-slider-wrap">
<div class="banner-slider">
<div class="banner-item">
<div class="featStory item item-1 item-3329532">
<div class="content-wrap">
<figure>
<div class="dgov-grid dgov-grid-bleed dgov-align-center dgov-justify-space-between">
<div class="dgov-col-sm-5 dgov-order-sm-2">
<div class="image-wrap story-img-wrap video-wrap-container dgov-card dgov-card-3 text-right">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2023/Aug/21/2003284215/1280/1280/0/230821-D-D0439-001.JPG)"></div>
<img class="story-img" alt="An image of Secretary of Defense Lloyd J. Austin III." src="https://media.defense.gov/2023/Aug/21/2003284215/1280/1280/0/230821-D-D0439-001.JPG">
<img src="/DesktopModules/ArticleCS/Styles/DefenseGOV2/play-default.png" class="defaultVideoOverlay" alt=""> <img src="/DesktopModules/ArticleCS/Styles/DefenseGOV2/play-hover.png" class="hoverVideoOverlay"
alt="">
</div>
</div>
</div>
<div class="dgov-col-sm-7 dgov-order-sm-1">
<figcaption>
<span class="content-type">
<a style="min-width: 170px;" class="content-type-text no-border" href="/Live"><img style="display:inline-block; max-width:30px; margin-right:5px; position:relative; top:-2px;" class="live-icon" src="/DesktopModules/ArticleCS/Styles/DefenseGOV2/dgov-live-now.svg" alt=""> <span>Live Event</span></a>
</span>
<h2 class="title"><span>Remarks: Austin Opens Ukraine Defense Group Meeting</span></h2>
<p class="summary">Watch live at 4 a.m. EDT as Secretary of Defense Lloyd J. Austin III provides opening remarks during a Ukraine Defense Contact Group meeting at Ramstein Air Base, Germany.</p>
</figcaption>
</div>
</div>
</figure>
</div>
<a class="link-overlay" href="/live" target="_blank" rel="noopener"><span class="sr-only">Remarks: Austin Opens Ukraine Defense Group Meeting</span></a>
</div>
<div class="featStoryImg">
<div class="image-wrap ">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2023/Aug/21/2003284215/1280/1280/0/230821-D-D0439-001.JPG)"></div>
<img alt="" src="https://media.defense.gov/2023/Aug/21/2003284215/1280/1280/0/230821-D-D0439-001.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-3001203 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/2023/Jun/13/2003241084/825/780/0/230514-A-MC970-1003.JPG)"></div>
<img alt="A service member in uniform motions with arm signals toward a tank." src="https://media.defense.gov/2023/Jun/13/2003241084/825/780/0/230514-A-MC970-1003.JPG">
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-8">
<figcaption>
<span class="category">
<a class="content-type-text content-type-spotlight" href="/Spotlights"><span>Spotlight</span></a>
</span>
<h3 class="title"><span>Support for Ukraine</span></h3>
<p class="summary hide">The United States is working with allies and partners to support Ukraine in the fight for sovereignty and freedom. The U.S. has provided Ukraine with billions of dollars in security
assistance since the beginning of Russia's unprovoked assault on Feb. 24.</p>
<a class="btn btn-primary btn-primary-ghost hide" href="/Spotlights/Support-for-Ukraine/"> Read More</a>
</figcaption>
</div>
</div>
<a class="link-overlay" href="/Spotlights/Support-for-Ukraine/"><span class="sr-only">Support for Ukraine</span></a>
</figure>
<div class="clearfix"></div>
</div>
</div>
<!-- BANNER ITEM -->
<div class="dgov-col-sm-4">
<div class="item item-3 item-2031526 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/2023/Feb/14/2003161783/825/780/0/180319-D-D0439-101.JPG)"></div>
<img alt="A metal star sculpture stands in a courtyard, with a circle of national flags in the background." src="https://media.defense.gov/2023/Feb/14/2003161783/825/780/0/180319-D-D0439-101.JPG">
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-8">
<figcaption>
<span class="category">
<a class="content-type-text content-type-spotlight" href="/Spotlights"><span>Spotlight</span></a>
</span>
<h3 class="title"><span>Spotlight on NATO</span></h3>
<p class="summary hide">NATO is a transatlantic alliance of 31 like-minded North American and European countries securing peace since 1949. </p>
<a class="btn btn-primary btn-primary-ghost hide" href="/Spotlights/Nato/"> Read More</a>
</figcaption>
</div>
</div>
<a class="link-overlay" href="/Spotlights/Nato/"><span class="sr-only">Spotlight on NATO</span></a>
</figure>
<div class="clearfix"></div>
</div>
</div>
<!-- BANNER ITEM -->
<div class="dgov-col-sm-4">
<div class="item item-4 item-3410748 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/2023/May/04/2003216046/825/780/0/230504-D-D0439-200.JPG)"></div>
<img alt="Three military figures salute in front of a flag against a golden sunny background." src="https://media.defense.gov/2023/May/04/2003216046/825/780/0/230504-D-D0439-200.JPG">
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-8">
<figcaption>
<span class="category">
<a class="content-type-text content-type-spotlight" href="/Spotlights"><span>Spotlight</span></a>
</span>
<h3 class="title"><span>Value of Service</span></h3>
<p class="summary hide">The U.S. military, the world's finest fighting force, is made up entirely of volunteers, reinforcing the American ideal of personal freedom while offering those with the desire and
ability to serve opportunity, community and purpose.</p>
<a class="btn btn-primary btn-primary-ghost hide" href="/Spotlights/Value-of-Service/"> Read More</a>
</figcaption>
</div>
</div>
<a class="link-overlay" href="/Spotlights/Value-of-Service/"><span class="sr-only">Value of Service</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 class="live-bar-container bar">
<div class="live-bar today">
<div class="bar-title"><span><svg id="Layer_1" viewBox="0 0 150 75" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" class="dgov-live-now dgov-icon">
<title>Live Now</title>
<circle cx="75" cy="37.49" r="18" class="cls-1"></circle>
<path d="M75,37.58" transform="translate(0 -0.08)" class="cls-2"></path>
<path 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)"
class="cls-1"></path>
<path 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)"
class="cls-1"></path>
<path 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)"
class="cls-1"></path>
<path 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)"
class="cls-1"></path>
<path 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)"
class="cls-1"></path>
</svg> LIVE TODAY </span></div>
<div class="bar-body"><!---->
<div class="lead-in-event">
<div>
<div>
<a href="https://www.defense.gov/News/LiveEvents/#/?currentVideo=32838" class="event-title"><span class="time">9:00am BST | </span> <b class="event-title-title">Austin Speaks at Ukraine Defense Meeting </b></a>
</div>
</div>
</div>
</div> <span tabindex="0" data-toggle="collapse" data-target="#now_event_list" role="button" aria-controls="collapseExample1" class="more collapsed is-single-line"> 2 more event<span>s</span>
<i class="fa fa-chevron-up dgov-icon"></i></span> <span tabindex="0" class="x is-single-line"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"
class="dgov-chevron-close dgov-icon">
<title>Close</title>
<path
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)" class="cls-1"></path>
</svg></span>
</div>
</div>
<div class="live-bar-container">
<div id="now_event_list" aria-expanded="false" class="event-list drop-down collapse">
<div class="drop-item">
<a href="https://www.defense.gov/News/LiveEvents/#/?currentVideo=32839" class="event-title"><span class="time">3:30pm BST | </span> <span class="event-title-title">Austin, Milley Hold Briefing on Ukraine Defense </span></a>
</div>
<div class="drop-item">
<a href="https://www.defense.gov/News/LiveEvents/#/?currentVideo=32840" class="event-title"><span class="time">3:35pm BST | </span> <span class="event-title-title"> Defense and State Officials on Taiwan</span></a>
</div>
</div>
</div>
</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": "2023-11-08T23:59:59.0000000-05:00",
"fromDate": "2023-09-18T22:34:07.3303183-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-cutout container">
<div class="row">
<div id="dnn_ContentPanePage" class="paneMarkerAlt col-lg DNNEmptyPane"></div>
</div>
<div id="ContentPanePage84" class="row staggered-cutout-84">
<div id="dnn_ContentPanePage8X" class="paneMarker col-lg-8">
<div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3203"><a name="3203"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3203_ContentPane"><!-- Start_Module_3203 -->
<style>
.explore-list figcaption .category {
display: block;
}
</style>
<h2 class="tab-title"><a href="/news">News<i class="fas fa-chevron-right"></i></a></h2>
<div id="dnn_ctr3203_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
<div id="dnn_ctr3203_Dashboard_ph">
<div id="storyListing-3203">
<div id="alist" class="alist stories News-list">
<div class="spinner3" 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/2023/Sep/15/2003302311/825/780/0/230621-N-BW566-1027Y.JPG");"></div> <img alt=""
src="https://media.defense.gov/2023/Sep/15/2003302311/825/780/0/230621-N-BW566-1027Y.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="2023-09-15T16:32:00"
data-dateap="Sept. 15, 2023">Sept. 15, 2023</time></span>
<h3 class="title"><span> DOD Won't Stop Looking Until All POW/MIAs Are Home <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">Nearly 81,000 American service members remain missing after having served in several wars. During an event at the Pentagon, Deputy Defense Secretary Kathleen Hicks
vowed the DOD would never stop looking for them. </p>
</figcaption>
</div>
<a href="https://www.defense.gov/News/News-Stories/Article/Article/3527804/dod-wont-stop-looking-until-all-powmias-are-home/" class="link-overlay"><span class="sr-only">DOD Won't Stop Looking Until All POW/MIAs Are Home</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/2023/Sep/13/2003300017/825/780/0/230912-N-D0439-081Y.JPG");"></div> <img alt=""
src="https://media.defense.gov/2023/Sep/13/2003300017/825/780/0/230912-N-D0439-081Y.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/Feature-Stories" class="content-type-text feature content-type-800"><span>Feature</span></a> <span class="separator">|</span> <time
data-dateago="2023-09-18T00:00:00" data-dateap="Sept. 18, 2023">yesterday</time></span>
<h3 class="title"><span> Medal of Honor Monday: Marine Corps Capt. Arthur J. Jackson <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">In 1944, Marine Corps Capt. Arthur Jackson, then a private first class, wiped out 50 enemy soldiers in a single action during World War II and, for that, he received
the Medal of Honor.</p>
</figcaption>
</div>
<a href="https://www.defense.gov/News/Feature-Stories/Story/Article/3524351/medal-of-honor-monday-marine-corps-capt-arthur-j-jackson/" class="link-overlay"><span class="sr-only">Medal of Honor Monday: Marine Corps Capt. Arthur J. Jackson</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/2023/Sep/15/2003302325/825/780/0/230915-O-D0439-002.JPG");"></div> <img alt=""
src="https://media.defense.gov/2023/Sep/15/2003302325/825/780/0/230915-O-D0439-002.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="2023-09-15T17:13:00"
data-dateap="Sept. 15, 2023">Sept. 15, 2023</time></span>
<h3 class="title"><span> DOD Hosts Child Care Summit to Give Military Families, Providers Voice <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">Pentagon leaders gathered input from service members and their spouses, child development experts and early childhood educators to improve the Defense Department's
child care programs.</p>
</figcaption>
</div>
<a href="https://www.defense.gov/News/News-Stories/Article/Article/3527859/dod-hosts-child-care-summit-to-give-military-families-providers-voice/" class="link-overlay"><span class="sr-only">DOD Hosts Child Care Summit to Give Military Families, Providers Voice</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/2023/Sep/14/2003301178/825/780/0/230914-D-PM193-2272.JPG");"></div> <img alt=""
src="https://media.defense.gov/2023/Sep/14/2003301178/825/780/0/230914-D-PM193-2272.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="2023-09-14T14:53:00"
data-dateap="Sept. 14, 2023">Sept. 14, 2023</time></span>
<h3 class="title"><span> Austin Welcomes Increased Cooperation With Bahrain <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">Secretary of Defense Lloyd J. Austin III welcomed Bahrain's Prime Minister Salman bin Hamad Al Khalifa, one day after the U.S. and Bahrain signed the Comprehensive
Security Integration Agreement.</p>
</figcaption>
</div>
<a href="https://www.defense.gov/News/News-Stories/Article/Article/3526220/austin-welcomes-increased-cooperation-with-bahrain/" class="link-overlay"><span class="sr-only">Austin Welcomes Increased Cooperation With Bahrain</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/Nov/07/2003109791/825/780/0/221012-A-JT723-0020.JPG");"></div> <img alt=""
src="https://media.defense.gov/2022/Nov/07/2003109791/825/780/0/221012-A-JT723-0020.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> National Hispanic Heritage Month <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">National Hispanic Heritage Month, Sept. 15 to Oct. 15, marks a time to showcase and honor the many contributions Hispanic Americans have made to the Defense Department
and the nation.</p>
</figcaption>
</div> <a href="/Spotlights/National-Hispanic-Heritage-Month/" class="link-overlay"><span class="sr-only">National Hispanic Heritage Month</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/2023/Sep/18/2003303214/825/780/0/230914-O-XX948-2739Y.JPG");"></div> <img alt=""
src="https://media.defense.gov/2023/Sep/18/2003303214/825/780/0/230914-O-XX948-2739Y.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> Sports in the DOD <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">From local competitions to the world stage, military athletes bring the same physical prowess, dedication and spirit of excellence to playing fields that they do the
battlefield, and continue to influence the rich history of America's sporting life.</p>
</figcaption>
</div> <a href="/Spotlights/Sports-in-the-DoD/" class="link-overlay"><span class="sr-only">Sports in the DOD</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 !== 'Contracts' ? articleTitle : ('Contracts For ' + publishDateAp) }} <i v-if="isExternal()" class="fas fa-external-link-alt"></i>
</span>
<card-edit-span :isEditMode="canEdit" :editUrl="editUrl" :imageUrl="editImage"></card-edit-span>
</h3>
<p class="summary hidden-xs hidden-xxs" v-html="articleSummary"></p>
</figcaption>
</div>
<a class="link-overlay" :href="articleUrlOrLink">
<span class="sr-only">{{ contentTypeName !== 'Contracts' ? articleTitle : ('Contracts For ' + publishDateAp) }}</span>
</a>
</div>
</figure>
<div style="clear:both"></div>
</div>
</script>
<!-- here is a card-edit-span element... need to share this, but the vue component token is not a good way
because it would be multiply imported every time it's used by a card. It should be linked with "registerscript"
-->
<script type="text/x-template" id="vue-card-edit-span-template"> <a title="Edit" v-if="isEditMode" class="card-edit-span" :href="editUrl" alt="edit link">
<img title="Edit" :src="imageUrl" alt="edit pencil" />
</a>
</script>
<script type="text/javascript">
(function() {
const DEBUG = false;
if (DEBUG) console.log("this is the listing-dashboard-with-preview (default card) component");
const tempSel = "";
const tempUse = tempSel ? tempSel : "#vue-listing-dashboard-with-preview-template";
if (DEBUG) console.log("sc85:", tempSel, tempUse);
const tempEl = $(tempUse)[0];
if (DEBUG) console.log("sc87:", tempEl);
// TODO: move this to shared .js utilizing vue:registerjs token
const _contentTypeLib = {
'1': {
url: "/News/News-Stories",
name: "News",
},
'514': {
url: "/Spotlights",
name: "Spotlight",
},
'515': {
url: "/Explore/Inside-DOD/",
name: "Inside DOD",
},
'610': {
url: "/Explore/Inside-DOD/",
name: "Inside DOD",
},
'936': {
url: "/Explore/Inside-DOD/",
name: "From The Services",
},
'700': {
// "Special Report"
url: "/Experience/",
name: "Experience",
videoName: "Video",
},
'800': {
url: "/News/Feature-Stories",
name: "Feature",
videoName: "Video",
},
'801': {
url: "/Engage/",
name: "Quiz",
videoName: "Quiz",
},
'808': {
url: "/Watch/",
name: "VideoCS",
prettyName: "Legacy Video",
videoName: "Legacy Video",
},
'809': {
url: "/Multimedia/Videos/",
name: "VideoCS2",
prettyName: "Video",
videoName: "Video",
},
'616': {
url: "/Multimedia/Videos/",
prettyName: "Video",
videoName: "Video",
},
'9': {
url: "/News/Releases/",
name: "Release"
},
'2': {
url: "/News/Advisories/",
name: "Advisory"
},
'13': {
url: "/News/Transcripts",
name: "Transcript"
},
'5': {
url: "/News/Publications",
name: "Publication"
},
'400': {
url: "/News/Contracts",
name: "Contracts"
},
'11': {
url: '/News/Speeches/',
name: 'Speech'
},
'884': {
url: '/News/Speeches/',
name: 'Speech'
},
// for types > 800 (that are not above)
custom: {
name: null, // means 'actual' contentTypeName
videoName: "Video",
},
};
const _dashboardCatData = {
'1': ['news', '/News/News-Stories', 'News'],
'14': ['news', '/News/News-Stories', 'News'],
'800': ['feature', '/News/Feature-Stories', 'Feature'],
'504': ['faq', null, 'FAQ'],
'514': ['spotlight', '/Spotlights', 'Spotlight'],
'515': ['inside-dod', '/News/Inside-DoD', 'Blog'],
'809': ['video', '/Multimedia/Videos', 'Video'],
'616': ['video2', '/Multimedia/Videos', 'Video'],
'987': ['live', '/live', 'Live Event'],
'700': ['experience', '/experience', 'Experience'],
'801': ['quiz', '/engage', 'Quiz'],
'610': ['blog', '/News/Inside-DoD', 'Inside DoD'],
'936': ['from-the-services', '/Explore/From-the-Services', 'From The Services'],
'2': ['advisory', '/Newsroom/Advisories/', 'Advisory'],
'889': ['advisory', '/News/Advisories/', 'Advisory'],
'5': ['publication', '/News/Publications/', 'Publication'],
'886': ['publication', '/News/Publications/', 'Publication'],
'9': ['release', '/News/Releases/', 'Release'],
'885': ['release', '/News/Releases/', 'Release'],
'11': ['speech', '/News/Speeches/', 'Speech'],
'884': ['speech', '/News/Speeches/', 'Speech'],
'13': ['transcript', '/News/Transcripts/', 'Transcript'],
'883': ['transcript', '/News/Transcripts/', 'Transcript'],
'400': ['contracts', '/News/Contracts/', 'Contracts'],
'887': ['fact-sheet', null, 'Fact Sheet'],
'541': ['from-the-podium', '/News/From-the-Podium/', 'From The Podium'],
'888': ['related-link', null, 'Related Link'],
};
Vue.component('listing-dashboard-with-preview', {
name: 'listing-dashboard-with-preview',
data: function() {
return {
templateSelector: "",
classes: [],
// readonly props
contentTypeLib: _contentTypeLib,
hover: false,
prettyContentTypeName: null,
prettyContentTypeUrl: null,
isFirst: false
};
},
props: ["article-alt", "article-id", "article-image-url", "article-title", "article-url", "article-url-or-link", "article-url-or-link-absolute", "can-edit", "category-line-override", "category", "content-type-val",
"content-type-name", "edit-image", "edit-url", "has-terms", "image-caption", "image-url", "indashboard", "is-video", "item-index", "open-in-new", "publish-date-jss", "publish-date-ap", "show-image", "term-url",
"term-name", "article-summary"
],
template: tempEl, // el that matches ID in template OR override passed in
beforeMount: function() {
if (this.$parent.$children.length === 1) {
this.isFirst = true;
}
},
mounted: function() {
if (false) console.log("props", this.showImage, JSON.stringify(this.$props, null, 4));
this.prettyContentTypeName = this.constructPrettyContentTypeName();
this.prettyContentTypeUrl = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].url : this.termUrl;
if (DEBUG) console.log("sc155: mounted: content type:", this.prettyContentTypeVal, this.prettyContentTypeName, this.prettyContentTypeUrl)
},
computed: {
categoryName: function() {
// Should be safe for CSS class name
return encodeURIComponent(this.category).toLowerCase().replace(/\.|%[0-9a-z]{2}/gi, '');
},
isInDashboard: function() {
return typeof this.indashboard === "undefined" ? false : !!this.indashboard;
},
shouldShowDate: function() {
return ![514, 700, 801].includes(parseInt(this.contentTypeVal, 10));
},
dashboardCatData: function() {
// Example: '1': ['news', '/explore/news/', 'News'],
if (!_dashboardCatData.hasOwnProperty(this.contentTypeVal)) return [this.contentTypeName.toLowerCase(), '', this.contentTypeVal];
return _dashboardCatData[this.contentTypeVal];
},
imageContainerClasses: function() {
return this.isInDashboard ? 'dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container' : 'dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-6 dgov-col-lg-6 image-container';
},
contentContainerClasses: function() {
return this.isInDashboard ? 'dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8' : (this.isFirst && this.pageNumber === 1) ?
'dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-6 dgov-col-lg-6' : 'dgov-col-12 dgov-col-xs-12 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-12';
},
imageSrc: function() {
return this.isInDashboard ? this.imageUrl : this.articleImageUrl;
},
pageNumber: function() {
let pageNumber = 1;
const activePage = $(".apager .active a span")[0];
if (activePage) {
pageNumber = +$(activePage).text();
}
return pageNumber;
},
},
methods: {
addClass: function(newClass) {
this.classes.push(newClass);
},
constructPrettyContentTypeName: function() {
// NOTE: this is duplicated in listing-with-preview and you may have a
// change that applies there. Should be moved to shared space using vue:registerjs token
// TODO: moved to shared location (via vue:registerjs)
let prettyName = null;
const isVideo = this.isVideo;
// first check for specific entry in _contentTypeLib dictionary
if (isVideo) {
prettyName = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].videoName : null;
if (!prettyName) {
// use name if videoName not set
prettyName = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].name : null;
}
} else {
prettyName = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].name : null;
}
// if still null, and type > 800 check in "custom" entry of contentTypeLib
const contentTypeNumber = parseInt(this.contentTypeVal);
if (prettyName == null && contentTypeNumber >= 800) {
if (isVideo) {
prettyName = this.contentTypeLib.custom ? this.contentTypeLib.custom.videoName : null;
} else {
prettyName = this.contentTypeLib.custom ? this.contentTypeLib.custom.name : null;
}
}
if (prettyName == null) prettyName = this.contentTypeName;
return prettyName;
},
isExternal: function() {
return ['14', '883', '884', '885', '886', '887', '888', '889', '936'].indexOf(this.contentTypeVal) > -1;
},
hasTermName: function() {
if (this.termName && this.termName.length > 0) {
return true;
}
return false;
},
hoverOn: function() {
//if (DEBUG) console.log("i-c106: hover on");
// css :hover solution is not currently used... maybe tricky
// this approach is borrowed from the current non-vue way this is done
this.hover = true;
},
hoverOff: function() {
//if (DEBUG) console.log("ic-110: hover off");
this.hover = false;
},
resetClass: function() {
this.classes = [];
},
setCardType: function(cardType) {
// we only do one card type so ignore. This is an event from the layout
// for the adaptive-card.
if (DEBUG) console.log("s-c178: ignoring card type:", cardType);
},
targetVal: function() {
// openInNew being passed as string b/c reason
// reason: tag comes from server side rendering and might
// not be good Vue value, must allow this sort of prop to be a string
return this.openInNew == "true" ? "_blank" : "_self";
},
},
});
Vue.component('card-edit-span', {
name: 'card-edit-span',
template: "#vue-card-edit-span-template",
props: ["editUrl", "imageUrl", "isEditMode"],
});
})();
function normalizeStoryCard() {
const cardEls = $('.card-wrapper')
const cards = cardEls.toArray();
const maxh = cards.reduce(function(acc, item) {
const height = $(item).height();
if (height > acc) {
return height;
} else {
return acc;
}
}, 0);
console.log("height max", maxh);
cardEls.height(maxh);
}
</script>
<style>
.no-pointer-events {
pointer-events: none;
}
</style>
<!--
This fragment compiles a Vue template located in a div with
an id of "storyListing-3203".
-->
<script type="text/javascript">
(function() {
const DEBUG = false;
if (DEBUG) console.log("m-i2: vue:initialize:storyListing");
document.addEventListener("DOMContentLoaded", function() {
if (DEBUG) console.log("initializing vue on storyListing in module 3203")
const elTarg = "#storyListing-3203";
// supports sending in "data" and "methods" by naming convention
let modData = {};
let modMethods = {};
const typeofModData = typeof(storyListing3203_data);
const typeofModMethods = typeof(storyListing3203_methods);
if (typeofModData != "undefined") {
modData = storyListing3203_data;
}
if (typeofModMethods != "undefined") {
modMethods = storyListing3203_methods;
}
const el = $(elTarg)[0];
const moduleVue = new Vue({
el: el,
mounted: function() {
// call the callback if exists.
// naming vueToken_mounted_3203
if (DEBUG) console.log("cb?", typeof(vueToken_mounted_3203));
if (typeof(vueToken_mounted_3203) === "function") {
const mountedCB = vueToken_mounted_3203;
if (mountedCB) {
// currently no arguments, just a time event, e.g. when slick
// could be initialized.
this.$nextTick(mountedCB);
}
}
},
data: modData,
methods: modMethods,
});
});
})();
</script>
</div>
</div><!-- End_Module_3203 -->
</div>
</div><!--end of empty container -->
</div>
</div>
<div id="dnn_ContentPagePageX4" class="paneMarkerAlt col-lg-4">
<div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3204"><a name="3204"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3204_ContentPane"><!-- Start_Module_3204 -->
<div id="dnn_ctr3204_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
<div id="dnn_ctr3204_Dashboard_ph">
<div id="homePress" class="explore-list homePress alist">
<h2 class="tab-title"><a href="/News/Press-Products">Press Products<i class="fas fa-chevron-right"></i></a></h2>
<div class="alist-inner">
<div class="dgov-grid dgov-grid-bleed"><!-- NEWSROOM ITEM -->
<div class="dgov-col-md-12">
<div class="item item-3529343">
<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="2023-09-18T14:04:00" data-dateap="Sept. 18, 2023">11 hours ago</time></span>
<h3 class="title"><span>Acting Undersecretary of Defense for Policy Concludes Singapore Visit</span></h3>
<a class="link-overlay" href="https://www.defense.gov/News/Releases/Release/Article/3529343/acting-under-secretary-of-defense-for-policy-concludes-singapore-visit/"><span class="sr-only">Acting Undersecretary of Defense for Policy Concludes Singapore Visit</span></a>
</figcaption>
</figure>
</div>
</div><!-- NEWSROOM ITEM -->
<div class="dgov-col-md-12">
<div class="item item-3529185">
<figure>
<span class="">
<hr>
</span>
<figcaption>
<span class="category">
<a class="content-type-text" href="/News/Advisories/"><span>Advisory</span></a>
<span class="separator">|</span>
<time data-dateago="2023-09-18T12:52:00" data-dateap="Sept. 18, 2023">12 hours ago</time></span>
<h3 class="title"><span>Secretary of Defense, Chairman of the Joint Chiefs to Meet Defense Leaders in Germany for Ukraine Defense Contact Group</span></h3>
<a class="link-overlay" href="https://www.defense.gov/News/Advisories/Advisory/Article/3529185/secretary-of-defense-chairman-of-the-joint-chiefs-to-meet-defense-leaders-in-ge/"><span class="sr-only">Secretary of Defense, Chairman of the Joint Chiefs to Meet Defense Leaders in Germany for Ukraine Defense Contact Group</span></a>
</figcaption>
</figure>
</div>
</div><!-- NEWSROOM ITEM -->
<div class="dgov-col-md-12">
<div class="item item-3528450">
<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="2023-09-18T08:00:15" data-dateap="Sept. 18, 2023">17 hours ago</time></span>
<h3 class="title"><span>DOD Launches Energy Storage Systems Campus to Build Domestic Capacity</span></h3>
<a class="link-overlay" href="https://www.defense.gov/News/Releases/Release/Article/3528450/dod-launches-energy-storage-systems-campus-to-build-domestic-capacity/"><span class="sr-only">DOD Launches Energy Storage Systems Campus to Build Domestic Capacity</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-3528608 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/2023/Sep/18/2003303052/825/780/0/180327-A-ZB549-0460Y.JPG)"></div>
<img alt="A soldier carries kettlebells in the woods as another soldier watches." src="https://media.defense.gov/2023/Sep/18/2003303052/825/780/0/180327-A-ZB549-0460Y.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>Soldier Overcomes Obstacles to Earn Scholarship</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.army.mil/article/269947/single_mom_soldier_overcomes_rough_beginnings_to_earn_green_to_gold_scholarship" target="_blank" rel="noopener"><span class="sr-only">Soldier Overcomes Obstacles to Earn Scholarship</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-3528686 item-even">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
<div class="image-wrap video-wrap-container">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2023/Sep/18/2003303071/825/780/0/230918-M-D0439-100.JPG)"></div>
<img alt="Screenshot of a uniformed Marine taken from a Marine Corps video." src="https://media.defense.gov/2023/Sep/18/2003303071/825/780/0/230918-M-D0439-100.JPG">
<img src="/Portals/_default/Skins/DGOV2/Resources/img/play-default.png" class="defaultVideoOverlay" alt="">
<img src="/Portals/_default/Skins/DGOV2/Resources/img/play-hover.png" class="hoverVideoOverlay" alt="">
<div class="video-duration"></div>
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-8 fts-col-copy">
<figcaption>
<span class="source Marine Corps">Marine Corps</span>
<h3 class="title"><span>Iraqi Native is Proud to Be a Marine</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.marines.mil/News/Marines-TV/?videoid=895362" target="_blank" rel="noopener"><span class="sr-only">Iraqi Native is Proud to Be a Marine</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-3528742 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/2023/Sep/08/2003303087/825/780/0/230823-N-YT019-1587.JPG)"></div>
<img alt="230823-N-YT019-1587" src="https://media.defense.gov/2023/Sep/08/2003303087/825/780/0/230823-N-YT019-1587.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>Operation Polar Dagger Showcases Special Ops</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.navy.mil/Press-Office/News-Stories/Article/3521740/naval-special-warfare-interoperates-with-uss-john-p-murtha-in-bering-sea/" target="_blank" rel="noopener"><span class="sr-only">Operation Polar Dagger Showcases Special Ops</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-3528774 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/2023/Sep/18/2003303101/825/780/0/230913-F-ZV493-9039Y.JPG)"></div>
<img alt="Twelve uniformed airmen stand on the steps of the U.S. Capitol building." src="https://media.defense.gov/2023/Sep/18/2003303101/825/780/0/230913-F-ZV493-9039Y.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>Outstanding Airmen of the Year Recognized</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.af.mil/News/Article-Display/Article/3526263/12-outstanding-airmen-of-the-year-becoming-tomorrows-daf-ambassadors-today/" target="_blank" rel="noopener"><span class="sr-only">Outstanding Airmen of the Year Recognized</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-3528793 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/2020/Aug/11/2002474716/825/780/0/200722-F-GO452-0001A.JPG)"></div>
<img alt="Space Force logo" src="https://media.defense.gov/2020/Aug/11/2002474716/825/780/0/200722-F-GO452-0001A.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>Integrated Mission Units to Optimize Performance</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.spaceforce.mil/News/Article-Display/Article/3522704/space-force-announces-integrated-mission-delta-construct-to-optimize-for-great/" target="_blank" rel="noopener"><span class="sr-only">Integrated Mission Units to Optimize Performance</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-3528834 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/2021/Nov/07/2003303133/825/780/0/211106-Z-XJ735-0287.JPG)"></div>
<img
alt="One of two new C-130J Super Hercules aircraft arrives at the Kentucky Air National Guard Base in Louisville, Ky., Nov. 6, 2021, ushering in a new era of aviation for the 123rd Airlift Wing. The state-of-the-art transports are among eight the wing will receive over the next 11 months to replace eight aging C-130 H-model aircraft, which entered service in 1992 and have seen duty all over the world. (U.S. Air National Guard photo by Staff Sgt. Clayton Wear)"
src="https://media.defense.gov/2021/Nov/07/2003303133/825/780/0/211106-Z-XJ735-0287.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>Four Wings to Get Aircraft Upgrades</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.nationalguard.mil/News/Article-View/Article/3527437/4-air-national-guard-locations-chosen-for-c-130j-upgrades/" target="_blank" rel="noopener"><span class="sr-only">Four Wings to Get Aircraft Upgrades</span></a>
</div>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- End_Module_3205 -->
</div>
</div><!--end of empty container -->
</div>
<div class="DnnModule DnnModule-DNN_HTML DnnModule-5914"><a name="5914"></a>
<div class="sidebar-section sidebar-search-section">
<div class="bluebox-title">
<h2 class="tab-title"><span>Veteran Resource</span></h2>
</div>
<div class="sidebar-section-inner">
<div id="dnn_ctr5914_ContentPane"><!-- Start_Module_5914 -->
<style>
.sidebar-section {
margin-left: 2rem;
}
.vet a img {
transition: all 0.25s;
}
.vet a:hover img {
transform: scale(1.1);
}
@media screen and (max-width: 1199px) {
.sidebar-section {
margin-left: 0rem;
}
}
</style>
<div class="vet">
<div id="dnn_ctr5914_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr5914_HtmlModule_lblContent" class="Normal">
<a href="https://www.veteranscrisisline.net/get-help/military-crisis-line" target="_blank"> <img class="logo" src="/portals/1/Spotlight/2022/taking-care/vcl-988_hoz_rgb.svg" alt="Veterans Crisis Line logo"> </a>
</div>
</div>
</div><!-- End_Module_5914 -->
</div>
</div>
</div>
</div>
</div>
</div>
<div id="ContentPanePage75" class="row staggered-cutout-75">
<div id="dnn_ContentPanePage7X" class="paneMarker col-lg-7 DNNEmptyPane"></div>
<div id="dnn_ContentPanePageX5" class="paneMarkerAlt col-lg-5 DNNEmptyPane"></div>
</div>
<div id="ContentPanePage66" class="row staggered-cutout-66">
<div id="dnn_ContentPanePage6X" class="paneMarker col-lg-6 DNNEmptyPane"></div>
<div id="dnn_ContentPanePageX6" class="paneMarkerAlt col-lg-6 DNNEmptyPane"></div>
</div>
<div id="ContentPanePage57" class="row staggered-cutout-57">
<div id="dnn_ContentPanePageX7" class="paneMarkerAlt col-lg-7 col-lg-push-5 DNNEmptyPane"></div>
<div id="dnn_ContentPanePage5X" class="paneMarker col-lg-5 col-lg-pull-7 DNNEmptyPane"></div>
</div>
<div id="ContentPanePage48" class="row staggered-cutout-48">
<div id="dnn_ContentPanePageX8" class="paneMarkerAlt col-lg-8 col-lg-push-4 DNNEmptyPane"></div>
<div id="dnn_ContentPanePage4X" class="paneMarker col-lg-4 col-lg-pull-8 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed1" class="staggered-cutout">
<div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3206"><a name="3206"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3206_ContentPane"><!-- Start_Module_3206 -->
<style>
.experience-slider-wrap .exp-img-wrap {
background: transparent;
}
.experience-slider-wrap .experience-slider .slick-dots li {
background-color: #fff;
}
.experience-slider-wrap .experience-slider .slick-dots li.slick-active {
background-color: #ff9900;
}
h2.tab-title.multimedia-tab-title {
margin-bottom: 15px;
}
.experience-slider-wrap .slick-track {
transform: translate3d(0, 0, 0) !important;
}
</style>
<div id="experience" class="experience home-section full">
<div class="content-wrap">
<h2 class="tab-title multimedia-tab-title"><a href="/Multimedia/Experience">Interactive Experiences <i class="fas fa-chevron-right"></i></a></h2>
<div id="dnn_ctr3206_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
<div id="dnn_ctr3206_Dashboard_ph">
<div id="experience-wrap-3206" class="aframe adash">
<h2 class="tab-title multimedia-tab-title hide"><a href="/Experience">Experience DOD <i class="fas fa-chevron-right"></i></a></h2>
<div class="navigate-text" tabindex="0" style="position: absolute;left:-9999px">Use left and right arrow keys to navigate this slide show.</div>
<div class="experience-slider-wrap slider-total-3">
<div class="dgov-grid">
<div class="dgov-col-md-9 dgov-col-bleed">
<div class="slider-progress">
<div class="progress" style="width: 41.4851%;"></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/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="0">
<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="0">
<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="0">
<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 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/2017/Sep/30/2002038266/825/780/0/170929-O-BB251-349I.JPG" data-thumbalt="Prince harry and a wounded warrior in a wheelchair shake hands."
data-thumbfocus="" tabindex="0" style="width: 100%; display: inline-block;">
<div class="item item-3524750">
<figure>
<div class="exp-img-wrap dgov-card dgov-card-3" onclick="(function() { window.location.href='https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/3524750/stars-stripes-sports/'; })()">
<a href="https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/3524750/stars-stripes-sports/" tabindex="-1">
<span class="sr-only">Stars, Stripes & Sports</span>
</a>
<div class="exp-img" alt="" style="background-image: url(https://media.defense.gov/2017/Sep/30/2002038266/1280/1280/0/170929-O-BB251-349I.JPG); background-size: cover; "><a href="https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/3524750/stars-stripes-sports/" tabindex="-1">
<figcaption>
<div class="main-caption">
<span class="interactive">Quiz</span>
<h2 class="title">Stars, Stripes & Sports</h2>
</div>
<p class="summary">As U.S. service members and veterans represent their country on the world stage during the 2023 Invictus Games, test your mental athleticism and find out how much you know about sports and the military.</p>
<div class="bgfade" style="height: 138.188px;"></div>
</figcaption>
</a>
</div>
</div>
</figure>
</div>
<div class="experience-img hide">
<div class="image-wrap ">
<a class="experience-link" href="https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/3524750/stars-stripes-sports/" tabindex="-1">
<div class="zoom-bg image-replacement" style="background-image: url()"></div>
<img alt="Prince harry and a wounded warrior in a wheelchair shake hands." src="https://media.defense.gov/2017/Sep/30/2002038266/1280/1280/0/170929-O-BB251-349I.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/2017/Jul/13/2002037645/825/780/0/170710-M-OP674-013C.JPG"
data-thumbalt="Marine Corps Cpl. Joachim Schock participates in a reconnaissance and surveillance mission during Talisman Saber 17 aboard the USS Bonhomme Richard in the Pacific Ocean, July 10, 2017. Schock is assigned to the 31st Marine Expeditionary Unit’s Force Reconnaissance Platoon. Marine Corps photo by Lance Cpl. Amy Phan"
data-thumbfocus="" tabindex="0" style="width: 100%; display: inline-block;">
<div class="item item-3519495">
<figure>
<div class="exp-img-wrap dgov-card dgov-card-3" onclick="(function() { window.location.href='/Multimedia/Experience/Exercise-Talisman-Sabre/'; })()">
<a href="/Multimedia/Experience/Exercise-Talisman-Sabre/" tabindex="-1">
<span class="sr-only">Talisman Sabre </span>
</a>
<div class="exp-img" alt="" style="background-image: url(https://media.defense.gov/2017/Jul/13/2002037645/1280/1280/0/170710-M-OP674-013C.JPG); background-size: cover; "><a href="/Multimedia/Experience/Exercise-Talisman-Sabre/" tabindex="-1">
<figcaption>
<div class="main-caption">
<h2 class="title">Talisman Sabre </h2>
</div>
<p class="summary">Thousands of troops from 13 countries joined forces across sea, land, air, cyber and space during Talisman Sabre, the largest bilateral military exercise between Australia and the United States, to strengthen relationships, interoperability and capabilities.</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/Exercise-Talisman-Sabre/" tabindex="-1">
<div class="zoom-bg image-replacement" style="background-image: url(https://media.defense.gov/2017/Jul/13/2002037645/1280/1280/0/170710-M-OP674-013C.JPG)"></div>
<img alt="Marine Corps Cpl. Joachim Schock participates in a reconnaissance and surveillance mission during Talisman Saber 17 aboard the USS Bonhomme Richard in the Pacific Ocean, July 10, 2017. Schock is assigned to the 31st Marine Expeditionary Unit’s Force Reconnaissance Platoon. Marine Corps photo by Lance Cpl. Amy Phan" src="https://media.defense.gov/2017/Jul/13/2002037645/1280/1280/0/170710-M-OP674-013C.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/2021/Sep/17/2002857094/825/780/0/210917-D-D0439-500.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/2017/Sep/30/2002038266/825/780/0/170929-O-BB251-349I.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/2017/Jul/13/2002037645/825/780/0/170710-M-OP674-013C.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="application/javascript" defer="" src="https://static.addtoany.com/menu/page.js"></script>
<script type="text/javascript" src="/DesktopModules/Slideshow/Resources/js/analyticsParamsForDVIDSAnalyticsAPI.js"></script>
<div id="gridlayout-slideshow-3207" class="gridlayout-slideshow">
<div 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>
Rainbow Refuel
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2023/Sep/18/2003303633/1200/900/0/230912-N-UA460-1348M.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>
Secure Stretch
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2023/Sep/18/2003303632/1200/900/0/230830-F-UK538-1026M.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>
Final Formation
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2023/Sep/18/2003303631/1200/900/0/230915-N-YT061-1268M.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>
Falcon Leap
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2023/Sep/18/2003303514/1200/900/0/230916-A-SS112-1003C.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>
Bright Star Breach
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2023/Sep/18/2003303513/1200/900/0/230907-M-TT571-1050C.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>
Crossing Crew
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2023/Sep/18/2003303512/1200/900/0/230811-Z-QC464-9016C.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>
Cave Rescue
</div></div> <!----> <img alt="" actualaspectratio="1.5037593984962405" src="https://media.defense.gov/2023/Sep/18/2003303225/1200/900/0/230803-F-CQ965-1007Y.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>
Sailing Partners
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2023/Sep/18/2003303224/1200/900/0/230810-M-RQ720-1015Y.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>
Ready, Set, Spike!
</div></div> <!----> <img alt="" actualaspectratio="1.4981273408239701" src="https://media.defense.gov/2023/Sep/18/2003303214/1200/900/0/230914-O-XX948-2739Y.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>
Drill Skills
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2023/Sep/18/2003303056/1200/900/0/230912-A-PX137-1171.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>
Birthday Boy
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2023/Sep/18/2003303055/1200/900/0/230916-A-HF331-1008.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>
Coral Patrol
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2023/Sep/18/2003303054/1200/900/0/230901-G-IA651-8073A.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/2003303633/",
target: "_self",
imageUrl: "https://media.defense.gov/2023/Sep/18/2003303633/1200/900/0/230912-N-UA460-1348M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2023/Sep/18/2003303633/-1/-1/0/230912-N-UA460-1348M.JPG",
preventDistortionClass: "",
title: "Rainbow Refuel",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "0",
link: "igphoto/2003303633/",
alt: "Sailors kneel on a ship at sea while holding a hose connected to a hovering helicopter with a rainbow to its left.",
byLine: "Navy Petty Officer 1st Class Greg Johnson",
description: "Sailors conduct an in-flight refuel with a Navy MH-60R Sea Hawk helicopter aboard the USS Dewey in the Philippine Sea, Sept. 12, 2023.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '0',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.43MB',
//// 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/2003303632/",
target: "_self",
imageUrl: "https://media.defense.gov/2023/Sep/18/2003303632/1200/900/0/230830-F-UK538-1026M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2023/Sep/18/2003303632/-1/-1/0/230830-F-UK538-1026M.JPG",
preventDistortionClass: "",
title: "Secure Stretch",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "1",
link: "igphoto/2003303632/",
alt: "Two airmen stand on opposite sides to stretch a band with three American flags hanging in the background and a casket in the foreground.",
byLine: "Jason Minto, Air Force",
description: "Air Force Senior Airman Tessa Smith, left, and Staff Sgt. Stephanie Silverfolk stretch a band used to secure a flag during the filming of an instructional flag draping video at Dover Air Force Base, Del., Aug. 30, 2023.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '1',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '10.1MB',
//// 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/2003303631/",
target: "_self",
imageUrl: "https://media.defense.gov/2023/Sep/18/2003303631/1200/900/0/230915-N-YT061-1268M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2023/Sep/18/2003303631/-1/-1/0/230915-N-YT061-1268M.JPG",
preventDistortionClass: "",
title: "Final Formation",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "2",
link: "igphoto/2003303631/",
alt: "A sailor holds a sword in the air while standing in front of fellow sailors standing in formation with a ship in the background.",
byLine: "Navy Petty Officer 3rd Class Giovannie Otero-Santiago",
description: "Sailors participate in a decommissioning ceremony at Naval Station Norfolk, Va., Sept. 15, 2023, for the USS San Jacinto after more than 35 years of service.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '2',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.83MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003303514/",
target: "_self",
imageUrl: "https://media.defense.gov/2023/Sep/18/2003303514/1200/900/0/230916-A-SS112-1003C.JPG",
serverHiresImageUrl: "https://media.defense.gov/2023/Sep/18/2003303514/-1/-1/0/230916-A-SS112-1003C.JPG",
preventDistortionClass: "",
title: "Falcon Leap",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "3",
link: "igphoto/2003303514/",
alt: "U.S. and foreign service members descend in the sky wearing parachutes as a plane flies in the distance.",
byLine: "Army Spc. Samuel Signor",
description: "U.S., British, Dutch, French, German, Greek, Italian, Polish, Portuguese, Romanian and Spanish troops participate in static line and free-fall jumps over Ginkelse Heide, Netherlands, Sept. 16, 2023, as part of Falcon Leap, NATO’s largest technical airborne exercise.",
primaryWidth: '1200',
primaryHeight: '801',
serverIndex: '3',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '0.11MB',
//// 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/2003303513/",
target: "_self",
imageUrl: "https://media.defense.gov/2023/Sep/18/2003303513/1200/900/0/230907-M-TT571-1050C.JPG",
serverHiresImageUrl: "https://media.defense.gov/2023/Sep/18/2003303513/-1/-1/0/230907-M-TT571-1050C.JPG",
preventDistortionClass: "",
title: "Bright Star Breach",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "4",
link: "igphoto/2003303513/",
alt: "Marines stand huddled together in a line behind a protective shield as an explosive detonates.",
byLine: "Marine Corps Capt. Mark Andries",
description: "Marines detonate an explosive during Bright Star at Mohamed Naguib Military Base, Egypt, Sept. 7, 2023. The exercise is designed to promote and enhance regional security and cooperation and improve interoperability in irregular warfare against hybrid threat scenarios.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '4',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '0.58MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003303512/",
target: "_self",
imageUrl: "https://media.defense.gov/2023/Sep/18/2003303512/1200/900/0/230811-Z-QC464-9016C.JPG",
serverHiresImageUrl: "https://media.defense.gov/2023/Sep/18/2003303512/-1/-1/0/230811-Z-QC464-9016C.JPG",
preventDistortionClass: "",
title: "Crossing Crew",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "5",
link: "igphoto/2003303512/",
alt: "A soldier standing on a bridge signals toward a vehicle crossing the bridge as others stand around.",
byLine: "Army Sgt. Matthew Lucibello",
description: "Army Staff Sgt. Kelly Schebell waves vehicles to advance across an improved ribbon bridge at Fort Drum, N.Y., Aug. 11, 2023.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '5',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '0.58MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003303225/",
target: "_self",
imageUrl: "https://media.defense.gov/2023/Sep/18/2003303225/1200/900/0/230803-F-CQ965-1007Y.JPG",
serverHiresImageUrl: "https://media.defense.gov/2023/Sep/18/2003303225/-1/-1/0/230803-F-CQ965-1007Y.JPG",
preventDistortionClass: "",
title: "Cave Rescue",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "6",
link: "igphoto/2003303225/",
alt: "A uniformed airman is shown in silhouette speaking to other service members.",
byLine: "Air Force Senior Airman William Turnbull",
description: "An airman discusses tactics during a simulated patient rescue as part of Exercise Red Flag-Rescue 23-2 at San Xavier Mines, Ariz., Aug. 3, 2023. The DOD’s premier combat search and rescue exercise is hosted biannually.",
primaryWidth: '1200',
primaryHeight: '799',
serverIndex: '6',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.72MB',
//// 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/2003303224/",
target: "_self",
imageUrl: "https://media.defense.gov/2023/Sep/18/2003303224/1200/900/0/230810-M-RQ720-1015Y.JPG",
serverHiresImageUrl: "https://media.defense.gov/2023/Sep/18/2003303224/-1/-1/0/230810-M-RQ720-1015Y.JPG",
preventDistortionClass: "",
title: "Sailing Partners",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "7",
link: "igphoto/2003303224/",
alt: "Service members in silhouette sail in a small craft illuminated by low sunlight.",
byLine: "Marine Corps Lance Cpl. Emma Gray",
description: "Marines and Norwegian soldiers conduct a simulated beach insertion in Norway, Aug. 11, 2023.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '7',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '0.85MB',
//// 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/2003303214/",
target: "_self",
imageUrl: "https://media.defense.gov/2023/Sep/18/2003303214/1200/900/0/230914-O-XX948-2739Y.JPG",
serverHiresImageUrl: "https://media.defense.gov/2023/Sep/18/2003303214/-1/-1/0/230914-O-XX948-2739Y.JPG",
preventDistortionClass: "",
title: "Ready, Set, Spike!",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "8",
link: "igphoto/2003303214/",
alt: "Volleyball players seated in wheelchairs reach toward the net.",
byLine: "Anthony Beauchamp, Air Force",
description: "Team U.S. athletes compete in sitting volleyball during the 2023 Invictus Games in Düsseldorf, Germany, Sept. 14, 2023. The Invictus Games celebrates over 500 competitors from 21 nations, highlighting the resilience and spirit of wounded, injured and ill service members and veterans.",
primaryWidth: '1200',
primaryHeight: '801',
serverIndex: '8',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.08MB',
//// 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/2003303056/",
target: "_self",
imageUrl: "https://media.defense.gov/2023/Sep/18/2003303056/1200/900/0/230912-A-PX137-1171.JPG",
serverHiresImageUrl: "https://media.defense.gov/2023/Sep/18/2003303056/-1/-1/0/230912-A-PX137-1171.JPG",
preventDistortionClass: "",
title: "Drill Skills",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "9",
link: "igphoto/2003303056/",
alt: "A soldier climbs over an obstacle.",
byLine: "Army Spc. Aleksander Fomon",
description: "A soldier competes in multiple task and skill events during the Drill Sergeant of the Year event at Fort Eustis, Va., Sept. 12, 2023.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '9',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '10.75MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003303055/",
target: "_self",
imageUrl: "https://media.defense.gov/2023/Sep/18/2003303055/1200/900/0/230916-A-HF331-1008.JPG",
serverHiresImageUrl: "https://media.defense.gov/2023/Sep/18/2003303055/-1/-1/0/230916-A-HF331-1008.JPG",
preventDistortionClass: "",
title: "Birthday Boy",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "10",
link: "igphoto/2003303055/",
alt: "Two men smile as they hold hands.",
byLine: "Army Pfc. Alejandro Duran-Ortiz",
description: "Army Reserve Capt. Mathew Stevens meets with Curtis Outen, a World War II veteran, on his 102nd birthday in Charlotte, N.C., Sept. 16, 2023.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '10',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '4.27MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003303054/",
target: "_self",
imageUrl: "https://media.defense.gov/2023/Sep/18/2003303054/1200/900/0/230901-G-IA651-8073A.JPG",
serverHiresImageUrl: "https://media.defense.gov/2023/Sep/18/2003303054/-1/-1/0/230901-G-IA651-8073A.JPG",
preventDistortionClass: "",
title: "Coral Patrol",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "11",
link: "igphoto/2003303054/",
alt: "Coast Guard cutters patrol the ocean at twilight.",
byLine: "Coast Guard Chief Warrant Officer Sara Muir",
description: "The crew of the Coast Guard cutter Myrtle Hazard and an officer from the Papua New Guinea defense force conduct illegal fishing patrols in the Coral Sea, Sept. 1, 2023.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '11',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '0.92MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
// console.log('slides', slides);
window.addEventListener("load", function() {
opts.slides = slides;
attachGridSlideshow("#grid-id-3207", opts);
});
})();
</script>
</div>
</div>
</div>
</div>
</div><!-- End_Module_3207 -->
</div>
</div><!--end of empty container -->
</div>
</div>
<div id="content-pane-wrap2">
<div class="content-wrap">
<div id="dnn_ContentPane2" class="DNNEmptyPane"></div>
</div>
</div>
<div id="ContentPaneFullBleed75" class="container fullbleed">
<div class="row">
<div id="dnn_ContentPaneFullBleed7X" class="paneMarker col-lg-7 DNNEmptyPane"></div>
<div id="dnn_ContentPaneFullBleedX5" class="paneMarkerAlt col-lg-5 DNNEmptyPane"></div>
</div>
</div>
<div id="content-pane-wrap-75">
<div class="content-wrap container">
<div id="ContentPane75" class="row">
<div id="dnn_ContentPane7X" class="paneMarker col-lg-7 DNNEmptyPane"></div>
<div id="dnn_ContentPaneX5" class="paneMarkerAlt col-lg-5 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed3" class="DNNEmptyPane"></div>
<div id="content-pane-wrap3">
<div class="content-wrap">
<div id="dnn_ContentPane3" class="DNNEmptyPane"></div>
</div>
</div>
<div id="ContentPaneFullBleed66" class="container fullbleed">
<div class="row">
<div id="dnn_ContentPaneFullBleed6X" class="paneMarker col-lg-6 DNNEmptyPane"></div>
<div id="dnn_ContentPaneFullBleedX6" class="paneMarkerAlt col-lg-6 DNNEmptyPane"></div>
</div>
</div>
<div id="content-pane-wrap-66">
<div class="content-wrap container">
<div id="ContentPane66" class="row">
<div id="dnn_ContentPane6X" class="paneMarker col-lg-6 DNNEmptyPane"></div>
<div id="dnn_ContentPaneX6" class="paneMarkerAlt col-lg-6 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed4" class="DNNEmptyPane"></div>
<div id="content-pane-wrap4">
<div class="content-wrap">
<div id="dnn_ContentPane4" class="DNNEmptyPane"></div>
</div>
</div>
<div id="ContentPaneFullBleed57" class="container fullbleed">
<div class="row">
<div id="dnn_ContentPaneFullBleedX7" class="paneMarkerAlt col-lg-7 col-lg-push-5 DNNEmptyPane"></div>
<div id="dnn_ContentPaneFullBleed5X" class="paneMarker col-lg-5 col-lg-pull-7 DNNEmptyPane"></div>
</div>
</div>
<div id="content-pane-wrap-57">
<div class="content-wrap container">
<div id="ContentPane57" class="row">
<div id="dnn_ContentPaneX7" class="paneMarkerAlt col-lg-7 col-lg-push-5 DNNEmptyPane"></div>
<div id="dnn_ContentPane5X" class="paneMarker col-lg-5 col-lg-pull-7 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed5" class="DNNEmptyPane"></div>
<div id="content-pane-wrap5">
<div class="content-wrap">
<div id="dnn_ContentPane5" class="DNNEmptyPane"></div>
</div>
</div>
<div id="ContentPaneFullBleed48" class="container fullbleed">
<div class="row">
<div id="dnn_ContentPaneFullBleedX8" class="paneMarkerAlt col-lg-8 col-lg-push-4 DNNEmptyPane"></div>
<div id="dnn_ContentPaneFullBleed4X" class="paneMarker col-lg-4 col-lg-pull-8 DNNEmptyPane"></div>
</div>
</div>
<div id="content-pane-wrap-48">
<div class="content-wrap container">
<div id="ContentPane48" class="row">
<div id="dnn_ContentPaneX8" class="paneMarkerAlt col-lg-8 col-lg-push-4 DNNEmptyPane"></div>
<div id="dnn_ContentPane4X" class="paneMarker col-lg-4 col-lg-pull-8 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed6" class="DNNEmptyPane"></div>
<div id="content-pane-wrap6">
<div class="content-wrap">
<div id="dnn_ContentPane6" class="DNNEmptyPane"></div>
</div>
</div>
</main>
<div id="footer">
<div class="footer-inner content-wrap content-wrap-wide">
<div class="dgov-grid">
<div class="dgov-col-auto">
<div class="dgov-grid">
<div id="dnn_Footer_footerNavCol1" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
<h3>Defense.gov<i class="fas fa-chevron-down"></i></h3>
<ul class="footer-nav">
<li class=""><a href="/"><span class="text text-link-18">Home</span></a></li>
<li class=""><a href="/News/"><span class="text text-link-20">News</span></a></li>
<li class=""><a href="/Spotlights/ "><span class="text text-link-22">Spotlights</span></a></li>
<li class=""><a href="/About/"><span class="text text-link-21">About</span></a></li>
</ul>
</div>
<div id="dnn_Footer_footerNavCol2" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
<h3>Helpful Links<i class="fas fa-chevron-down"></i></h3>
<ul class="footer-nav">
<li class=""><a href="/Live"><span class="text text-link-23">Live Events</span></a></li>
<li class=""><a href="/News/Today-in-DOD/"><span class="text text-link-24">Today in DOD</span></a></li>
<li class=""><a href="/News/Contracts/"><span class="text text-link-25">Contracts</span></a></li>
<li class=""><a href="/Resources/For-the-Media/"><span class="text text-link-26">For the Media</span></a></li>
<li class=""><a href="/Contact"><span class="text text-link-27">Contact</span></a></li>
</ul>
</div>
<div id="dnn_Footer_footerNavCol3" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
<h3>Resources<i class="fas fa-chevron-down"></i></h3>
<ul class="footer-nav">
<li class=""><a href="/Resources/ "><span class="text text-link-28">DOD Resources</span></a></li>
<li class=""><a href="/resources/social-media-policy/"><span class="text text-link-53">DOD Social Media Policy</span></a></li>
<li class=""><a href="/contact/help-center"><span class="text text-link-29">Help Center</span></a></li>
<li class=""><a href="/Resources/Military-Departments/"><span class="text text-link-30">DOD / Military Websites</span></a></li>
<li class=""><a href="https://comptroller.defense.gov/ODCFO/afr/" target="_blank" rel="noopener noreferrer"><span class="text text-link-49">Agency Financial Report</span></a></li>
</ul>
</div>
<div id="dnn_Footer_footerNavCol4" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
<h3>Popular<i class="fas fa-chevron-down"></i></h3>
<ul class="footer-nav">
<li class=""><a href="/Spotlights/Value-of-Service/"><span class="text text-link-33">Value of Service</span></a></li>
<li class=""><a href="/Spotlights/Taking-Care-of-Our-People/"><span class="text text-link-36">Taking Care of Our People</span></a></li>
<li class=""><a href="/Spotlights/FY2024-Defense-Budget/"><span class="text text-link-34">FY 2024 Defense Budget</span></a></li>
<li class=""><a href="/National-Defense-Strategy/"><span class="text text-link-54">National Defense Strategy</span></a></li>
</ul>
</div>
</div>
</div>
<div class="right-col dgov-col-md-12 dgov-col-lg-4">
<div class="right-col-inner">
<div class="mission">
<img class="footer-logo" alt="U.S. Department of Defense logo" src="/Portals/1/Images/DOD-Icon-Header.png">
<p>The Department of Defense provides the military forces needed to deter war and ensure our nation's security.</p>
</div>
<div class="footer-search-wrap">
<label class="sr-only" for="footer-search-input">Enter Your Search Terms</label>
<i class="fa fa-search" id="fa-search-icon-bottom"></i>
<input type="search" id="footer-search-input" name="footer-search" maxlength="256" placeholder="Search...">
</div>
</div>
</div>
</div>
</div>
</div>
<footer id="footer-main">
<div class="utility-nav">
<ul class="">
<li class=""><a href="/Legal-Administrative/Privacy-Security/ "><span class="text text-link-12">Privacy & Security</span></a></li>
<li class=""><a href="/Legal-Administrative/Links-Disclaimer/ "><span class="text text-link-17">Links Disclaimer</span></a></li>
<li class=""><a href="http://dodcio.defense.gov/DoDSection508/Std_Stmt.aspx" target="_blank" rel="noopener noreferrer"><span class="text text-link-13">Section 508</span></a></li>
<li class=""><a href="/resources/social-media-policy/"><span class="text text-link-52">DOD Social Media Policy</span></a></li>
<li class=""><a href="http://dodcio.defense.gov/DoD-Web-Policy/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-14">Web Policy</span></a></li>
<li class=""><a href="http://www.esd.whs.mil/DD/plainlanguage/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-37">Plain Writing Act</span></a></li>
<li class=""><a href="http://www.dodig.mil/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-38">DOD IG</span></a></li>
<li class=""><a href="https://policy.defense.gov/OUSDP-Offices/Reporting-Civilian-Casualties/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-39">Reporting Civilian Casualties</span></a></li>
<li class=""><a href="http://prhome.defense.gov/NoFear/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-40">No FEAR Act</span></a></li>
<li class=""><a href="http://www.dimoc.mil/resources/limitations/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-41">Imagery Use</span></a></li>
<li class=""><a href="https://www.esd.whs.mil/FOID/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-42">FOIA</span></a></li>
<li class=""><a href="http://open.defense.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-43">Open GOV</span></a></li>
<li class=""><a href="https://dam.defense.gov/Performance/" target="_blank" rel="noopener noreferrer"><span class="text text-link-44">Strategic Management Plan</span></a></li>
<li class=""><a href="https://www.usa.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-45">USA.gov</span></a></li>
<li class=""><a href="https://business.defense.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-46">Small Business Act</span></a></li>
<li class=""><a href="/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=1385" 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
* Focus on the Indo-Pacific
* Support for Ukraine
* Topics
* Value of Service
* Science & Technology
* 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
* Focus on the Indo-Pacific
* Support for Ukraine
* Topics
* Value of Service
* Science & Technology
* 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 Management Plan
* USA.gov
* Small Business Act
* Site Map
*
*
*
*
*
U.S. DEPARTMENT OF DEFENSE
Live Event
REMARKS: AUSTIN OPENS UKRAINE DEFENSE GROUP MEETING
Watch live at 4 a.m. EDT as Secretary of Defense Lloyd J. Austin III provides
opening remarks during a Ukraine Defense Contact Group meeting at Ramstein Air
Base, Germany.
Remarks: Austin Opens Ukraine Defense Group Meeting
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.
Read More
Support for Ukraine
Spotlight
SPOTLIGHT ON NATO
NATO is a transatlantic alliance of 31 like-minded North American and European
countries securing peace since 1949.
Read More
Spotlight on NATO
Spotlight
VALUE OF SERVICE
The U.S. military, the world's finest fighting force, is made up entirely of
volunteers, reinforcing the American ideal of personal freedom while offering
those with the desire and ability to serve opportunity, community and purpose.
Read More
Value of Service
Live Now LIVE TODAY
9:00am BST | Austin Speaks at Ukraine Defense Meeting
2 more events Close
3:30pm BST | Austin, Milley Hold Briefing on Ukraine Defense
3:35pm BST | Defense and State Officials on Taiwan
NEWS
News | Sept. 15, 2023
DOD WON'T STOP LOOKING UNTIL ALL POW/MIAS ARE HOME
Nearly 81,000 American service members remain missing after having served in
several wars. During an event at the Pentagon, Deputy Defense Secretary Kathleen
Hicks vowed the DOD would never stop looking for them.
DOD Won't Stop Looking Until All POW/MIAs Are Home
Feature | yesterday
MEDAL OF HONOR MONDAY: MARINE CORPS CAPT. ARTHUR J. JACKSON
In 1944, Marine Corps Capt. Arthur Jackson, then a private first class, wiped
out 50 enemy soldiers in a single action during World War II and, for that, he
received the Medal of Honor.
Medal of Honor Monday: Marine Corps Capt. Arthur J. Jackson
News | Sept. 15, 2023
DOD HOSTS CHILD CARE SUMMIT TO GIVE MILITARY FAMILIES, PROVIDERS VOICE
Pentagon leaders gathered input from service members and their spouses, child
development experts and early childhood educators to improve the Defense
Department's child care programs.
DOD Hosts Child Care Summit to Give Military Families, Providers Voice
News | Sept. 14, 2023
AUSTIN WELCOMES INCREASED COOPERATION WITH BAHRAIN
Secretary of Defense Lloyd J. Austin III welcomed Bahrain's Prime Minister
Salman bin Hamad Al Khalifa, one day after the U.S. and Bahrain signed the
Comprehensive Security Integration Agreement.
Austin Welcomes Increased Cooperation With Bahrain
Spotlight
NATIONAL HISPANIC HERITAGE MONTH
National Hispanic Heritage Month, Sept. 15 to Oct. 15, marks a time to showcase
and honor the many contributions Hispanic Americans have made to the Defense
Department and the nation.
National Hispanic Heritage Month
Spotlight
SPORTS IN THE DOD
From local competitions to the world stage, military athletes bring the same
physical prowess, dedication and spirit of excellence to playing fields that
they do the battlefield, and continue to influence the rich history of America's
sporting life.
Sports in the DOD
PRESS PRODUCTS
--------------------------------------------------------------------------------
Release | 11 hours ago
ACTING UNDERSECRETARY OF DEFENSE FOR POLICY CONCLUDES SINGAPORE VISIT
Acting Undersecretary of Defense for Policy Concludes Singapore Visit
--------------------------------------------------------------------------------
Advisory | 12 hours ago
SECRETARY OF DEFENSE, CHAIRMAN OF THE JOINT CHIEFS TO MEET DEFENSE LEADERS IN
GERMANY FOR UKRAINE DEFENSE CONTACT GROUP
Secretary of Defense, Chairman of the Joint Chiefs to Meet Defense Leaders in
Germany for Ukraine Defense Contact Group
--------------------------------------------------------------------------------
Release | 17 hours ago
DOD LAUNCHES ENERGY STORAGE SYSTEMS CAMPUS TO BUILD DOMESTIC CAPACITY
DOD Launches Energy Storage Systems Campus to Build Domestic Capacity
FROM THE SERVICES
Army
SOLDIER OVERCOMES OBSTACLES TO EARN SCHOLARSHIP
Soldier Overcomes Obstacles to Earn Scholarship
Marine Corps
IRAQI NATIVE IS PROUD TO BE A MARINE
Iraqi Native is Proud to Be a Marine
Navy
OPERATION POLAR DAGGER SHOWCASES SPECIAL OPS
Operation Polar Dagger Showcases Special Ops
Air Force
OUTSTANDING AIRMEN OF THE YEAR RECOGNIZED
Outstanding Airmen of the Year Recognized
Space Force
INTEGRATED MISSION UNITS TO OPTIMIZE PERFORMANCE
Integrated Mission Units to Optimize Performance
National Guard
FOUR WINGS TO GET AIRCRAFT UPGRADES
Four Wings to Get Aircraft Upgrades
VETERAN RESOURCE
INTERACTIVE EXPERIENCES
EXPERIENCE DOD
Use left and right arrow keys to navigate this slide show.
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.
Stars, Stripes & Sports
Quiz
STARS, STRIPES & SPORTS
As U.S. service members and veterans represent their country on the world stage
during the 2023 Invictus Games, test your mental athleticism and find out how
much you know about sports and the military.
Talisman Sabre
TALISMAN SABRE
Thousands of troops from 13 countries joined forces across sea, land, air, cyber
and space during Talisman Sabre, the largest bilateral military exercise between
Australia and the United States, to strengthen relationships, interoperability
and capabilities.
* 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
Rainbow Refuel
Secure Stretch
Final Formation
Falcon Leap
Bright Star Breach
Crossing Crew
Cave Rescue
Sailing Partners
Ready, Set, Spike!
Drill Skills
Birthday Boy
Coral Patrol
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
* Value of Service
* Taking Care of Our People
* FY 2024 Defense Budget
* National Defense 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 Management Plan
* USA.gov
* Small Business Act
* Site Map
*
*
*
*
*
Subscribe
Hosted by Defense Media Activity - WEB.mil
PreviousNextSlideshow