www.defense.gov
Open in
urlscan Pro
2600:1401:2000:29a::3a30
Public Scan
Submitted URL: http://media.defense.gov/
Effective URL: https://www.defense.gov/
Submission: On March 26 via api from US — Scanned from DE
Effective URL: https://www.defense.gov/
Submission: On March 26 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
POST /
<form method="post" action="/" id="Form" enctype="multipart/form-data">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="wGVxxqH9WSN1vPODNSbMhZoq3caPaFpP64R0gCsuaiEmrNoUlWlP7VshMLA/7yNdBw6mEcob29pCA+H2EbhYTOz5EInDPTHmPLPkIHoo9qX8lplLCkht9hf0gGBs4LCmS80Se057bp1A/KuhM7MRQwKSNVtYFeCPeUhAtZsUxVnhVKKAKmlZgFFeVssZwS3aWO+W5+pJAT3ypUtdHLv4pxN3qqK2fTr0PJVnsm7m1o41EqNNDEdYHUfUo4xnp9l8JQ1UCHTM9SqqjceBasnjgfM2esE2Tu6kMmFJYufe+dtJvzfMGddyCn2rDTg8i/45JGj4aICud5j+PjVHqUf5jI30zE73oVOtfRHR8dV7lYMsHD2kK5IIHDduRfScMuY5yn/bAoi5ak8NqqLKG2V6PncwypsFEwEi4zk+ZMXbCtsIFGJ4d+7osT8hB7w0BQ8clk3nqlVB4pVKz8E02Oa71sZ95eWJbIs7xnTvbANCWVAwjUTooKEbW71UF9Fb6VAdKry20kjj5PTafHEHSTTLQLv2z3EePhEoGm00YCQeZBQwqNZJ9eaRRuOYr/kQMVsFW8wYwNF7JYIjxA/Y0xhLeD29Mh9c7DwExJ4dmkORxY7jhZizxJGHYBRxW2DtK0W6TK0a8jbxTFgEK904Vb2BUeiPTwmb5sTJWWMyaV2bo7VXJS879K7sMJN/+1q4FyYBitdAK8DMjB3RCVJXkfL6pdagLG0BeM1jjWBJUp/bIld7783g/R5jLXuxr53Kaf584C3gJ0spW9mVl0aqfczK/9mvs7j8NkuYSg6X7JBSeIPwps8vYZBj56g9529WCYF0c43u6j2hj1gplHm/Wvug5cDKVSTqq8rh7wh3dMf+ATgM0brUjFDqCn4XNXuk3Syz8jlHeRFOMFYM8iWgF+IJuQJVj1TnNnbJktmIwOaSjdEYRFuuVIk4LlxlgP/+pEZzXxZF5Rq/ahsrVynkP/7f7Xz/N//n5j3JgGCaRK02z34GndSXzer1n8gcCOJOZKzfidSelsFV1UMGtvc/bduInY9SStUcN5DMJ61wRanFQbw5bL0fYhbLbhRZq+km3oeCTi8TUzizgbXSm5XIKMPxvOlJzaKFXm9ijcyWXcwLh911Pma/tfwvOI4Kl3ZtVh3ifYs+y5Il0OZ3AP61T+HtSLSv+TZxGmBUs0dUED21lTl6cDQVRiMbRjFFFOw/6VhAJL7hBr4IyKOtwEtsNwiEGs7PW5MQKhEjnOqBCj4kBjdIMJCamwTQBEuzbGescBcgjwaD7jsAZZNBVcbcHErzXAuJQ2BiWMqOhGGZ7ZtxiLn0wXqlFHJ2mHtlT+dNNTn90yzVwLA2bJd3m7QnXU3tXBIBKqDlqQi7/quZcV4BCwIRLaMlVH9vROljP/vXw8sGyl2X/UGxvYynZRgClDY7IoLVoZZtuVGuZxPBAUxIeJ09kzzXi7NGpbbz55IbOOvL/U4jm48j4gnKa1dJ9zVSgYUlPhw5K7MkwvLfdpSMwXcA2Xv6kvhOcbQJDoWo0lEpTtPa3BrPWyZGKlmFnZj8GK8JSJT8E6E/0FnCbYVjTVvh7oGxhoTaqyK99XZ6uCm2hXBMplqA/PS2L1kM1JoH7ht5M87ZDlE7P11Q9F/oDlJtWvyzPsSXwfOkGYH7BbC2EFJKrs209XSspsHYT43K44270ujI7KEy0snh59yW8MaSNqybZ2Iha7Fzn1R2NIWeHsMe+wU24lawgK5NVrQzMqrZtDKY6dUB1OQEC8eZNxC0vHVjdIAthgu6Wq5n3zSLh+aRr99rcvZWkXH0tVH4WLnyngjz8krwDGfik97j5VD5gOhL/EWKz64K5GhFh4azW4NPjSBf8y6waG+OvJxF/Vi2+TkAMbjPCFXu78tqg11pM4ehOc38xr5WFuYJW4AwK6OfejMdeHzAuhIWTqyjZkHh0CpUapL8WGbb9rktvlFQOOm2vpS/zrMC7lbov2UbzCnuW5jYreeLoo7dgoSakK83HqPAzdpvw3bSaLuyNpeq4HNTjrqfC7j1pRSo1b+cKULnkticQP5tV1VBMxdYr+I56d/wWmev7RoyTCu54b8uPpe17XlBVud61tU9LgLHaeG5rilZReB0+r2m5F2wffl/PYIQ3OmMpRWyi319TSXjw1sn/t3SBOpfiOfEiVgjavdj/WAB1FTMrebeTG8lBPpvlsmMF8Rc5Ma9Vz3UosSWIIWPPvt6vsvcafCtUSvPdkVOdZtw0tsi4IRAIYHsm6yEvKGi5cN8/jL9buY6O6tZWohxDx12euZTyfDDBk2yRAfTslT5QZ/imOKGse9L8tCm7MU8RFMCpZ6iyH72tYQfGE3ZNa651ZMjWmFesuaYpJcmeNqSSX2/Ygsy7SuDiK+sQwVZcc6x1Da0MIYqHju7o6Mc/6OJeGfCzJ3e1h7PeffapRVdcq/FI+c6TNQ1SFDu3qMj9Qk3CNYnhPg0tB2hAZNJsUIxdi2Bz94y46IxMyx2W7fOUQKgtr+2YOk159LKY8EsQmMsSR6M+f4zCwwZgoI/FvtfJSM0NnGsj7bJ3fPoLApWpuE/U7IetzaKL77hxYFOuaA4cnm3NsFdRZiaqry22kf6Uv0ynB7X+AeIZNFRRgYNXGs7YWep9dzyLWYsJRpJ35hpOsJmZT+WPZl8nx2Dp+HnJy/rz0paKYlgZN4HiJS7T4XCALl1pN99yT1Kl7WYZDGPeyc80TUR3h42bgbLHO0UhfYWJHTb9o+1MZj4FTDpAauIaey69jO6DtEgm8E6LO3rstwzmnCccTse6/I//RNQSZdycaUFhMM7LmRq0ZYTl3xbfnp8UywsvXU4AsFXspw6ohrDQo+3loUdMyNVp7OMyGxMt4LcZIWm7mfjLDZnCMrP/S37NZ8uLRv0LXSCJOJkL2O4nK5DDIUUdfFbLv9R4tgOgsa/k1SCHStmbQzV1D9itUV8yLqpTda9KaMkG7u2R7/6oFSQZZliqxi8wFqD/dEU/1Yg1FqEDsgoiC2n4SRMm5NuNvbMnZvF99vC7j3kIPPfCOIS6/Pr9ntvqqGBY2XvsTnxmXqLie+XVmqdb+8guS3CM4r5m71QbrMeXHu+jhzh5f8Djzr5D+bupFmNVuvVkf4/5O9F/mfOWNeaQQawQdjbA0jQyz2OYcFueu8Xki2We4aoPgWsQYCRV7qg6nlEVswcKZAf86+ZF9RbxivUl5djd3YAQXUZ6wT9cupzab9yKDZDk5CYsmssuqNZ6bRSfj0+eqfbYXM8yyp2bNDG+E/v4dnGBSSMtmpAk8U7ymQAt6SGp86YkZnLvdw0a05Q64QGgabPBorLaD//hOJ79ug0g/+XXCqNNrJw8vn6zqEgnJdrf3VdKaR+pbBigOPn/E3+8EDojrHsG9DkycyZdkaWiIdC195UZ+TVUs66nEC6qCor2+gSRjL2gTttjD2t4qCcSjb0EMNrI78Me4Z0H9XmE0O19XC7d2O3qPHCa68TVNN2A4ovZL5U5/8Fg2KIY5M5f6FlkXY+yGEJKglkXh2XuqldlrI+6T1Z/MBwDlA5L8pVEAflTOQPuwc5BeFf2aptX4j70xVtLVRwzX0H3GGaKVRjhxw47ipe8rdtfaQtJO4181ImGrpoeKEUpOQ/CG5Gola5zx3j9BVEoJcM/REf9uDAzDtTml1cD9WXvQriJcEGxBWonW7jadOFhPTdVuZTLH7iB3I5YD7XbGtrY0dfaUXkVOJsRQyenSLGMRjslKyJe3ClxaC8dggOSiFqWn1vba3fLMvr0f2P0wZyMCue6Ubi2zRMYiGdq5uoGhEFpKB1hTi8apCjv5j5CqEq2FPXQNJcnrpm7k4zOXHNFT9vhpZzPEmbIaB5Vxa0xA5roENEQfIJIp16G8xeddmSeRIRzKDhB0355bZU0NMqhmRCvSqaS7PX1gebtb5Pcr1Kbtd8zrjL7vIbsUU1vtRReKThQmgUdZel62705NkIOUSVeOlOWQxssiVNjohCFkeTVs8Ps3tDzTNLGI3BHwKgPQsZrLe6S068z0xFoqoh+IoxGDr85Ya/7FlVYZMimq98wQgB3J6ftsRGIVfNhHuktaU9IbYcoPjLn73FXQNqdmpxo+xzdwjeZdukO/iXzuv1/UHSdJQmgnzrytuYBVj/U8eWdYZfdFFuZCFPtO3H7vq53lasLSpAw8nn2hlHS3J8JRNSFkakzfMqdLVdc1WoIG/LLbIsjkdRzgdJNeO6KAqTSqkq4YIHgD9kUquu2RVRWv8TbzPrM26crLnxLMCAs99LpWWxrSE9NfB5LSekYAKEdth0X6PazRZo4B8NOgZB7sYVdqbDPclYExjttLgcjZ+faom6HMjBfExKUH0YvhQPSydxr5M4K/llWAqKzs3yZVVadMPBZ55FvZQheVJ8fdGkz4L/wLVShuHu/BkG43KUtoV0Iv7dwk3vHDj8epB22FgRPBNDsgLcROLNVbFJicn5fXzYENl7TIU9SOii1PyMN/8KXGJ8g+zA2D/ACy/P22frNBXgrlsfHehrkhmnJl5fW0LfFKTLkDdKntpmXMXlDUaZocOKIvarBZG60Sjjs/f+mMz8IpcTjuqYGOCUszJL5tuohyQxMjNexiL8/bLF9GmCY+KMqPeHSAYXYXzYqueYOJRTnjYl986PpN8zS69R1eEnO58WCuDhV2iKY3Z90yIdUo7VqI/eZXCLSRc27DnILUHLutfU1lVHoI4LRn3dzIXcIczVb3kLUxBd2iD0cJsnmF2NYDvZhvy+VYsxfcPqOuMMG9x7TUTj7eUkmG0jfwWPskdZKGMbbzG34hBNCTbxQRlexOgJCMWnVrVBSuI0yh6SAG8J2iDTaEOystH9mUxF0zLcyTyyN60DUPRC8O+AWo7i37Whv+dq+X6in2Q6G3UopZKkSw0fU2xVDOgX52magea5APKz9EEAwUIT3gKFLQHkfV5Nny9hZLydFTcPvJfdNKoVDAo4/NIsbraYxYYegPTimSPFKKi4DW+LxHRJ73z/LC0TXY0cEpJGA5liCHiuh4O0KENil03/e8p0E6OtR9FxFMokRnQ1nDz0p+zUaRogrUWXEZ6TcpyzQnZ/sc8iTppIIXR7z5Chr8sqOF86huTie4gODdgBxQJ7Pzq/ZlEaoWncZlVq4H4IvGRFPtyc7IgR3km2b6jcTTjui6ZLdI9Jkr3itFfAmGK1nz3Sb71tmHN35ZCrn89MXpyKCWE05kvrPoIoxD0SiMIb3wjZo/zMW7CLthl+b/nvD2HFw/F+zm7OTvzLUt6xq9oCPydGHO/q66ymw6CUTcIye84DSNrMoFQTlXfbOf4A5A/InlvotmVyGt97qnwb+x7Abx0qmJIkFAYp3+uHuw6RbJmYfBDL1OkcJFEYNUoDtLvfw3uJbtGxI4cLMMYGAw8p5xUQywCNU7DaJjT0Kr3bsOSxBx1Z6/+Bv4s3iZIBAEe9NtyDfaC5KYbwA0X6BL+cWYf5wTxi0QOOdseWGzfUxfEpypjSHawh8ZaJ/qYlmFeu4Su708DDX9i3eUOCJskL0z8pZPba93aGjH2diEkw/OcpE3nXUS459B2J6XgHJoUBheX/2pLTis1WxVKs+02cifhbogFxclHkY9LZhJnYWU+aPFKfqlzYBKAdUP3Mfd7W0PwufH3dt/WdBdFHpuV+PsEI3QnwH9ibfw8EGVYXzAOYjUgal97YKdGzSwlX5B5e4slLFfjut6tMmPwljuWb3tORHi3HLSC1pB8YSha2RuO5fLKoo/GaTW/IoCrGkbwHQeJZ/Sw/5IjLEI+7y+ibzzQBKexWZc1e0pBYiLyhQCz0/8N8CY7TAMwUKNyQvW7TASOu4QETJUNOmrXn3g6cNAN5BEsIH7SD21IBq2Uf5yKupwnYMFJk8uoClpbgLXJgmi0TVW/xT3d+GhykbXiXZWPoz5t/Csdu+g/gKeZlh7zbQB5wRvSE8k9pqLhstwCHC+Dj0m/mVLN+0BBCaJvAMwTfgbWgsQx/yKbhuZrsfWJ/qDJ7D1V0sUPuMouqzQkt4t1Dwk0m17Xusimwnoe1anpRCS56Iz020616YIyjNpXvIZa6Vtdw2Aek8/X5GogLjbH+6NJpmhrJKjsq2xIpT/Jw0q7XJ9n9oiupmEjgeRcFhE13X7pfYa9Zlp+XFLPfIARVTvZuACmOTYYdRnGPl3njb2vIFbDSXX1PInSNCc0Q3RzVFEI539MpnSrkxqQm8tqvT5T2kRAxc2FujAyngyhuAVyeQDdT1XBibzYtoz7nDa1F5KF15cGaUuIWs/EQfqUS8anxmcDOd1MHaVoh8VNUs2qn0qVpU3i8R9a34p4hCRq5hQuKn0PkIAHjE5NKvjlmJ2nSTTE5QV/BhCbV7s/1hY0v6sSfVr8mjvoz+bXVU9NDXAtmrupA+5tKDkpkZYoNfnpODj0aqLGcvZygjMOfpawkFvpJvFmhBV/Zmv5FphFHlKPzWsJ5EcNnBiN8cOyjB83PKTYntt93I2PsURGxIMzmmWrzkiuTT1roHTV+srDfaf2nNPk9H7Cx6XUE2oNa2107V08A3pnXI/OiT8mQ2L1DnqX2NHUrjzx3gIxAe8HwIRub4lDQgAW6wfQdTb1OSTKsaoa3Arc6ui7fqolgnKizx4ttrKiWb8kWqlu+CXYBdEA+apbI4zytUJp8Hww0wC+L2wkWmDwXPk9zE0F4wex+QDGz5CLitr4PJ66p7CSThOG2Gay68fsy9tRIUgKMV6Wj7CipMEinYBjR9tXm9Dnmy2AMy/yXMS2S0dITwNwiKnmrMusuyKPQ2pc1rPLO6UgisRH0EAgr0PXlirq/TZV8wX0AESA84xTfaxyadjbOukP6rklgArgFivQqjs+pXN8q+FJHat25iqUYYppubmMAeVA3VTc50CWyjqkS202poXcmcpxChCk/tZH3hT4lFsHgvKrlnQnRebwyufMVBQ2A38u+TO2NjJsnQDnS6rFoWJDcN9pTn6K88cNE5oDJ9LVLAbJkeYVlvVwn7hBb4cQFB3ODX/Y5VMfSiXI4usHI9TuZOFgQToZGn8/g9PBwBnsrJ5nRL14EmGhzkUBwNPfJnlgsFz6pygBppiFs3mEyrgUvOlnXBpzaBmQFFumSTmC8ZF4fwpnAIn5RLXU3fMEYjG0cbo0u9MIfCg/ETXQkSvXe+HrahAQ2kAsOBIUeFqcWcS7OQ8q3jDSFRMGWVUBqjovieZEZU4Kidt2SqF8ETK58oStvy2dtQCM5SXmh0ToulKfeoH3cICrkA6/oX3dL1Erbv41/rWg70K/GpOGSE3dQwxG2JNp+SDrZftttpESjFuBB53aMJKhnZs2jHJiQXkeAp+/ju4LpZKrubQni+C8kd261j6w4aG3UJvyPbmk=">
<script src="/ScriptResource.axd?d=NJmAwtEo3IqOv4sUh-Rig0r8ribOsOru6PRUuOPeOUTxaLr0LkqwjUZ1KfN2pxsTzXrhnEn2qPqMmFHAgZnpJORcEUNLaSpc226qJmze-FYKMecKHwPV-k73fvQH1Ku4KKXAUA2&t=3cf0aaa4" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=dwY9oWetJoJ4ZjA-1jPcEhP7ER5pj7vUnbl87xIrp5KgCIH7OinCkP3cK37LGan3ayBW32yRZSEgGl2tgZv50n3b6-V5-8OCkx2VKFRvNoTMy9OkcSdmsXHaJpvqsXD5HuMXQgmzxnfjN1aI0&t=3cf0aaa4" type="text/javascript"></script>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334">
<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="2ro0WHIjdz13zVf+yq0oQEfnpLU4cnGmRcIeDayj78kW06sfwOh3qBDSFYhINyxWJBy3F8XHZCbiHIsl59+6I4pWX/UKZeOPoR+pQmwgJBHx3Ubm">
<script src="/Desktopmodules/SharedLibrary/Plugins/Slick/1.9.0/slick.min.js?cdv=1484" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/MediaElement4.2.9/mediaelement-and-player.min.js?cdv=1484" type="text/javascript"></script>
<script src="/js/dnn.js?cdv=1484" type="text/javascript"></script>
<script src="/js/dnn.modalpopup.js?cdv=1484" type="text/javascript"></script>
<script src="/Portals/_default/skins/dgov2/resources/js/skin.js?cdv=1484" type="text/javascript"></script>
<script src="/Portals/_default/skins/dgov2/resources/js/menu.js?cdv=1484" type="text/javascript"></script>
<script src="/js/dnncore.js?cdv=1484" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Mobile-Detect/mobile-detect.min.js?cdv=1484" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/moment/moment.js?cdv=1484" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/vue/vue.min.js?cdv=1484" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/vue-resource/vue-resource.min.js?cdv=1484" type="text/javascript"></script>
<script src="/DesktopModules/ArticleCS/Resources/ArticleCS/js/ArticleCS.js?cdv=1484" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/ColorBox/jquery.colorbox.js?cdv=1484" type="text/javascript"></script>
<script src="/Resources/libraries/jQuery-Migrate/03_00_00/jquery-migrate.js?cdv=1484" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/DVIDSAnalytics/DVIDSVideoAnalytics.min.js?cdv=1484" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/TouchSwipe/jquery.touchSwipe.min.js?cdv=1484" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Cycle/cycle2.js?cdv=1484" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Cycle/jquery.cycle2.swipe.js?cdv=1484" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/ImageScroll/jquery.imageScroll.min.js?cdv=1484" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/carouFredSel/jquery.carouFredSel-6.2.1-packed.js?cdv=1484" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/BodyScrollLock/bodyScrollLock.js?cdv=1484" type="text/javascript"></script>
<script src="/DesktopModules/Slideshow/Scripts/dist/es6dependencies.build.js?cdv=1484" type="text/javascript"></script>
<script src="/DesktopModules/Slideshow/Scripts/dist/gridslideshow.build.js?cdv=1484" type="text/javascript"></script>
<script src="/desktopmodules/slideshow/resources/js/dgov2_sharemore.js?cdv=1484" type="text/javascript"></script>
<script src="/js/dnn.servicesframework.js?cdv=1484" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Skin/js/common.js?cdv=1484" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/moment-timezone/builds/moment-timezone-with-data.js?cdv=1484" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/image-set-polyfill/image-set-polyfill.js?cdv=1484" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/videojs/dist/video.min.js?cdv=1484" type="text/javascript"></script>
<script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/script.js?cdv=1484" type="text/javascript"></script>
<script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/dgov-icons.js?cdv=1484" type="text/javascript"></script>
<script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/dle-events-panel.js?cdv=1484" type="text/javascript"></script>
<script src="/DesktopModules/MVC/DVIDSLiveEvents2/resources/js/dvids-dle-api.js?cdv=1484" 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=1484|DnnBodyProvider|100)-->
<!--CDF(Javascript|/Portals/_default/skins/dgov2/resources/js/menu.js?cdv=1484|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="X"><span class="social-icon fa-brands fa-x-twitter social-link-4"></span></a></li>
<li class="social-item"><a href="https://www.facebook.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="Facebook"><span class="social-icon fa-brands fa-facebook-f social-link-1"></span></a></li>
<li class="social-item"><a href="https://www.instagram.com/deptofdefense/" target="_blank" rel="noopener noreferrer" title="Instagram"><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-brands fa-linkedin-in social-link-50"></span></a></li>
<li class="social-item"><a href="https://www.youtube.com/deptofdefense" target="_blank" rel="noopener noreferrer" title="YouTube"><span class="social-icon fa-brands fa-youtube social-link-2"></span></a></li>
</ul>
</div>
</div>
<div class="header-main-nav-wrapper">
<div class="header-inner">
<div id="nav-burger" class="hide-on-mobile-nav-open" aria-role="button" aria-label="toggle navigation"><span></span><span></span><span></span><span></span></div>
<div class="logo-wrapper">
<a class="logo" href="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>
</div>
<!--CDF(Css|/DesktopModules/MVC/DVIDSLiveEvents2/resources/css/livebadge.css?cdv=1484|DnnPageHeaderProvider|100)-->
<!--CDF(Javascript|/DesktopModules/MVC/DVIDSLiveEvents2/resources/js/dvids-dle-api.js?cdv=1484|DnnBodyProvider|1050)-->
<!---->
<script>
(async () => {
const liveBadgeConfig = {
"data": {
"dvidsParams": {
"eventFilterType": "man",
"toggleEventListMaxResults": true,
"toggleUpcomingEventMaxResultView": true,
"toggleLiveTodayEventMaxResultView": false,
"toggleEventListToDateRange": false,
"toggleEventHashtags": true,
"toggleIncludeExternals": false,
"toggleEventSort": true,
"eventListMaxResults": "50",
"upcomingEventMaxResultView": "5",
"liveTodayEventMaxResultView": "3",
"eventListToDays": 7,
"includeExternals": false,
"eventHashtags": "dgovlive",
"eventSort": "asc",
"autoplay": true,
"manualSelectedEvents": "",
"showLiveNowList": true,
"showLiveTodayList": true,
"showUpcomingEventsList": true,
"apiKey": "key-5b75d9ba94822",
"dvidsURL": "https://api.dvidshub.net/",
"dvidsStagingURL": null,
"showTestVid": false,
"showPanelWhenEmpty": false,
"toDate": "2024-05-15T23:59:59.0000000-04:00",
"fromDate": "2024-03-25T23:45:17.6784952-04:00"
},
"dleDNNSettings": {
"templateLayout": "Left",
"templateStyle": "DGOV",
"moduleMode": "Player",
"moduleTitle": "LIVE EVENTS",
"liveNowListTitle": "LIVE TODAY",
"liveNowDefaultText": "There are currently no events scheduled for today.",
"liveTodayListTitle": "LIVE TODAY",
"liveTodayDefaultText": "No Events Currently Scheduled",
"upcomingEventsListTitle": "UPCOMING EVENTS",
"upcomingEventsDefaultText": "There are currently no upcoming events scheduled.",
"countdownTitle": "UP NEXT",
"templateDisclaimer": "Having playback problems? \u003ca href=\"/News/Live-Events/\"\u003eClick here to refresh the page.\u003c/a\u003e If you continue to have issues, try changing to a different web browser.",
"videoBugPosition": "TopRight",
"showModuleTitle": false,
"showEventTitle": true,
"showEventDesc": true,
"showCountdownTitle": true,
"showCountdownDesc": true,
"showVideoBug": false,
"liveNowActiveClick": "on",
"liveNowActiveManualTime": "fifteenMin",
"toggleError": false,
"selectedSMMSealId": 2002859035,
"selectedSeal": "https://media.defense.gov/2021/Sep/21/2002859035/400/400/0/210921-D-D0439-103.PNG",
"selectedSMMSealForErrorsId": 2002859034,
"selectedSealForErrors": "https://media.defense.gov/2021/Sep/21/2002859034/400/400/0/210921-D-D0439-102.PNG",
"selectedSMMCountdownBackgroundId": 2002042277,
"selectedBackground": "https://media.defense.gov/2018/Sep/19/2002042277/800/450/0/180919-D-MA852-001.JPG",
"selectedSMMNoEventBackgroundId": 2002041905,
"selectedNoEvent": "https://media.defense.gov/2018/Sep/18/2002041905/800/450/0/180918-D-MA852-004.JPG",
"selectedDVIDSVideoBugId": 2002041896,
"selectedVideoBug": "https://media.defense.gov/2018/Sep/18/2002041896/200/200/0/180918-D-MA852-002.PNG",
"dvidsVideoPlayerUrl": "https://www.defense.gov/Multimedia/Videos?videoid=",
"dvidsLiveEventsUrl": "https://www.defense.gov/News/LiveEvents/#/?currentVideo=",
"noEventsLink": "/Multimedia/Videos/",
"toggleLiveEventVideoBug": false,
"liveEventVideoBugPosition": "TopRight",
"isBackend": false
},
"dleTestSettings": null
}
};
new Vue({
el: '#dle-live-badge-ce8b7019-1942-4f6a-9307-5e27825b9c57',
data: {
isLiveNow: false,
videos: {
all: [],
liveNow: [],
liveToday: [],
liveLater: []
},
config: {},
dropdownStyles: {},
ddState: 0,
leadInText: '',
leadInTimeoutId: null,
leadInTimeoutOnce: false,
},
computed: {
buttonLabel: function() {
if (this.videos && this.videos.liveNow && this.videos.liveNow.length > 0) return "Live Now";
if (this.videos && this.videos.liveToday && this.videos.liveToday.length > 0 && this.videos.liveLater.length === 0) {
return "Live Today";
}
return "Live Events";;
},
},
created() {
window.addEventListener("resize", this.liveBadgeResizeHandler);
window.addEventListener("scroll", this.liveBadgeResizeHandler);
},
destroyed() {
window.removeEventListener("resize", this.liveBadgeResizeHandler);
window.removeEventListener("resize", this.leadInTextResizeHandler);
window.removeEventListener("scroll", this.liveBadgeResizeHandler);
},
mounted: function() {
try {
this.config = {
dvids: liveBadgeConfig.data.dvidsParams,
dle: liveBadgeConfig.data.dleDNNSettings,
test: liveBadgeConfig.data.dleTestSettings
};
this.getVideos();
} catch (e) {
this.onBackend() && console.error(e);
}
if (this.config.test && this.config.test.testUseTestData) {
return;
}
setInterval(() => {
this.getVideos();
}, 15000);
},
methods: {
getVideos: async function() {
let videoListObj = {};
try {
const dvidsParams = DLEApi.createDvidsParams(this.config.dvids);
if (this.config.test && this.config.test.testUseTestData) {
videoListObj = DLEApi.getFakeVideoList(this.config.test.testLiveNowEventsCount, this.config.test.testLiveTodayEventsCount, this.config.test.testUpcomingEventsCount);
videoListObj.videos = videoListObj.videos.slice(0, dvidsParams.max_results);
} else {
videoListObj = await DLEApi.getVideoList(dvidsParams);
}
this.videos = DLEApi.parseVideoList(videoListObj, this.config);
setTimeout(() => {
this.setupLeadIn();
}, 100);
} catch (e) {
this.onBackend() && console.error(e);
}
},
setLiveBadgeWidth: function() {
let positioningEl;
try {
positioningEl = 'header .header-inner' ? document.querySelector('header .header-inner') : document.body;
if (positioningEl === null) {
positioningEl = document.body;
}
} catch (e) {
this.onBackend() && console.warn('DVIDS Live Events dropdown container not found. The error is:', e);
positioningEl = document.body;
}
try {
const ppos = positioningEl.getBoundingClientRect();
const dd = document.querySelector('.dle-live-badge-dropdown');
if (dd.style.display === "block") return;
dd.style.visibility = 'hidden';
dd.style.display = 'block';
dd.style.width = 'auto';
dd.style.marginLeft = 0;
const ddRect = dd.getBoundingClientRect();
dd.style.display = 'none';
dd.style.visibility = 'visible';
let newWidth = Math.abs(ppos.right - ddRect.left);
const minWidth = ddRect.width;
if (newWidth < minWidth) {
newWidth = minWidth;
}
let newLeft = 0;
if (ddRect.x + newWidth > document.body.clientWidth) {
newLeft = document.body.clientWidth - ddRect.x - newWidth;
}
dd.style.width = newWidth + 'px';
dd.style.marginLeft = newLeft + 'px';
} catch (e) {
this.onBackend() && console.error('DVIDS Live Events error:', e);
}
},
liveBadgeResizeHandler: function() {
if (this.ddState === 0) return;
this.manualStateChange();
},
manualStateChange: function() {
const vm = this;
if (vm.ddState === 0) {
$('body').addClass('dle-dd-open');
vm.ddState = 1;
vm.dropdownStyles = {
...vm.dropdownStyles,
display: 'block',
};
} else if (vm.ddState === 1) {
vm.ddState = 0;
vm.dropdownStyles = {
...vm.dropdownStyles,
display: 'none',
};
$('body').removeClass('dle-dd-open');
}
},
handleBadgeKeyDown: function(event) {
if (!event) return;
if ((event.target.id === 'dle-live-badge-ce8b7019-1942-4f6a-9307-5e27825b9c57-tab-before' && event.key.toUpperCase() === 'TAB' && !event.shiftKey) || (event.target.id ===
'dle-live-badge-ce8b7019-1942-4f6a-9307-5e27825b9c57-tab-after' && event.key.toUpperCase() === 'TAB' && event.shiftKey)) event.preventDefault();
},
handleBadgeKeyUp: function(event) {
if (!event) return;
event.preventDefault();
const vm = this;
this.setLiveBadgeWidth();
this.manualStateChange();
if (vm.ddState === 1) {
setTimeout(() => {
if (event.key.toUpperCase() === 'TAB' && !event.shiftKey) {
$(".dle-live-badge-dropdown a:first").focus();
} else {
$(".dle-live-badge-dropdown a:last").focus();
}
$(".dle-live-badge-dropdown a:first").off();
$(".dle-live-badge-dropdown a:first").on('keydown', function(e) {
if (e.shiftKey && e.key.toUpperCase() === 'TAB') {
e.preventDefault();
$('#dle-live-badge-ce8b7019-1942-4f6a-9307-5e27825b9c57-tab-before').focus();
}
});
}, 50);
$(".dle-live-badge-dropdown a:last").off();
$(".dle-live-badge-dropdown a:last").on('keydown', function(e) {
if (e.key.toUpperCase() === 'TAB' && !e.shiftKey) {
e.preventDefault();
$('#dle-live-badge-ce8b7019-1942-4f6a-9307-5e27825b9c57-tab-after').focus();
}
});
}
},
handleBadgeClick: function() {
if (!window.matchMedia('(max-width: 768px)').matches) {
try {
window.location.href = this.config.dle.dvidsLiveEventsUrl;
} catch (e) {
this.onBackend() && console.error('DVIDS Live Events error: ', e);
}
}
if (this.ddState === 0) {
this.setLiveBadgeWidth();
}
this.manualStateChange();
},
setupLeadIn: function() {
if (!this.videos || !this.videos.all || this.videos.all.length === 0) {
return;
}
this.leadInText = this.videos.all[0].title;
window.removeEventListener("resize", this.leadInTextResizeHandler);
window.addEventListener("resize", this.leadInTextResizeHandler);
this.checkLeadInWidth();
},
checkLeadInWidth: function() {
const vm = this;
$(this.$el).find('.lead-in-event .event-title-text').each(function() {
let el = this;
el.innerText = vm.leadInText;
el.style.whiteSpace = "nowrap";
el.style.overflow = "visible";
const oneLineBounds = el.getBoundingClientRect();
el.style.whiteSpace = "normal";
const nLinesBounds = el.getBoundingClientRect();
if (nLinesBounds.height > oneLineBounds.height) {
const splitText = vm.leadInText.split(' ');
for (let i = 0; i < splitText.length; i++) {
const newText = splitText.slice(0, splitText.length - 1 - i);
el.innerText = newText.join(' ') + '...';
const newTextBounds = el.getBoundingClientRect();
if (newTextBounds.height <= oneLineBounds.height) {
break;
}
}
}
el.style.overflow = "hidden";
el.style.opacity = 1;
});
},
leadInTextResizeHandler: function() {
const vm = this;
// Clear the debounce timer
clearTimeout(vm.leadInTimeoutId);
// Debounce timer
vm.leadInTimeoutId = setTimeout(() => {
vm.checkLeadInWidth();
vm.leadInTimeoutOnce = false;
}, 10);
// Run once immediately
if (!vm.leadInTimeoutOnce) {
vm.checkLeadInWidth();
vm.leadInTimeoutOnce = true;
}
},
onBackend: function() {
return this.config && this.config.dle && this.config.dle.isBackend;
}
}
});
})();
</script>
<nav class="main">
<ul>
<li class="mobile-back"><a href="#"><i class="fa fa-chevron-left"></i>Back</a></li>
<li class="mobile-home"><a href="/">Home</a></li>
<li class="mobile-level1-placeholder"><a href="#">Place Holder</a></li>
<li class="desktop-blank"></li>
<li class="parent top-level ">
<a href="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://media.defense.gov/2023/Mar/13/2003178168/-1/-1/1/DOD-STRATEGIC-MGMT-PLAN-2023.PDF" target="_blank" rel="noopener noreferrer"><span class="text text-link-44">Strategic Management Plan</span><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="https://www.veteranscrisisline.net/get-help-now/military-crisis-line/" target="_blank" rel="noopener noreferrer"><span class="text text-link-55">Veterans Crisis Line</span><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="X"><span class="social-icon fa-brands fa-x-twitter social-link-4"></span></a></li>
<li class="social-item"><a href="https://www.facebook.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="Facebook"><span class="social-icon fa-brands fa-facebook-f social-link-1"></span></a></li>
<li class="social-item"><a href="https://www.instagram.com/deptofdefense/" target="_blank" rel="noopener noreferrer" title="Instagram"><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-brands fa-linkedin-in social-link-50"></span></a></li>
<li class="social-item"><a href="https://www.youtube.com/deptofdefense" target="_blank" rel="noopener noreferrer" title="YouTube"><span class="social-icon fa-brands fa-youtube social-link-2"></span></a></li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<main>
<p id="skip-target-holder"><a id="skip-target" name="skip-target" class="skip" tabindex="-1" aria-label="Skip Target" innertext="Start of main content"></a></p>
<div id="dnn_ContentPaneBanner" class="paneMarker">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-6958"><a name="6958"></a>
<div class="empty-container base-container">
<div id="dnn_ctr6958_ContentPane"><!-- Start_Module_6958 -->
<div class="hide">
<div id="dnn_ctr6958_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr6958_HtmlModule_lblContent" class="Normal">
<style>
#shutdown .featStory.item a.content-type-text,
#shutdown .featStory.item a.content-type-text:link {
border-right: 0px;
}
#shutdown .featStory.item .content-type,
#shutdown .featStory.item a.content-type-text,
#shutdown .featStory.item a.content-type-text:link,
#shutdown .featStory.item a.category,
#shutdown .featStory.item a.category:link {
background: #be4238;
}
.banner-item:hover figcaption button.btn.btn-sm.btn-primary {
background: #337ab7;
}
</style>
<div id="shutdown">
<div id="featArticles" class="featArticles alist">
<div>
<div>
<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-3536241">
<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 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/2021/Jun/08/2002737402/-1/-1/0/210512-D-BM568-1287R.JPG)"></div> <img class="story-img" alt="The Pentagon"
src="https://media.defense.gov/2021/Jun/08/2002737402/-1/-1/0/210512-D-BM568-1287R.JPG">
</div>
</div>
</div>
<div class="dgov-col-sm-7 dgov-order-sm-1">
<figcaption><span class="content-type"><a class="content-type-text" href="/Lapse-in-Appropriations/">Release</a> </span>
<h2 class="title"><span>Lapse in Appropriations</span></h2>
<p class="summary">The most recent appropriations for the Department of Defense expired at 11:59 p.m. EDT on Mar. 22, 2024. Military personnel will continue in a normal duty status, without pay, until
such time as a continuing resolution or appropriations are passed by Congress and signed into law. Civilian personnel not engaged in excepted activities will be placed in a non-work, non-pay status.</p>
<button class="btn btn-sm btn-primary" href="/Lapse-in-Appropriations/" style="margin-top: 15px;" type="button">Read More </button>
</figcaption>
</div>
</div>
</figure>
</div> <a class="link-overlay" href="/Lapse-in-Appropriations/" rel="noopener"><span class="sr-only">Lapse in Appropriations</span> -</a>
</div>
<div class="featStoryImg">
<div class="image-wrap video-wrap-container">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2021/Jun/08/2002737402/-1/-1/0/210512-D-BM568-1287R.JPG)"></div> <img alt=""
src="https://media.defense.gov/2021/Jun/08/2002737402/-1/-1/0/210512-D-BM568-1287R.JPG">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- End_Module_6958 -->
</div>
</div><!--end of empty container -->
</div>
<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-3717932">
<div class="content-wrap">
<figure>
<div class="dgov-grid dgov-grid-bleed dgov-align-center dgov-justify-space-between">
<div class="dgov-col-sm-5 dgov-order-sm-2">
<div class="image-wrap story-img-wrap dgov-card dgov-card-3 text-right">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2023/Dec/02/2003350658/1280/1280/0/231013-D-TT977-1510D.JPG)"></div>
<img class="story-img" alt="Two men shake hands." src="https://media.defense.gov/2023/Dec/02/2003350658/1280/1280/0/231013-D-TT977-1510D.JPG">
</div>
</div>
</div>
<div class="dgov-col-sm-7 dgov-order-sm-1">
<figcaption>
<span class="content-type">
<a class="content-type-text" href="/News/News-Stories"><span>News</span></a>
<time data-dateago="2024-03-25T15:57:00" data-dateap="March 25, 2024">10 hours ago</time>
</span>
<h2 class="title"><span>Pentagon Spokesman Details U.S., Israel Meeting, Danger From ISIS</span></h2>
<p class="summary">Secretary of Defense Lloyd J. Austin III plans to meet with Israeli Defense Minister Yoav Gallant at the Pentagon to discuss a range of issues, including the release of the hostages Hamas has
taken and ensuring the safety of people sheltering in Rafah.</p>
</figcaption>
</div>
</div>
</figure>
</div>
<a class="link-overlay" href="https://www.defense.gov/News/News-Stories/Article/Article/3717932/pentagon-spokesman-details-us-israel-meeting-danger-from-isis/"><span class="sr-only">Pentagon Spokesman Details U.S., Israel Meeting, Danger From ISIS</span></a>
</div>
<div class="featStoryImg">
<div class="image-wrap ">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2023/Dec/02/2003350658/1280/1280/0/231013-D-TT977-1510D.JPG)"></div>
<img alt="" src="https://media.defense.gov/2023/Dec/02/2003350658/1280/1280/0/231013-D-TT977-1510D.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-2843184 item-even">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-12 dgov-col-xs-3 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-4">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/Mar/22/2003418506/825/780/0/240321-F-WH061-1068M.JPG)"></div>
<img alt="An airman pulls a pallet of supplies near the rear of an aircraft as seen in silhouette." src="https://media.defense.gov/2024/Mar/22/2003418506/825/780/0/240321-F-WH061-1068M.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>Helping Hands</span></h3>
<p class="summary hide">More than just a fighting force, the Defense Department delivers health care, disaster relief and other support to people around the world in humanitarian missions every day.</p>
<a class="btn btn-primary btn-primary-ghost hide" href="/Spotlights/Helping-Hands/"> Read More</a>
</figcaption>
</div>
</div>
<a class="link-overlay" href="/Spotlights/Helping-Hands/"><span class="sr-only">Helping Hands</span></a>
</figure>
<div class="clearfix"></div>
</div>
</div>
<!-- BANNER ITEM -->
<div class="dgov-col-sm-4">
<div class="item item-3 item-2592098 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/Oct/26/2003328244/825/780/0/231017-N-UW931-2513C.JPG)"></div>
<img alt="Three military ships steam next to each other." src="https://media.defense.gov/2023/Oct/26/2003328244/825/780/0/231017-N-UW931-2513C.JPG">
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-8">
<figcaption>
<span class="category">
<a class="content-type-text content-type-spotlight" href="/Spotlights"><span>Spotlight</span></a>
</span>
<h3 class="title"><span>Focus on Indo-Pacific</span></h3>
<p class="summary hide">The Defense Department is committed to working with allies, partners and like-minded nations in the Indo-Pacific and to upholding a free and open region founded on respect for
international rules, laws and norms.</p>
<a class="btn btn-primary btn-primary-ghost hide" href="/Spotlights/Focus-on-Indo-Pacific/"> Read More</a>
</figcaption>
</div>
</div>
<a class="link-overlay" href="/Spotlights/Focus-on-Indo-Pacific/"><span class="sr-only">Focus on Indo-Pacific</span></a>
</figure>
<div class="clearfix"></div>
</div>
</div>
<!-- BANNER ITEM -->
<div class="dgov-col-sm-4">
<div class="item item-4 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/2022/Sep/28/2003086580/825/780/0/220914-F-QD077-2373A.JPG)"></div>
<img alt="An airman stands at the end of a row of containers." src="https://media.defense.gov/2022/Sep/28/2003086580/825/780/0/220914-F-QD077-2373A.JPG">
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-8">
<figcaption>
<span class="category">
<a class="content-type-text content-type-spotlight" href="/Spotlights"><span>Spotlight</span></a>
</span>
<h3 class="title"><span>Support for Ukraine</span></h3>
<p class="summary hide">The United States is working with allies and partners to support Ukraine in the fight for sovereignty and freedom. The U.S. has provided Ukraine with billions of dollars in security
assistance since the beginning of Russia's unprovoked assault on Feb. 24, 2022.</p>
<a class="btn btn-primary btn-primary-ghost hide" href="/Spotlights/Support-for-Ukraine/"> Read More</a>
</figcaption>
</div>
</div>
<a class="link-overlay" href="/Spotlights/Support-for-Ukraine/"><span class="sr-only">Support for Ukraine</span></a>
</figure>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End_Module_3202 -->
</div>
</div><!--end of empty container -->
</div>
<div class="DnnModule DnnModule-DVIDSLiveEvents DnnModule-3269"><a name="3269"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3269_ContentPane"><!-- Start_Module_3269 -->
<style>
.dvids-wrap,
.live-bar-container {
margin: 0;
}
@media only screen and (max-width: 560px) {
.content-wrap {
margin: 0;
height: auto;
}
}
</style>
<div class="hide">
<div id="dnn_ctr3269_ModuleContent" class="DNNModuleContent ModDVIDSLiveEventsC">
<div id="mvcContainer-3269">
<section id="dvids-wrap-3269" data-module-id="3269" data-tab-id="587" class="dvids-wrap dvids-module-mode-LiveBar dvids-template-dgov dvids-layout-left"><!---->
<header><!----></header> <!---->
<div class="dvids-listing-wrap">
<div class="events-panel module-mode-LiveBar">
<div class="events-panel-container">
<div><!----></div>
</div>
</div>
</div>
</section><!--dvids-wrap-->
<script type="text/javascript">
var playerConfig = {
"data": {
"dvidsParams": {
"eventFilterType": "man",
"toggleEventListMaxResults": true,
"toggleUpcomingEventMaxResultView": true,
"toggleLiveTodayEventMaxResultView": false,
"toggleEventListToDateRange": false,
"toggleEventHashtags": true,
"toggleIncludeExternals": false,
"toggleEventSort": true,
"eventListMaxResults": "50",
"upcomingEventMaxResultView": "10",
"liveTodayEventMaxResultView": "3",
"eventListToDays": 7,
"includeExternals": false,
"eventHashtags": "dgovlive",
"eventSort": "asc",
"autoplay": true,
"manualSelectedEvents": "",
"showLiveNowList": true,
"showLiveTodayList": true,
"showUpcomingEventsList": true,
"apiKey": "key-5b75d9ba94822",
"dvidsURL": "https://api.dvidshub.net/",
"dvidsStagingURL": null,
"showTestVid": false,
"showPanelWhenEmpty": false,
"toDate": "2024-05-15T23:59:59.0000000-04:00",
"fromDate": "2024-03-25T23:45:16.8034901-04:00"
},
"dleDNNSettings": {
"templateLayout": "Left",
"templateStyle": "DGOV",
"moduleMode": "LiveBar",
"moduleTitle": "LIVE EVENTS",
"liveNowListTitle": "LIVE NOW",
"liveNowDefaultText": "No Events Currently Scheduled",
"liveTodayListTitle": "LIVE TODAY",
"liveTodayDefaultText": "No Events Currently Scheduled",
"upcomingEventsListTitle": "UPCOMING EVENTS",
"upcomingEventsDefaultText": "No Events Currently Scheduled",
"countdownTitle": "COMING UP",
"templateDisclaimer": "",
"videoBugPosition": "TopLeft",
"showModuleTitle": false,
"showEventTitle": true,
"showEventDesc": true,
"showCountdownTitle": true,
"showCountdownDesc": true,
"showVideoBug": false,
"liveNowActiveClick": "on",
"liveNowActiveManualTime": "fifteenMin",
"toggleError": true,
"selectedSMMSealId": 0,
"selectedSeal": null,
"selectedSMMSealForErrorsId": 0,
"selectedSealForErrors": null,
"selectedSMMCountdownBackgroundId": 0,
"selectedBackground": null,
"selectedSMMNoEventBackgroundId": 0,
"selectedNoEvent": null,
"selectedDVIDSVideoBugId": 0,
"selectedVideoBug": null,
"dvidsVideoPlayerUrl": "https://www.defense.gov/Multimedia/Videos?videoid=",
"dvidsLiveEventsUrl": "https://www.defense.gov/News/LiveEvents/#/?currentVideo=",
"noEventsLink": "/Multimedia/Videos/",
"toggleLiveEventVideoBug": true,
"liveEventVideoBugPosition": "TopLeft",
"isBackend": false
},
"dleTestSettings": null
}
}
</script>
<script type="x/template" id="dgovTemplate-dgov-chevron-down"> <svg id="chevronDown" class="dgov-chevron-down dgov-icon" viewBox="0 0 144 144" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg">
</style>
<title>
DGOV Chevron Down
</title>
<path class="st0" d="M3.31,50.6,54.2,101.49l0,0,10.16,10.16a10.82,10.82,0,0,0,15.29,0l61.21-61.21a10.8,10.8,0,0,0,0-15.29l-2.51-2.52a10.82,10.82,0,0,0-15.29,0L75.87,79.82s-.07,0-.09.06h0a5.34,5.34,0,0,1-7.56,0l0,0s0,0,0,0l-47-47a10.8,10.8,0,0,0-15.29,0L3.31,35.31A10.8,10.8,0,0,0,3.31,50.6Z" />
</svg>
</script>
<script type="x/template" id="dgovTemplate-dgov-chevron-up"> <svg id="chevronup" class="dgov-chevron-up dgov-icon" viewBox="0 0 144 144" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg">
<title>
DGOV Chevron Up
</title>
<path class="st0" d="M140.84,93.59,90.07,42.82l0,0L80,32.66a10.78,10.78,0,0,0-15.26,0L3.63,93.73a10.79,10.79,0,0,0,0,15.25l2.51,2.51a10.8,10.8,0,0,0,15.26,0l47.05-47s.06,0,.09-.06h0a5.34,5.34,0,0,1,7.54,0l0,0,0,0,46.92,46.92a10.79,10.79,0,0,0,15.25,0l2.51-2.51A10.8,10.8,0,0,0,140.84,93.59Z" />
</svg>
</script>
<script type="x/template" id="dgovTemplate-dgov-close"> <svg id="Layer_1" class="dgov-chevron-close dgov-icon" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150">
<title>Close</title>
<path class="cls-1" d="M100.24,74.92l45-45a16.12,16.12,0,0,0,.1-22.73l-2.51-2.51a16.19,16.19,0,0,0-22.84,0L75,49.9,30.09,5A16.16,16.16,0,0,0,7.42,4.79L4.89,7.14l-.15.14a16.1,16.1,0,0,0,0,22.8l45,45-45,45a16.11,16.11,0,0,0,0,22.8l2.44,2.44a16.19,16.19,0,0,0,22.84,0L75,100.1l44.9,45a16.16,16.16,0,0,0,22.67.16l2.53-2.35.15-.14a16.11,16.11,0,0,0,.17-22.65Z" transform="translate(0 0)" />
</svg>
</script>
<script type="x/template" id="dgovTemplate-dgov-live-now"> <svg id="Layer_1" class="dgov-live-now dgov-icon"
viewBox="0 0 150 75" data-name="Layer 1"
xmlns="http://www.w3.org/2000/svg">
<title>Live Now</title>
<circle class="cls-1" cx="75" cy="37.49" r="18" />
<path class="cls-2" d="M75,37.58" transform="translate(0 -0.08)" />
<path class="cls-1" d="M106.64,66.1h0a4.1,4.1,0,0,1-.45-5.64,36.83,36.83,0,0,0,.44-45.35,4.11,4.11,0,0,1,.56-5.64h0a4.45,4.45,0,0,1,6.39.56,45,45,0,0,1-.53,55.64A4.46,4.46,0,0,1,106.64,66.1Z" transform="translate(0 -0.08)" />
<path class="cls-1" d="M129.76,73.83h0a4.09,4.09,0,0,1-.2-5.69,45.92,45.92,0,0,0,.21-61A4.1,4.1,0,0,1,130,1.4h0a4.49,4.49,0,0,1,6.4.23,54.15,54.15,0,0,1-.25,72A4.49,4.49,0,0,1,129.76,73.83Z" transform="translate(0 -0.08)" />
<path class="cls-1" d="M43,65.7a4.45,4.45,0,0,1-6.4-.52,45,45,0,0,1,.22-55.64,4.44,4.44,0,0,1,6.39-.48h0a4.1,4.1,0,0,1,.48,5.64,36.84,36.84,0,0,0-.17,45.35A4.11,4.11,0,0,1,43,65.7Z" transform="translate(0 -0.08)" />
<path class="cls-1" d="M20.15,73.75a4.48,4.48,0,0,1-6.4-.21,54.13,54.13,0,0,1-.09-72,4.48,4.48,0,0,1,6.4-.22h0A4.09,4.09,0,0,1,20.29,7a45.93,45.93,0,0,0,.08,61.05,4.09,4.09,0,0,1-.22,5.69Z" transform="translate(0 -0.08)" />
<path class="cls-1" d="M43,65.7a4.45,4.45,0,0,1-6.4-.52,45,45,0,0,1,.22-55.64,4.44,4.44,0,0,1,6.39-.48h0a4.1,4.1,0,0,1,.48,5.64,36.84,36.84,0,0,0-.17,45.35A4.11,4.11,0,0,1,43,65.7Z" transform="translate(0 -0.08)" />
</svg>
</script>
<script type="x/template" id="dleTemplate-events-panel"> <div class="events-panel" :class="'module-mode-'+moduleMode">
<div class="events-panel-container">
<div v-if="moduleMode=='LiveBar'">
<live-bar v-if="dataLoaded"
:live-now-video-list="liveNowVideoList"
:live-later-video-list="liveLaterVideoList"
:configuration="configuration"
:playerData="playerData">
</live-bar>
</div>
<div v-else>
<live-events-list :current-video="currentVideo"
:module-mode="moduleMode"
:current-snippet="currentSnippet"
:player-data="playerData"
:configuration="configuration"
:live-video-list="liveVideoList"
v-on:item_select="itemSelect"
:upcoming-video-list="upcomingVideoList"></live-events-list>
<upcoming-events-list :upcoming-video-list="upcomingVideoList"
:module-mode="moduleMode"
:player-data="playerData"
:configuration="configuration"></upcoming-events-list>
</div>
</div>
</div>
</script>
<script type="x/template" id="dleTemplate-live-events-list"> <div :class="activeClasses" v-if="configuration.dvidsParams.showLiveNowList">
<h2>{{ configuration.dleDNNSettings.liveNowListTitle }}</h2>
<ul>
<li v-for="(item, index) in liveVideoList" v-show="eventsToShow > index" :class="activeEvent(item, index)" v-on:click="isClickDisabled(item)">
<span class="icon"><i class="videoListPlayButton"></i></span>
<span class="title">{{ item.title }}</span>
<span v-if="!isLiveNow(item) && !isComingUpSoon(item)" class="date">{{ getDateFormat(item.begin) }}</span>
<span v-if="isComingUpSoon(item) && !isLiveNow(item)" class="coming-soon">{{configuration.dleDNNSettings.countdownTitle}}</span>
<span v-if="isLiveNow(item)" class="live">Live Now</span>
</li>
<li class="default" v-if="playerData.state !== 'showLoading'"><a :href="configuration.dleDNNSettings.noEventsLink">{{configuration.dleDNNSettings.liveNowDefaultText }}</a></li>
</ul>
<div class="show-more" v-if="eventsToShow < liveVideoList.length" v-on:click="eventsToShow = 100"><span style="margin-bottom: 15px;">Show All ({{ liveVideoList.length - eventsToShow }})</span></div>
<slot></slot>
</div>
</script>
<script type="x/template" id="dleTemplate-upcoming-events-list"> <div class="upcoming-events-list events-list" v-if="configuration.dvidsParams.showUpcomingEventsList">
<h2>{{ configuration.dleDNNSettings.upcomingEventsListTitle }}</h2>
<ul>
<li v-show="eventsToShow > index" class="fade-in" v-for="(item, index) in upcomingVideoList">
<span class="icon"><i class="dle-clock"></i></span>
<span class="title">{{ item.title }}</span>
<span class="date">{{ getDateFormat(item.begin) }}</span>
</li>
<li class="default" v-if="playerData.state !== 'showLoading'">{{ configuration.dleDNNSettings.upcomingEventsDefaultText }}</li>
</ul>
<div class="show-more" v-if="eventsToShow < upcomingVideoList.length" v-on:click="eventsToShow = 100"><span>Show All ({{ upcomingVideoList.length - eventsToShow }})</span></div>
</div>
</script>
<script type="x/template" id="dleTemplate-live-bar"> <div v-if="hasVideos || showWhenEmpty">
<div v-if="(showLiveBar)" class="live-bar-container bar" :class="{'now': hasLiveNowVideos}">
<div class="live-bar" :class="{'now': hasLiveNowVideos, 'today': !hasLiveNowVideos}">
<div class="bar-title">
<span>
<dgov-live-now></dgov-live-now>
{{ liveBarTitle }}
</span>
</div>
<div class="bar-body" :class="{'no-dropdown': expandedEventsNum <= 0,}">
<div v-if="!hasVideos" class="event-title no-upcoming-events-message">
{{liveBarNoEventsMessage}}
</div>
<div class="lead-in-event">
<div v-for="(item, index) in liveBarVideoList">
<div>
<a :href="urlForEvent(item)" class="event-title">
<span class="time" v-if="!hasLiveNowVideos">{{getDateFormat(item.begin)}} | </span>
<b class="event-title-title">{{item.title}}</b>
</a>
</div>
</div>
</div>
</div>
<span class="more" :tabindex="0" :class="{'collapsed': isCollapsed,'is-single-line':isSingleLine()}"
v-if="expandedEventsNum > 0"
data-toggle="collapse"
data-target="#now_event_list"
v-on:click="toggleCollapse"
v-on:keyup.enter="toggleCollapse"
role="button" :aria-expanded="!isCollapsed"
aria-controls="collapseExample1">
{{expandedEventsNum}} more event<span v-if="expandedEventsNum > 1">s</span>
<i class="fa fa-chevron-up dgov-icon"></i>
</span>
<span class="x" :tabindex="0"
:class="{'is-single-line':isSingleLine()}"
v-on:click="closeLiveBar"
v-on:keyup.enter="closeLiveBar">
<dgov-close></dgov-close>
</span>
</div>
</div>
<div v-if="(showLiveBar)" class="live-bar-container" :class="{'now': hasLiveNowVideos}">
<div v-if="expandedVideoList.length > 0" id="now_event_list" aria-expanded="false" class="event-list drop-down collapse" :class="{'now': hasLiveNowVideos}">
<div class="drop-item"
v-for="(item, index) in expandedVideoList">
<a :href="urlForEvent(item)" class="event-title">
<span class="time">{{getDateFormat(item.begin)}} | </span>
<span class="event-title-title">{{item.title}}</span>
</a>
</div>
</div>
</div>
</div>
</script>
<script type="x/template" id="dleTemplate-live-bar-list"> <ul class="live-bar-list">
<li v-for="(item, index) in liveVideoList">
<live-bar :item="item"></live-bar>
</li>
</ul>
</script>
</div>
</div>
</div><!-- End_Module_3269 -->
</div>
</div><!--end of empty container -->
</div>
</div>
<div class="slice-angle slice-angle-gray slice-angle-down-top">
<div class="page-wrap staggered-cutout container">
<div class="row">
<div id="dnn_ContentPanePage" class="paneMarkerAlt col-lg DNNEmptyPane"></div>
</div>
<div id="ContentPanePage84" class="row staggered-cutout-84">
<div id="dnn_ContentPanePage8X" class="paneMarker col-lg-8">
<div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3203"><a name="3203"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3203_ContentPane"><!-- Start_Module_3203 -->
<style>
.explore-list figcaption .category {
display: block;
}
</style>
<h2 class="tab-title"><a href="/news">News<i class="fas fa-chevron-right"></i></a></h2>
<div id="dnn_ctr3203_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
<div id="dnn_ctr3203_Dashboard_ph">
<div id="storyListing-3203">
<div id="alist" class="alist stories News-list">
<div class="spinner3" 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/2024/Mar/14/2003413476/825/780/0/240311-A-YM380-1001.JPG");"></div> <img alt=""
src="https://media.defense.gov/2024/Mar/14/2003413476/825/780/0/240311-A-YM380-1001.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="2024-03-22T17:06:04"
data-dateap="March 22, 2024">March 22, 2024</time></span>
<h3 class="title"><span> Promising Experiment Signals Future Integration of Advanced Tech Into Army Units <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">The Army is moving toward a future where soldier formations will be more efficient and lethal thanks to the integration of advanced technology both on the ground and in
the air, according to the service's chief of staff.</p>
</figcaption>
</div>
<a href="https://www.defense.gov/News/News-Stories/Article/Article/3716688/promising-experiment-signals-future-integration-of-advanced-tech-into-army-units/" class="link-overlay"><span class="sr-only">Promising Experiment Signals Future Integration of Advanced Tech Into Army Units</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/2024/Mar/20/2003416593/825/780/0/240320-O-D0439-048A.JPG");"></div> <img alt=""
src="https://media.defense.gov/2024/Mar/20/2003416593/825/780/0/240320-O-D0439-048A.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="2024-03-25T00:00:00" data-dateap="March 25, 2024">yesterday</time></span>
<h3 class="title"><span> Medal of Honor Monday: Army 1st Lt. Stephen H. Doane <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">Army 1st Lt. Stephen Holden Doane was only 21 when he gave his life to save other soldiers around him in a firefight during the Vietnam War. His valor and devotion
earned him the Medal of Honor. </p>
</figcaption>
</div>
<a href="https://www.defense.gov/News/Feature-Stories/Story/Article/3712534/medal-of-honor-monday-army-1st-lt-stephen-h-doane/" class="link-overlay"><span class="sr-only">Medal of Honor Monday: Army 1st Lt. Stephen H. Doane </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/2024/Mar/22/2003418753/825/780/0/240321-D-DB155-1022.JPG");"></div> <img alt=""
src="https://media.defense.gov/2024/Mar/22/2003418753/825/780/0/240321-D-DB155-1022.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="2024-03-22T16:29:25"
data-dateap="March 22, 2024">March 22, 2024</time></span>
<h3 class="title"><span> To Meet Security Challenges, DOD Makes Investments in Strategic Forces <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">The Defense Department is making investments in strategic force capabilities in the fiscal 2025 budget to meet the security challenges posed by competitors, a DOD
official said.</p>
</figcaption>
</div>
<a href="https://www.defense.gov/News/News-Stories/Article/Article/3716595/to-meet-security-challenges-dod-makes-investments-in-strategic-forces/" class="link-overlay"><span class="sr-only">To Meet Security Challenges, DOD Makes Investments in Strategic Forces</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/2024/Mar/22/2003418765/825/780/0/240322-O-D0439-100X.JPG");"></div> <img alt=""
src="https://media.defense.gov/2024/Mar/22/2003418765/825/780/0/240322-O-D0439-100X.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="2024-03-22T16:38:00"
data-dateap="March 22, 2024">March 22, 2024</time></span>
<h3 class="title"><span> DOD Policy Official Hosts Q&A for Dartmouth Students <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">The one-hour Q&A was part of a three-hour interactive program to provide Dartmouth students with an introduction to Defense Department priorities, programs and
careers.</p>
</figcaption>
</div>
<a href="https://www.defense.gov/News/News-Stories/Article/Article/3716620/dod-policy-official-hosts-qa-for-dartmouth-students/" class="link-overlay"><span class="sr-only">DOD Policy Official Hosts Q&A for Dartmouth Students</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/2024/Mar/07/2003407880/825/780/0/240202-F-VV695-1020A.JPG");"></div> <img alt=""
src="https://media.defense.gov/2024/Mar/07/2003407880/825/780/0/240202-F-VV695-1020A.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> FY 2025 Defense Budget <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">The president’s fiscal year 2025 budget request bolsters our ability to defend the nation and deter aggression against America or our allies and partners, and forges a
more modern defense ecosystem built for 21st century security challenges.</p>
</figcaption>
</div> <a href="/Spotlights/FY2025-Defense-Budget/" class="link-overlay"><span class="sr-only">FY 2025 Defense Budget</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/2024/Mar/14/2003413025/825/780/0/240309-N-AP176-1337A.JPG");"></div> <img alt=""
src="https://media.defense.gov/2024/Mar/14/2003413025/825/780/0/240309-N-AP176-1337A.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="2024-03-21T12:19:00" data-dateap="March 21, 2024">March 21, 2024</time></span>
<h3 class="title"><span> Living Life on the Arctic Edge <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">U.S. and Norwegian troops recently bundled up for frigid temperatures in Alaska to participate in Arctic Edge, a U.S. Northern Command exercise designed to
bolster skills in an Arctic environment.</p>
</figcaption>
</div> <a href="https://www.defense.gov/News/Feature-Stories/Story/Article/3712844/living-life-on-the-arctic-edge/" class="link-overlay"><span class="sr-only">Living Life on the Arctic Edge</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-3718119">
<figure>
<span class="hide">
<hr>
</span>
<figcaption>
<span class="category">
<a class="content-type-text" href="/News/Releases/"><span>Release</span></a>
<span class="separator">|</span>
<time data-dateago="2024-03-25T17:00:22" data-dateap="March 25, 2024">9 hours ago</time></span>
<h3 class="title"><span>Readout of Secretary of Defense Lloyd J. Austin III's Meeting With National Security Advisor Akiba Takeo of Japan</span></h3>
<a class="link-overlay" href="https://www.defense.gov/News/Releases/Release/Article/3718119/readout-of-secretary-of-defense-lloyd-j-austin-iiis-meeting-with-national-secur/"><span class="sr-only">Readout of Secretary of Defense Lloyd J. Austin III's Meeting With National Security Advisor Akiba Takeo of Japan</span></a>
</figcaption>
</figure>
</div>
</div><!-- NEWSROOM ITEM -->
<div class="dgov-col-md-12">
<div class="item item-3718044">
<figure>
<span class="">
<hr>
</span>
<figcaption>
<span class="category">
<a class="content-type-text" href="/News/Releases/"><span>Release</span></a>
<span class="separator">|</span>
<time data-dateago="2024-03-25T16:13:09" data-dateap="March 25, 2024">10 hours ago</time></span>
<h3 class="title"><span>Statement by Secretary of Defense Lloyd J. Austin III on the Upcoming Departure of Acting Undersecretary of Defense for Policy Sasha Baker</span></h3>
<a class="link-overlay" href="https://www.defense.gov/News/Releases/Release/Article/3718044/statement-by-secretary-of-defense-lloyd-j-austin-iii-on-the-upcoming-departure/"><span class="sr-only">Statement by Secretary of Defense Lloyd J. Austin III on the Upcoming Departure of Acting Undersecretary of Defense for Policy Sasha Baker</span></a>
</figcaption>
</figure>
</div>
</div><!-- NEWSROOM ITEM -->
<div class="dgov-col-md-12">
<div class="item item-3717930">
<figure>
<span class="">
<hr>
</span>
<figcaption>
<span class="category">
<a class="content-type-text" href="/News/Transcripts/"><span>Transcript</span></a>
<span class="separator">|</span>
<time data-dateago="2024-03-25T15:22:00" data-dateap="March 25, 2024">10 hours ago</time></span>
<h3 class="title"><span>Pentagon Press Secretary Maj. Gen. Pat Ryder Holds an Off-Camera, On-the-Record Press Briefing</span></h3>
<a class="link-overlay" href="https://www.defense.gov/News/Transcripts/Transcript/Article/3717930/pentagon-press-secretary-maj-gen-pat-ryder-holds-an-off-camera-on-the-record-pr/"><span class="sr-only">Pentagon Press Secretary Maj. Gen. Pat Ryder Holds an Off-Camera, On-the-Record Press Briefing</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-3717338 item-odd">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/Mar/25/2003420349/825/780/0/240325-A-D0439-100.JPG)"></div>
<img alt="A uniformed service member and person in an evening dress pose in front of a Christmas tree." src="https://media.defense.gov/2024/Mar/25/2003420349/825/780/0/240325-A-D0439-100.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 Dedicates Service to Gun Violence Victims</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.army.mil/article/274726/soldier_dedicates_service_to_gun_violence_victims" target="_blank" rel="noopener"><span class="sr-only">Soldier Dedicates Service to Gun Violence Victims</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-3717475 item-even">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
<div class="image-wrap video-wrap-container">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/Mar/25/2003420377/825/780/0/240307-M-D0439-100.JPG)"></div>
<img alt="A Marine looks out of an open military aircraft over land." src="https://media.defense.gov/2024/Mar/25/2003420377/825/780/0/240307-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>Marines Jump Into Readiness</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.marines.mil/News/Marines-TV/videoid/916246/" target="_blank" rel="noopener"><span class="sr-only">Marines Jump Into Readiness</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-3717521 item-odd">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/Mar/25/2003420397/825/780/0/240324-N-NO901-1001Y.JPG)"></div>
<img alt="Uniformed service members and people in civilian clothing pose for a photo on a ship." src="https://media.defense.gov/2024/Mar/25/2003420397/825/780/0/240324-N-NO901-1001Y.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>U.S., Seychelles Conduct Maritime Security</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.navy.mil/Press-Office/News-Stories/Article/3717114/us-seychelles-conduct-bilateral-maritime-security-engagements/" target="_blank" rel="noopener"><span class="sr-only">U.S., Seychelles Conduct Maritime Security</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-3717683 item-even">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/Mar/25/2003420440/825/780/0/240319-F-NQ323-1001Y.JPG)"></div>
<img alt="Rows of awards featuring eagles and U.S. flags are lined up on a table." src="https://media.defense.gov/2024/Mar/25/2003420440/825/780/0/240319-F-NQ323-1001Y.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>Teams Receive Awards for Leadership, Innovation</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.af.mil/News/Article-Display/Article/3716696/" target="_blank" rel="noopener"><span class="sr-only">Teams Receive Awards for Leadership, Innovation</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-3717704 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/Apr/24/2002288349/825/780/0/200422-N-WU045-0001B.JPG)"></div>
<img alt="A service uniform features “U.S. Space Force” and the branch’s emblem." src="https://media.defense.gov/2020/Apr/24/2002288349/825/780/0/200422-N-WU045-0001B.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>Survey Seeks Input on Information Sharing</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.spaceforce.mil/News/Article-Display/Article/3717200/airmen-guardians-can-influence-how-leaders-share-information-through-latest-wag/" target="_blank" rel="noopener"><span class="sr-only">Survey Seeks Input on Information Sharing</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-3717727 item-even">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/Mar/25/2003420472/825/780/0/240322-Z-FC129-001Y.JPG)"></div>
<img alt="A service member prepares a helicopter for aerial wildfire suppression support." src="https://media.defense.gov/2024/Mar/25/2003420472/825/780/0/240322-Z-FC129-001Y.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>West Virginia Guard Fights Wildfires</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.nationalguard.mil/News/Article-View/Article/3716540/west-virginia-guard-fighting-wildfires-from-the-air/" target="_blank" rel="noopener"><span class="sr-only">West Virginia Guard Fights Wildfires</span></a>
</div>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- End_Module_3205 -->
</div>
</div><!--end of empty container -->
</div>
<div class="DnnModule DnnModule-DNN_HTML DnnModule-5914"><a name="5914"></a>
<div class="sidebar-section sidebar-search-section">
<div class="bluebox-title">
<h2 class="tab-title"><span>Veteran Resource</span></h2>
</div>
<div class="sidebar-section-inner">
<div id="dnn_ctr5914_ContentPane"><!-- Start_Module_5914 -->
<style>
.sidebar-section {
margin-left: 2rem;
}
.vet a img {
transition: all 0.25s;
}
.vet a:hover img {
transform: scale(1.1);
}
@media screen and (max-width: 1199px) {
.sidebar-section {
margin-left: 0rem;
}
}
</style>
<div class="vet">
<div id="dnn_ctr5914_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr5914_HtmlModule_lblContent" class="Normal">
<a href="https://www.veteranscrisisline.net/get-help/military-crisis-line" target="_blank"> <img class="logo" src="/portals/1/Spotlight/2022/taking-care/vcl-988_hoz_rgb.svg" alt="Veterans Crisis Line logo"> </a>
</div>
</div>
</div><!-- End_Module_5914 -->
</div>
</div>
</div>
</div>
</div>
</div>
<div id="ContentPanePage75" class="row staggered-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.8812%;"></div>
</div>
<div class="experience-slider-3206 experience-slider slick-initialized slick-slider slick-dotted"><i class="fa fa-chevron-left carousel-previous slick-arrow" style="display: inline;"></i>
<div class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 3150px;">
<div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 1050px; position: relative; left: 0px; top: 0px; z-index: 999; opacity: 1;" role="tabpanel"
id="slick-slide00">
<div>
<div class="experience-item" data-thumbsrc="https://media.defense.gov/2019/Nov/07/2002207777/825/780/0/190211-F-ZZ999-335.JPG"
data-thumbalt="A mannequin holding a World War II-era Army dress uniform is decorated with a Medal of Honor." data-thumbfocus="" tabindex="0" style="width: 100%; display: inline-block;">
<div class="item item-2116562">
<figure>
<div class="exp-img-wrap dgov-card dgov-card-3"
onclick="(function() { window.location.href='https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/2116562/medal-of-honor-test-yourself-on-the-militarys-highest-award-for-valor/'; })()">
<a href="https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/2116562/medal-of-honor-test-yourself-on-the-militarys-highest-award-for-valor/" tabindex="0">
<span class="sr-only">Medal of Honor - Test Yourself on the Military's Highest Award for Valor</span>
</a>
<div class="exp-img" alt="" style="background-image: url(https://media.defense.gov/2019/Nov/07/2002207777/1280/1280/0/190211-F-ZZ999-335.JPG); background-size: cover; "><a href="https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/2116562/medal-of-honor-test-yourself-on-the-militarys-highest-award-for-valor/" tabindex="0">
<figcaption>
<div class="main-caption">
<span class="interactive">Quiz</span>
<h2 class="title">Medal of Honor - Test Yourself on the Military's Highest Award for Valor</h2>
</div>
<p class="summary">The Medal of Honor is the nation's highest medal for valor in combat, first authorized in 1861 for sailors and Marines, and soldiers the following year. How much do you know about the award and its recipients? </p>
<div class="bgfade" style="height: 181.375px;"></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/2116562/medal-of-honor-test-yourself-on-the-militarys-highest-award-for-valor/" tabindex="0">
<div class="zoom-bg image-replacement" style="background-image: url(https://media.defense.gov/2020/Mar/18/2002266304/1280/1280/0/181211-D-HG482-0001X.JPG)"></div>
<img alt="A mannequin holding a World War II-era Army dress uniform is decorated with a Medal of Honor." src="https://media.defense.gov/2019/Nov/07/2002207777/1280/1280/0/190211-F-ZZ999-335.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/2024/Feb/28/2003401405/825/780/0/240228-D-D0439-100.JPG" data-thumbalt="A collage of historical military photos." data-thumbfocus=""
tabindex="0" style="width: 100%; display: inline-block;">
<div class="item item-3689194">
<figure>
<div class="exp-img-wrap dgov-card dgov-card-3" onclick="(function() { window.location.href='/Multimedia/Experience/The-History-of-the-Department-of-Defense/'; })()">
<a href="/Multimedia/Experience/The-History-of-the-Department-of-Defense/" tabindex="-1">
<span class="sr-only">History of the Defense Department</span>
</a>
<div class="exp-img" alt="" style="background-image: url(https://media.defense.gov/2024/Feb/28/2003401405/1280/1280/0/240228-D-D0439-100.JPG); background-size: cover; "><a href="/Multimedia/Experience/The-History-of-the-Department-of-Defense/" tabindex="-1">
<figcaption>
<div class="main-caption">
<h2 class="title">History of the Defense Department</h2>
</div>
<p class="summary">The Department of Defense is America's oldest and largest government agency, tracing its roots back to pre-Revolutionary times. Learn about key moments in DOD's rich history.</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/The-History-of-the-Department-of-Defense/" tabindex="-1">
<div class="zoom-bg image-replacement" style="background-image: url(https://media.defense.gov/2024/Feb/28/2003401405/1280/1280/0/240228-D-D0439-100.JPG)"></div>
<img alt="A collage of historical military photos." src="https://media.defense.gov/2024/Feb/28/2003401405/1280/1280/0/240228-D-D0439-100.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/2024/Feb/27/2003401032/825/780/0/130514-N-FE409-172Y.JPG" data-thumbalt="An unmanned military aircraft is photographed flying overhead."
data-thumbfocus="" tabindex="0" style="width: 100%; display: inline-block;">
<div class="item item-3688690">
<figure>
<div class="exp-img-wrap dgov-card dgov-card-3"
onclick="(function() { window.location.href='https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/3688690/sensors-receivers-and-ordnance-oh-my-drones-carry-it-all/'; })()">
<a href="https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/3688690/sensors-receivers-and-ordnance-oh-my-drones-carry-it-all/" tabindex="-1">
<span class="sr-only">Sensors, Receivers and Ordnance, Oh My! Drones Carry It All</span>
</a>
<div class="exp-img" alt="" style="background-image: url(https://media.defense.gov/2024/Feb/27/2003401032/1280/1280/0/130514-N-FE409-172Y.JPG); background-size: cover; "><a href="https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/3688690/sensors-receivers-and-ordnance-oh-my-drones-carry-it-all/" tabindex="-1">
<figcaption>
<div class="main-caption">
<span class="interactive">Quiz</span>
<h2 class="title">Sensors, Receivers and Ordnance, Oh My! Drones Carry It All</h2>
</div>
<p class="summary">Unmanned systems help U.S. service members gain realistic training experience, test equipment and so much more. But how much do you know about the military's drones?</p>
<div class="bgfade" style="height: 181.375px;"></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/3688690/sensors-receivers-and-ordnance-oh-my-drones-carry-it-all/" tabindex="-1">
<div class="zoom-bg image-replacement" style="background-image: url()"></div>
<img alt="An unmanned military aircraft is photographed flying overhead." src="https://media.defense.gov/2024/Feb/27/2003401032/1280/1280/0/130514-N-FE409-172Y.JPG">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div><i class="fa fa-chevron-right carousel-next slick-arrow" style="display: inline;"></i>
<ul class="slick-dots" style="display: block;" role="tablist">
<li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 3" tabindex="0" aria-selected="true">1</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control01" aria-controls="slick-slide01" aria-label="2 of 3" tabindex="-1">2</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control02" aria-controls="slick-slide02" aria-label="3 of 3" tabindex="-1">3</button></li>
</ul>
</div>
</div>
<div class="dgov-col-md-3 dgov-col-bleed">
<div class="experience-nav-3206 experience-nav slick-initialized slick-slider slick-vertical" style="height: 588px;">
<div class="slick-list draggable" style="height: 588px; padding: 0px;">
<div class="slick-track" style="opacity: 1; height: 602px; top: 0px; margin-top: 0px;">
<div class="slick-slide slick-current slick-center" data-slick-index="0" aria-hidden="true" style="width: 335px;">
<div>
<div class="experience-nav-item" tabindex="0" style="width: 100%; display: inline-block;">
<div class="exp-img" style="background-image:url(https://media.defense.gov/2019/Nov/07/2002207777/825/780/0/190211-F-ZZ999-335.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/2024/Feb/28/2003401405/825/780/0/240228-D-D0439-100.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/2024/Feb/27/2003401032/825/780/0/130514-N-FE409-172Y.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>
Army Strong
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/Mar/25/2003420414/1200/900/0/240313-A-EH955-1249M.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>
Ready for Rescue
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/Mar/25/2003420413/1200/900/0/240320-N-YW264-1276M.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>
Side Talk
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/Mar/25/2003420410/1200/900/0/240303-N-ZS816-1009M.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>
Birds of Thunder
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/Mar/25/2003420333/1200/900/0/240228-F-XN197-7805X.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>
Joyful Return
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/Mar/25/2003420332/1200/900/0/240321-N-CQ682-1301Y.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>
Welcome Home
</div></div> <!----> <img alt="" actualaspectratio="1.5018773466833542" src="https://media.defense.gov/2024/Mar/25/2003420331/1200/900/0/240321-N-KK394-1448Y.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>
Missing Man Tribute
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/Mar/25/2003420316/1200/900/0/240322-F-RJ686-1455.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>
Sailor Salutes
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/Mar/25/2003420315/1200/900/0/240321-N-LN782-1250X.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>
Bridge Builders
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/Mar/25/2003420271/1200/900/0/240314-A-PY967-1215.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>
Ready for Delivery
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/Mar/22/2003418506/1200/900/0/240321-F-WH061-1068M.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>
Solo Swim
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/Mar/22/2003418492/1200/900/0/240304-N-CI480-7338M.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>
Congressional Gold
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/Mar/22/2003418487/1200/900/0/240321-A-AR102-2024M.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/2003420414/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/Mar/25/2003420414/1200/900/0/240313-A-EH955-1249M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/Mar/25/2003420414/-1/-1/0/240313-A-EH955-1249M.JPG",
preventDistortionClass: "",
title: "Army Strong",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "0",
link: "igphoto/2003420414/",
alt: "A soldier climbs up a rope next to a ladder under a blue sky.",
byLine: "Army Spc. Ebony Neal",
description: "Army Spc. Jesus Ceja participates in a squad competition in Caserma Del Din, Vicenza, Italy, March 12, 2024. During the eight-day event, squads of five soldiers tested their physical and mental resilience, physical fitness, tactical expertise and technical proficiency.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '0',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.45MB',
//// 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/2003420413/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/Mar/25/2003420413/1200/900/0/240320-N-YW264-1276M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/Mar/25/2003420413/-1/-1/0/240320-N-YW264-1276M.JPG",
preventDistortionClass: "",
title: "Ready for Rescue",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "1",
link: "igphoto/2003420413/",
alt: "One of three sailors raises their hands while treading in rough waters as seen from above.",
byLine: "Navy Petty Officer 1st Class Zachary Melvin",
description: "Sailors participate in an over-water hoist demonstration at Naval Air Station Pensacola, Fla., March 20, 2024. The demonstration is designed to educate students on capabilities upon entering the fleet.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '1',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.84MB',
//// 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/2003420410/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/Mar/25/2003420410/1200/900/0/240303-N-ZS816-1009M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/Mar/25/2003420410/-1/-1/0/240303-N-ZS816-1009M.JPG",
preventDistortionClass: "",
title: "Side Talk",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "2",
link: "igphoto/2003420410/",
alt: "A side view of a sailor in firefighting gear talking on a walkie talkie in a maintenance room.",
byLine: "Navy Petty Officer 1st Class Hannah Fry",
description: "Navy Seaman Kyle Godigkeit responds to a simulated fire during a battle problem drill aboard the USS Higgins in the Philippine Sea, March 3, 2024.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '2',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.8MB',
//// 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/2003420333/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/Mar/25/2003420333/1200/900/0/240228-F-XN197-7805X.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/Mar/25/2003420333/-1/-1/0/240228-F-XN197-7805X.JPG",
preventDistortionClass: "",
title: "Birds of Thunder",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "3",
link: "igphoto/2003420333/",
alt: "Four military aircraft fly in formation against a bright blue sky.",
byLine: "Air Force Staff Sgt. Breanna Klemm",
description: "The Thunderbirds, the Air Force's flight demonstration squadron, fly over Navy Air Facility El Centro, Calif., during winter training, Feb. 28, 2024.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '3',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.26MB',
//// 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/2003420332/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/Mar/25/2003420332/1200/900/0/240321-N-CQ682-1301Y.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/Mar/25/2003420332/-1/-1/0/240321-N-CQ682-1301Y.JPG",
preventDistortionClass: "",
title: "Joyful Return",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "4",
link: "igphoto/2003420332/",
alt: "Soldiers look down from the flight deck of a Navy ship as one raises their hands in excitement.",
byLine: "Navy Chief Petty Officer Lauren Howes",
description: "The USS Bataan returns to Naval Station Norfolk, Va., March 21, 2024, following an 8.5-month deployment to the U.S. 5th and U.S. 6th Fleet areas of operation.",
primaryWidth: '1200',
primaryHeight: '801',
serverIndex: '4',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '0.97MB',
//// 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/2003420331/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/Mar/25/2003420331/1200/900/0/240321-N-KK394-1448Y.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/Mar/25/2003420331/-1/-1/0/240321-N-KK394-1448Y.JPG",
preventDistortionClass: "",
title: "Welcome Home",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "5",
link: "igphoto/2003420331/",
alt: "A sailor hugs a person holding a baby. The sailor looks down at the baby and smiles.",
byLine: "Navy Petty Officer 2nd Class Anderson W. Branch",
description: "Navy Petty Officer 3rd Class Brennon Potter greets his family at Naval Station Norfolk, Va., March 21, 2024, following a deployment to the U.S. 5th and U.S. 6th Fleet areas of operation to strengthen ties with NATO allies and partners.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '5',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.5MB',
//// 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/2003420316/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/Mar/25/2003420316/1200/900/0/240322-F-RJ686-1455.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/Mar/25/2003420316/-1/-1/0/240322-F-RJ686-1455.JPG",
preventDistortionClass: "",
title: "Missing Man Tribute",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "6",
link: "igphoto/2003420316/",
alt: "Four military jets fly in formation with one further away from the others and pointing upwards. A snow-covered mountain is in the background.",
byLine: "Air Force Senior Airman Julia Lebens",
description: "Airmen conduct a missing man formation flyover in remembrance of Air Force Staff Sgt. Charles A. Crumlett at Joint Base Elmendorf-Richardson, Alaska, March 22, 2024. The missing man formation is a military tradition that dates to World War II and is one of the highest honors paid to fallen service members.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '6',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '0.98MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003420315/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/Mar/25/2003420315/1200/900/0/240321-N-LN782-1250X.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/Mar/25/2003420315/-1/-1/0/240321-N-LN782-1250X.JPG",
preventDistortionClass: "",
title: "Sailor Salutes",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "7",
link: "igphoto/2003420315/",
alt: "A group of sailors in formal uniforms salute at a ceremony.",
byLine: "Navy Petty Officer 2nd Class Christopher M. O'Grady",
description: "Navy Petty Officer 1st Class Chery Ane Deleon salutes as graduating divisions enter Midway Ceremonial Drill Hall during Navy Recruit Training Command's Pass in Review in Great Lakes, Ill., March 21, 2024. More than 40,000 recruits train annually at the Navy's only boot camp.",
primaryWidth: '1200',
primaryHeight: '801',
serverIndex: '7',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '2.96MB',
//// 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/2003420271/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/Mar/25/2003420271/1200/900/0/240314-A-PY967-1215.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/Mar/25/2003420271/-1/-1/0/240314-A-PY967-1215.JPG",
preventDistortionClass: "",
title: "Bridge Builders",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "8",
link: "igphoto/2003420271/",
alt: "Soldiers build a wide bridge across a river.",
byLine: "Army Spc. Alison Strout",
description: "U.S. and South Korean soldiers build a joint bridge during a wet gap crossing exercise in South Korea, March 14, 2024. The construction was part of Exercise Freedom Shield 24, which showcased combined interoperability and proficiency.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '8',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '3.28MB',
//// 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/2003418506/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/Mar/22/2003418506/1200/900/0/240321-F-WH061-1068M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/Mar/22/2003418506/-1/-1/0/240321-F-WH061-1068M.JPG",
preventDistortionClass: "",
title: "Ready for Delivery",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "9",
link: "igphoto/2003418506/",
alt: "An airman pulls a pallet of supplies near the rear of an aircraft as seen in silhouette.",
byLine: "Air Force",
description: "An airman pushes a pallet of humanitarian aid destined for Gaza onto a C-17 Globemaster III in the U.S. Central Command area of responsibility, March 21, 2024. The U.S. conducts airdrop missions to support civilian populations on the ground in Gaza.",
primaryWidth: '1200',
primaryHeight: '801',
serverIndex: '9',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.69MB',
//// 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/2003418492/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/Mar/22/2003418492/1200/900/0/240304-N-CI480-7338M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/Mar/22/2003418492/-1/-1/0/240304-N-CI480-7338M.JPG",
preventDistortionClass: "",
title: "Solo Swim",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "10",
link: "igphoto/2003418492/",
alt: "Mariners hold ropes attached to an unmanned vehicle above a body of water while standing on a boat with a bridge in the background.",
byLine: "Ian Delossantos, Navy",
description: "Personnel aboard the Bold Horizon recover a launched large displacement unmanned undersea vehicle during Integrated Battle Problem in San Diego Bay, March 5, 2024. The U.S. Pacific Fleet experiment is designed to use multidomain employment of unmanned systems to create fleet warfighting advantages.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '10',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '2.86MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003418487/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/Mar/22/2003418487/1200/900/0/240321-A-AR102-2024M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/Mar/22/2003418487/-1/-1/0/240321-A-AR102-2024M.JPG",
preventDistortionClass: "",
title: "Congressional Gold",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "11",
link: "igphoto/2003418487/",
alt: "Members of the media film and interview seated veterans as two defense leaders stand to their right in a crowded room.",
byLine: "Henry Villarama, Army",
description: "Army Chief of Staff Gen. Randy A. George, left, and Chairman of the Joint Chiefs of Staff Air Force Gen. CQ Brown, Jr., meet World War II Ghost Army veterans before a ceremony at the U.S. Capitol, March 21, 2024. During the ceremony, the veterans received the Congressional Gold Medal for their significant contributions toward defeating Nazi Germany and the Axis powers with their creative use of deception.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '11',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.67MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
// console.log('slides', slides);
window.addEventListener("load", function() {
opts.slides = slides;
attachGridSlideshow("#grid-id-3207", opts);
});
})();
</script>
</div>
</div>
</div>
</div>
</div><!-- End_Module_3207 -->
</div>
</div><!--end of empty container -->
</div>
</div>
<div id="content-pane-wrap2">
<div class="content-wrap">
<div id="dnn_ContentPane2" class="DNNEmptyPane"></div>
</div>
</div>
<div id="ContentPaneFullBleed75" class="container fullbleed">
<div class="row">
<div id="dnn_ContentPaneFullBleed7X" class="paneMarker col-lg-7 DNNEmptyPane"></div>
<div id="dnn_ContentPaneFullBleedX5" class="paneMarkerAlt col-lg-5 DNNEmptyPane"></div>
</div>
</div>
<div id="content-pane-wrap-75">
<div class="content-wrap container">
<div id="ContentPane75" class="row">
<div id="dnn_ContentPane7X" class="paneMarker col-lg-7 DNNEmptyPane"></div>
<div id="dnn_ContentPaneX5" class="paneMarkerAlt col-lg-5 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed3" class="DNNEmptyPane"></div>
<div id="content-pane-wrap3">
<div class="content-wrap">
<div id="dnn_ContentPane3" class="DNNEmptyPane"></div>
</div>
</div>
<div id="ContentPaneFullBleed66" class="container fullbleed">
<div class="row">
<div id="dnn_ContentPaneFullBleed6X" class="paneMarker col-lg-6 DNNEmptyPane"></div>
<div id="dnn_ContentPaneFullBleedX6" class="paneMarkerAlt col-lg-6 DNNEmptyPane"></div>
</div>
</div>
<div id="content-pane-wrap-66">
<div class="content-wrap container">
<div id="ContentPane66" class="row">
<div id="dnn_ContentPane6X" class="paneMarker col-lg-6 DNNEmptyPane"></div>
<div id="dnn_ContentPaneX6" class="paneMarkerAlt col-lg-6 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed4" class="DNNEmptyPane"></div>
<div id="content-pane-wrap4">
<div class="content-wrap">
<div id="dnn_ContentPane4" class="DNNEmptyPane"></div>
</div>
</div>
<div id="ContentPaneFullBleed57" class="container fullbleed">
<div class="row">
<div id="dnn_ContentPaneFullBleedX7" class="paneMarkerAlt col-lg-7 col-lg-push-5 DNNEmptyPane"></div>
<div id="dnn_ContentPaneFullBleed5X" class="paneMarker col-lg-5 col-lg-pull-7 DNNEmptyPane"></div>
</div>
</div>
<div id="content-pane-wrap-57">
<div class="content-wrap container">
<div id="ContentPane57" class="row">
<div id="dnn_ContentPaneX7" class="paneMarkerAlt col-lg-7 col-lg-push-5 DNNEmptyPane"></div>
<div id="dnn_ContentPane5X" class="paneMarker col-lg-5 col-lg-pull-7 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed5" class="DNNEmptyPane"></div>
<div id="content-pane-wrap5">
<div class="content-wrap">
<div id="dnn_ContentPane5" class="DNNEmptyPane"></div>
</div>
</div>
<div id="ContentPaneFullBleed48" class="container fullbleed">
<div class="row">
<div id="dnn_ContentPaneFullBleedX8" class="paneMarkerAlt col-lg-8 col-lg-push-4 DNNEmptyPane"></div>
<div id="dnn_ContentPaneFullBleed4X" class="paneMarker col-lg-4 col-lg-pull-8 DNNEmptyPane"></div>
</div>
</div>
<div id="content-pane-wrap-48">
<div class="content-wrap container">
<div id="ContentPane48" class="row">
<div id="dnn_ContentPaneX8" class="paneMarkerAlt col-lg-8 col-lg-push-4 DNNEmptyPane"></div>
<div id="dnn_ContentPane4X" class="paneMarker col-lg-4 col-lg-pull-8 DNNEmptyPane"></div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFullBleed6" class="DNNEmptyPane"></div>
<div id="content-pane-wrap6">
<div class="content-wrap">
<div id="dnn_ContentPane6" class="DNNEmptyPane"></div>
</div>
</div>
</main>
<div id="footer">
<div class="footer-inner content-wrap content-wrap-wide">
<div class="dgov-grid">
<div class="dgov-col-auto">
<div class="dgov-grid">
<div id="dnn_Footer_footerNavCol1" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
<h3>Defense.gov<i class="fas fa-chevron-down"></i></h3>
<ul class="footer-nav">
<li class=""><a href="/"><span class="text text-link-18">Home</span></a></li>
<li class=""><a href="/News/"><span class="text text-link-20">News</span></a></li>
<li class=""><a href="/Spotlights/ "><span class="text text-link-22">Spotlights</span></a></li>
<li class=""><a href="/About/"><span class="text text-link-21">About</span></a></li>
</ul>
</div>
<div id="dnn_Footer_footerNavCol2" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
<h3>Helpful Links<i class="fas fa-chevron-down"></i></h3>
<ul class="footer-nav">
<li class=""><a href="/Live"><span class="text text-link-23">Live Events</span></a></li>
<li class=""><a href="/News/Today-in-DOD/"><span class="text text-link-24">Today in DOD</span></a></li>
<li class=""><a href="/News/Contracts/"><span class="text text-link-25">Contracts</span></a></li>
<li class=""><a href="/Resources/For-the-Media/"><span class="text text-link-26">For the Media</span></a></li>
<li class=""><a href="/Contact"><span class="text text-link-27">Contact</span></a></li>
</ul>
</div>
<div id="dnn_Footer_footerNavCol3" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
<h3>Resources<i class="fas fa-chevron-down"></i></h3>
<ul class="footer-nav">
<li class=""><a href="/Resources/ "><span class="text text-link-28">DOD Resources</span></a></li>
<li class=""><a href="/resources/social-media-policy/"><span class="text text-link-53">DOD Social Media Policy</span></a></li>
<li class=""><a href="/contact/help-center"><span class="text text-link-29">Help Center</span></a></li>
<li class=""><a href="/Resources/Military-Departments/"><span class="text text-link-30">DOD / Military Websites</span></a></li>
<li class=""><a href="https://comptroller.defense.gov/ODCFO/afr/" target="_blank" rel="noopener noreferrer"><span class="text text-link-49">Agency Financial Report</span></a></li>
</ul>
</div>
<div id="dnn_Footer_footerNavCol4" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
<h3>Popular<i class="fas fa-chevron-down"></i></h3>
<ul class="footer-nav">
<li class=""><a href="/Spotlights/Value-of-Service/"><span class="text text-link-33">Value of Service</span></a></li>
<li class=""><a href="/Spotlights/Taking-Care-of-Our-People/"><span class="text text-link-36">Taking Care of Our People</span></a></li>
<li class=""><a href="/Spotlights/FY2025-Defense-Budget/"><span class="text text-link-34">FY 2025 Defense Budget</span></a></li>
<li class=""><a href="/National-Defense-Strategy/"><span class="text text-link-54">National Defense Strategy</span></a></li>
</ul>
</div>
</div>
</div>
<div class="right-col dgov-col-md-12 dgov-col-lg-4">
<div class="right-col-inner">
<div class="mission">
<img class="footer-logo" alt="U.S. Department of Defense logo" src="/Portals/1/Images/DOD-Icon-Header.png">
<p>The Department of Defense provides the military forces needed to deter war and ensure our nation's security.</p>
</div>
<div class="footer-search-wrap">
<label class="sr-only" for="footer-search-input">Enter Your Search Terms</label>
<i class="fa fa-search" id="fa-search-icon-bottom"></i>
<input type="search" id="footer-search-input" name="footer-search" maxlength="256" placeholder="Search...">
</div>
</div>
</div>
</div>
</div>
</div>
<footer id="footer-main">
<div class="utility-nav">
<ul class="">
<li class=""><a href="/Legal-Administrative/Privacy-Security/ "><span class="text text-link-12">Privacy & Security</span></a></li>
<li class=""><a href="/Legal-Administrative/Links-Disclaimer/ "><span class="text text-link-17">Links Disclaimer</span></a></li>
<li class=""><a href="http://dodcio.defense.gov/DoDSection508/Std_Stmt.aspx" target="_blank" rel="noopener noreferrer"><span class="text text-link-13">Section 508</span></a></li>
<li class=""><a href="/resources/social-media-policy/"><span class="text text-link-52">DOD Social Media Policy</span></a></li>
<li class=""><a href="http://dodcio.defense.gov/DoD-Web-Policy/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-14">Web Policy</span></a></li>
<li class=""><a href="http://www.esd.whs.mil/DD/plainlanguage/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-37">Plain Writing Act</span></a></li>
<li class=""><a href="http://www.dodig.mil/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-38">DOD IG</span></a></li>
<li class=""><a href="https://policy.defense.gov/OUSDP-Offices/Reporting-Civilian-Casualties/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-39">Reporting Civilian Casualties</span></a></li>
<li class=""><a href="http://prhome.defense.gov/NoFear/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-40">No FEAR Act</span></a></li>
<li class=""><a href="http://www.dimoc.mil/resources/limitations/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-41">Imagery Use</span></a></li>
<li class=""><a href="https://www.esd.whs.mil/FOID/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-42">FOIA</span></a></li>
<li class=""><a href="http://open.defense.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-43">Open GOV</span></a></li>
<li class=""><a href="https://media.defense.gov/2023/Mar/13/2003178168/-1/-1/1/DOD-STRATEGIC-MGMT-PLAN-2023.PDF" target="_blank" rel="noopener noreferrer"><span class="text text-link-44">Strategic Management Plan</span></a></li>
<li class=""><a href="https://www.usa.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-45">USA.gov</span></a></li>
<li class=""><a href="https://business.defense.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-46">Small Business Act</span></a></li>
<li class=""><a href="https://www.veteranscrisisline.net/get-help-now/military-crisis-line/" target="_blank" rel="noopener noreferrer"><span class="text text-link-55">Veterans Crisis Line</span></a></li>
<li class=""><a href="/site-index/ "><span class="text text-link-47">Site Map</span></a></li>
</ul>
</div>
<div class="social-nav-subscribe-container">
<div class="social-nav">
<ul class="">
<li class=""><a href="https://twitter.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="X"><span class="social-icon fa-brands fa-x-twitter social-link-5"></span></a></li>
<li class=""><a href="https://www.facebook.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="Facebook"><span class="social-icon fa-brands fa-facebook-f social-link-6"></span></a></li>
<li class=""><a href="https://www.instagram.com/deptofdefense/" target="_blank" rel="noopener noreferrer" title="Instagram"><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-brands fa-linkedin-in social-link-51"></span></a></li>
<li class=""><a href="https://www.youtube.com/deptofdefense" target="_blank" rel="noopener noreferrer" title="YouTube"><span class="social-icon fa-brands fa-youtube social-link-7"></span></a></li>
</ul>
</div>
<a class="subscribe-btn btn btn-sm btn-primary" href="https://public.govdelivery.com/accounts/usdod/subscriber/new" target="_blank">Subscribe</a>
</div>
</footer>
<div id="footer-hosting">
<div class="skin-footer-banner"><a target="_blank" rel="noreferrer noopener" href="https://www.web.dma.mil/"><span>Hosted by Defense Media Activity - WEB.mil</span></a></div>
</div>
<script type="text/javascript">
var usasearch_config = {
siteHandle: skinvars.aid,
autoSubmitOnSelect: false,
}
window.onload = function() {
document.getElementById("footer-search-input").value = "";
}
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "//search.usa.gov/javascripts/remote.loader.js";
document.getElementsByTagName("head")[0].appendChild(script);
(function($) {
$(function() {
$('.footer-nav-col h3').click(function() {
if (window.innerWidth > 991) return;
$(this).parent('.footer-nav-col').toggleClass('active');
});
});
})(jQuery);
const queryInput = $("input[name=search-main],input[name=header-search], input[name=footer-search], i[id=fa-search-icon-bottom]").on("keyup", function(e) {
if (e.keyCode == 13) {
submitSearch($(this));
}
});
$("input[name=search-main] ~ button, .search-icon, input[name=footer-search], input[name=footer-search] ~ button, i[id=fa-search-icon-bottom]").on("click", function(e) {
e.stopImmediatePropagation();
submitSearch($(this));
});
$(".search-icon").on("keypress", function(e) {
if (e.which == 13) {
e.stopImmediatePropagation();
submitSearch($(this));
}
});
function submitSearch($this) {
const query = $this ? ($this.val() || $this.parent().find('input').val()) : "";
const affiliate = !!skinvars.aid ? skinvars.aid : 'defensegov';
if (query.length > 1) window.location = "//search.usa.gov/search?query=" + query + "&affiliate=" + affiliate + "&utf8=%26%23x2713%3B";
}
</script>
<input name="ScrollTop" type="hidden" id="ScrollTop">
<input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off" value="`{`__scdoff`:`1`,`sf_siteRoot`:`/`,`sf_tabId`:`587`}">
<script src="/Desktopmodules/SharedLibrary/Plugins/Bootstrap/js/bootstrap.min.js?cdv=1484" 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
* Veterans Crisis Line
* Site Map
*
*
*
*
*
Release
LAPSE IN APPROPRIATIONS
The most recent appropriations for the Department of Defense expired at 11:59
p.m. EDT on Mar. 22, 2024. Military personnel will continue in a normal duty
status, without pay, until such time as a continuing resolution or
appropriations are passed by Congress and signed into law. Civilian personnel
not engaged in excepted activities will be placed in a non-work, non-pay status.
Read More
Lapse in Appropriations -
U.S. DEPARTMENT OF DEFENSE
News 10 hours ago
PENTAGON SPOKESMAN DETAILS U.S., ISRAEL MEETING, DANGER FROM ISIS
Secretary of Defense Lloyd J. Austin III plans to meet with Israeli Defense
Minister Yoav Gallant at the Pentagon to discuss a range of issues, including
the release of the hostages Hamas has taken and ensuring the safety of people
sheltering in Rafah.
Pentagon Spokesman Details U.S., Israel Meeting, Danger From ISIS
Spotlight
HELPING HANDS
More than just a fighting force, the Defense Department delivers health care,
disaster relief and other support to people around the world in humanitarian
missions every day.
Read More
Helping Hands
Spotlight
FOCUS ON INDO-PACIFIC
The Defense Department is committed to working with allies, partners and
like-minded nations in the Indo-Pacific and to upholding a free and open region
founded on respect for international rules, laws and norms.
Read More
Focus on Indo-Pacific
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, 2022.
Read More
Support for Ukraine
NEWS
News | March 22, 2024
PROMISING EXPERIMENT SIGNALS FUTURE INTEGRATION OF ADVANCED TECH INTO ARMY
UNITS
The Army is moving toward a future where soldier formations will be more
efficient and lethal thanks to the integration of advanced technology both on
the ground and in the air, according to the service's chief of staff.
Promising Experiment Signals Future Integration of Advanced Tech Into Army Units
Feature | yesterday
MEDAL OF HONOR MONDAY: ARMY 1ST LT. STEPHEN H. DOANE
Army 1st Lt. Stephen Holden Doane was only 21 when he gave his life to save
other soldiers around him in a firefight during the Vietnam War. His valor and
devotion earned him the Medal of Honor.
Medal of Honor Monday: Army 1st Lt. Stephen H. Doane
News | March 22, 2024
TO MEET SECURITY CHALLENGES, DOD MAKES INVESTMENTS IN STRATEGIC FORCES
The Defense Department is making investments in strategic force capabilities in
the fiscal 2025 budget to meet the security challenges posed by competitors, a
DOD official said.
To Meet Security Challenges, DOD Makes Investments in Strategic Forces
News | March 22, 2024
DOD POLICY OFFICIAL HOSTS Q&A FOR DARTMOUTH STUDENTS
The one-hour Q&A was part of a three-hour interactive program to provide
Dartmouth students with an introduction to Defense Department priorities,
programs and careers.
DOD Policy Official Hosts Q&A for Dartmouth Students
Spotlight
FY 2025 DEFENSE BUDGET
The president’s fiscal year 2025 budget request bolsters our ability to defend
the nation and deter aggression against America or our allies and partners, and
forges a more modern defense ecosystem built for 21st century security
challenges.
FY 2025 Defense Budget
Feature | March 21, 2024
LIVING LIFE ON THE ARCTIC EDGE
U.S. and Norwegian troops recently bundled up for frigid temperatures in Alaska
to participate in Arctic Edge, a U.S. Northern Command exercise designed to
bolster skills in an Arctic environment.
Living Life on the Arctic Edge
PRESS PRODUCTS
--------------------------------------------------------------------------------
Release | 9 hours ago
READOUT OF SECRETARY OF DEFENSE LLOYD J. AUSTIN III'S MEETING WITH NATIONAL
SECURITY ADVISOR AKIBA TAKEO OF JAPAN
Readout of Secretary of Defense Lloyd J. Austin III's Meeting With National
Security Advisor Akiba Takeo of Japan
--------------------------------------------------------------------------------
Release | 10 hours ago
STATEMENT BY SECRETARY OF DEFENSE LLOYD J. AUSTIN III ON THE UPCOMING DEPARTURE
OF ACTING UNDERSECRETARY OF DEFENSE FOR POLICY SASHA BAKER
Statement by Secretary of Defense Lloyd J. Austin III on the Upcoming Departure
of Acting Undersecretary of Defense for Policy Sasha Baker
--------------------------------------------------------------------------------
Transcript | 10 hours ago
PENTAGON PRESS SECRETARY MAJ. GEN. PAT RYDER HOLDS AN OFF-CAMERA, ON-THE-RECORD
PRESS BRIEFING
Pentagon Press Secretary Maj. Gen. Pat Ryder Holds an Off-Camera, On-the-Record
Press Briefing
FROM THE SERVICES
Army
SOLDIER DEDICATES SERVICE TO GUN VIOLENCE VICTIMS
Soldier Dedicates Service to Gun Violence Victims
Marine Corps
MARINES JUMP INTO READINESS
Marines Jump Into Readiness
Navy
U.S., SEYCHELLES CONDUCT MARITIME SECURITY
U.S., Seychelles Conduct Maritime Security
Air Force
TEAMS RECEIVE AWARDS FOR LEADERSHIP, INNOVATION
Teams Receive Awards for Leadership, Innovation
Space Force
SURVEY SEEKS INPUT ON INFORMATION SHARING
Survey Seeks Input on Information Sharing
National Guard
WEST VIRGINIA GUARD FIGHTS WILDFIRES
West Virginia Guard Fights Wildfires
VETERAN RESOURCE
INTERACTIVE EXPERIENCES
EXPERIENCE DOD
Use left and right arrow keys to navigate this slide show.
Medal of Honor - Test Yourself on the Military's Highest Award for Valor
Quiz
MEDAL OF HONOR - TEST YOURSELF ON THE MILITARY'S HIGHEST AWARD FOR VALOR
The Medal of Honor is the nation's highest medal for valor in combat, first
authorized in 1861 for sailors and Marines, and soldiers the following year. How
much do you know about the award and its recipients?
History of the Defense Department
HISTORY OF THE DEFENSE DEPARTMENT
The Department of Defense is America's oldest and largest government agency,
tracing its roots back to pre-Revolutionary times. Learn about key moments in
DOD's rich history.
Sensors, Receivers and Ordnance, Oh My! Drones Carry It All
Quiz
SENSORS, RECEIVERS AND ORDNANCE, OH MY! DRONES CARRY IT ALL
Unmanned systems help U.S. service members gain realistic training experience,
test equipment and so much more. But how much do you know about the military's
drones?
* 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
Army Strong
Ready for Rescue
Side Talk
Birds of Thunder
Joyful Return
Welcome Home
Missing Man Tribute
Sailor Salutes
Bridge Builders
Ready for Delivery
Solo Swim
Congressional Gold
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 2025 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
* Veterans Crisis Line
* Site Map
*
*
*
*
*
Subscribe
Hosted by Defense Media Activity - WEB.mil
PreviousNextSlideshow