www.defense.gov
Open in
urlscan Pro
2600:1401:4000:1ab::3a30
Public Scan
Submitted URL: http://doctor.army/
Effective URL: https://www.defense.gov/
Submission: On May 20 via api from BE — Scanned from DE
Effective URL: https://www.defense.gov/
Submission: On May 20 via api from BE — 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="ylogQGcjXFO/w5ycd0KNMXsUhmxHS7F38lBcTC5kffuNyGg1YNvNknb0RhtcBuhGvh41FHfLjA6IeDqiBLizFCWc7bFgIPgrZYtnFgKapj9uBUxHYcOLoNjSbGY2+gAjykp7nlsEBVFBrkH4x0N55gbF0nxftsWwJkOCSjLOOFyVefu4EMBqpHqEkd+1ZeCNS7ffVTcFEgR9ES/+amxeZiLE/+KEgVEH05Bho9b7lxD05tlyMqRE146n7QpGi72apterLnvYTfZQOZHuyh5Nxz1w/bMasRPB4BVFnuiVbJn6d6dK2igqvvj2Xk/+tl1j+BFSQd8WQJUYkcxHXT0Q2h9ZrJk84vRCbeGX6ttRJTV9WQyynzebmARFl/Gvou8nVVkJncPxc8YHk9mhJb3ZEexS2GisZ79GyRBJgFNZKrtE3Fffdu5xSgFXZfPRJ/KoCfTLRsrx/FFnCxu9tuSRR//6DxnDS/WIE1IGpXHxlzTKl0PtXkgc+cw9ghDpCbzAmO+5FU5arXnjxmB8aP9pgRZqndxGXOqrNacbC3FecGLqMW2zDPO2w5TzNzixQ/2TLVGxjwJsxEQ8TNWj7RePZOzqk2M/o2Dc0DrA6MlbEsSB3bgqpWYyZdJcLnp9cIBounwEt9YZY9pPB/pcpA/H4FN/EtisjL6dxw8FYa4WucCLhP42F9FZWJ1ZXtYFUxUDlJMYyiFe225BcpbT9AZZG6+IPHfETpFrP+bE8fZ1OoBQ7IGIQXW7ZXC7/PtaalbtONCMfo4QAwNltIhRbWrcPzfftkBl9nSTJXjxbxKkWGQvP7aQiPGjDctAbCsV87XngpnTk/ldPe19px8oAea3f1uPz1/pIGDSk6VT3xSdeTDepXUt+k4dubcBNA5rAcEkBfPsChfT3LhBK7qNm4PzV4wUYxVbNMCI7dymcXRmYqw0dMbVwTwfmSnM65zvvLm4c/+sqcQASJKTkjhXvG2xxL4m+Z3soQ9v/OhndI9w/Jr/2H8d869auFYdYUlg8YuvvSyPVA9pkCiorqtqG/qRtxl96gegkUK4VCc8jWmvAQwBS0tOMAdytieLiHc/gLZU76JzhlY7480vlb7xcLzGyYaNsozISkeR20If3rcYQ8E75N3hKdegf9eeVbvS7ep9Zkt5RMnHyQFmgs09s0nM+hG+4RkBjEkixUBjCSaS50lmGJ9sF22XTMJZHYf8HW7DnCpip8helmYsv+LnAm/87z+AkQ2Gt0mkO1ugqbJc3v0/E/aHWwNfmLDnmDjGzKU58XsZTtKDWIeQgpq2a78m9MqPT+vu0x0toDxGFI3sO49cFiJdB6zDvFSkzklTzE/+/Si0v1FSbF7xoZcY0gwim9sXPI2RRN0ywaO2xQ/3zuJUwaInQ3aTQ/XrzjVFJy2AhsyVSo3C9147t3pH7/PkVg4JPDAZ5xPx1lQb3KKYzAwsFFUdQNgeCOHhkwsNi/5HMHzNGWN+I35O57mWFktRwdCnV+YUsgKa9XUlxwmuv479LhwTF3kV+jBCoNb2NyOAFYFlAgoJR0aj04IVE1AFPi0bL2dCAcN8812vNy4gFnVJHGkZRAFWQEKGRqU8SgP+G/6I1+3TSVjoautJ93yM9oq8KQSSsvWvS4D1cWUXCLQ/W09tkrvBw8ZglBLlzhQVaOlmqZ8CYufomXkXCNrl13CpFERF4UGhAxrnREsL51fFS+TYuM0bjhWCtt+ytPsioDyWnhkgmox8dh2sHcup5+x99oLI8fixNeylXC0itU+4EvFR/WWBSXd4Mo3L9DeMurDO2wTEd8X4ojAPDdSs1MKJIUqcLiyDUsxcx34UvSNE9pC6CYC7/oTBrD4qAdCGj9/retUGd9mkbna2aS0f4NkV4xLb7sCTjj/hdRE6WZt5kIOZDqVh2Y1bE8cAOi80Py8XV+1C1KSeNs3dNhEr/TLnFgrM0ZKg9l8qUEEUNdLPlMjgtQ2KVKhXBweQLuxJjV+j6pH7rpfDz0YQYpv9XWO2si54l1rbVjCEqiRnmyVe9NbAa1NC6FUsNuLBQ312UkIKJQblf41qr+SxIQYTZ+mJKncIWdRLzpNfTIgXWpqW32lLBV+0SQCAnZsQujqG//1maVE1zqEbvZ9/fXN9GaELAHXtbxWmrNmwpRumP0++38Tf4EiuiSrkgmKH8KquXsgFNcyET0L5sqSZf2d6rjnJ9txq2wMIjmiMFgTrFhL/+rA8h9RnEzMMQd6NMff4YdBfmwvvZdNtyBffRkx+uKUcZ0ovUZbvLXdmP/QStKC2BnmYhkLOk3qbW/fY7Xr6RLFfALektlxa/wKjpOeP0w3BGKKh3DVJ172MR2NBOJgG92xPHCs5nsTlmLzz6cX4c988W5352zF5pgHy8dyPu0K6JVJ2XfUX4qhxQ96z7wcxiGpmtt6A/e6Jzw739jlvDD2iCjikR1SkyWGeQrVw0o4YRggz98bwr2nYh1jEi/P9soB5rE+5z2KidVpki9wHlna2BdaDPGRYLQtxKBt5CMWYTLl2X3jg5aNkRxnFEvykBGwkYTCmSfdLL/aMSSZYDc8Y91+Pyi1WxhnEt86ieR8Rybv7LFu8wTw+Q32LHV87QRJVhENDpr2baeKa3/RbB7QZvv7LtwxJLm3pgM4NERmYc8I5r3eG29HXaPHVYBkWoHmOVeu1Uo6CsAY5PP3eF5/MRu+qN61PYLP5G4vf7EJQfJuGq3Q12gI4YQIfbJde8p6Mar2jLrG3vkhsg5ELscQpA50zuLKQ1nW3nEOyNTCtntggQmHrgcV3s8L0IiZMErBE6+E2LBsk6CIY090p2tL/yyhT7MfrYE82A8zxYQIgX41mLpzL+e/LAbzOKQQeIeqHeP8CBMOtqExRcAS+xEGOTCVqrIYyHlyW+ZJ9SakfLmIbTn5uDQTrhNAfyMu20O1soCOzg2YW3UsPHjMaLTqz1LcXAyNnjIUpmB/ABToJONYcwdhB1wfF2/YA4JtmyYUILyDQi11kqUFI24Z8gLDZwM7ouqbycjb1FVPuqkDwRMbgfcaccNTsBs5yKnDGvf/taQ84UFi8hA5e1q0+EjcF/HZfdTaS3HuYThYRCzt7aw6FhMNJFDHgqDWWKUdQdvEyKs8Qh8yNXTjOR2l9it0lJX5LA+Y4EfuTY7V7U8ydvklD3qBXFLlHr16h7fm6DStnZbM7C/tXSvoXkurAZOpmoAH08/61kWWgW/bA252XpT/t6LbyaR9N3eh5/+OVCwM6K5s1T9dhBDrihqBIgBeNpBkytsL90OJh03HI8wjYVQiBuCdI4EsJIiPQvYntowfbr3dXsVeRUwM7p60fhkp41drTUBmk5d3Jm84B8OHqmDftgearqyhV68TU4WrvMv1kIcq9XDSKx9GU3vI3ahqp6wcPXQKkm5i7pH14T+qlhdohNRSoJp1bVopn1ofSKnNYdCjeA9IYg8DM7+o5J8nbb+Ko2ga3sn5N6a3K7LjPmT7xP+X0l/M1j600S215SUIZq3eZVL7JVxvK/cIjxvrcng533ow7jkgCDVFBeoNl3KQr1XzNNI6CDu1R60hpoNLkI4uUdubwpsnzo250kbMUvWSWlBvvcl901cxCNorpY6c0rPuHpy6wSXFJ+IFgPahuDlqknwBjmXFD8D/tWI2FR4OPpwKUpAAN1BhbAWa4i19siUi68SmnEK3gi0Xb1uRaKf7xY1ogY+nunw+zLQYs3mvCHmTibHiiG0MFY4ddrhd2BPay3Jmbinmq4SPZyD2dP7AzMqqkII2bWHr96l1UA9WSMUjZKyhmdZDf3q3DCwNFTV36P1dXB1VJzwYmugPh4yN+ySBXAgJQSQBcWB1/BveiT9TI8vd/OVYi974Phr0GL5e2Xh3Dg/Iw53FxzQafQIFeijmy3re39F+UynjxTxaf/fZu9Bo9se46xzoiHGRukzdjeO9xIVTght/zS7FfTPs2b/LO3SkbjZi4g7AEWQt9qyVdpNeTXzVcQcVmhvJdLg2+PClBR8FWJjjU0O+9lhGosTOhwfJ6iIs2uhvvP4YXGTfMDHIsFJfEac58ux68QiAslh7L40suCxH7bCapbH16G7noo0FIv+65Zk+FynXI+UUJcIHo7g71i3bwErvHfj0w0Tvb/u/LX0USSWTceV6OnZSOOLgZKhMBi5lEgMJNSrYSttRWUTlhBVki+ns/94dLYkh1IxSPzWdrXzKfx5XTy8BUN5zFYIhC2r5myjuIojaRfGDRgTI9RuSNBtA/qokKCywpsYpSdLO4cv6xRJPAru7Xp2jGndl2hPnRKlNeu4haIqoz+wJojfS9NtpO7VDdk1AoI1qNiQCpZqB1jHPwmHEe8SXP/0O7x4k+godRqQddxFdDI7tZvQX5RO5HVq21sjWkXPv9qEnyu6yX8smpDju5w65/p8TAGPf0JlvR2VIQuHr6/DILZtz0KCLVPUF4QkBOS99ERNO4Vd8ubA/XSgAgbTENGHD88WJATyJikq7MrHnuEu9KYJhQ1LgVURb8SvIydQRtuwo9L1Jxzn/2Xf20URLThb4pGTfQqQ3Sce4+hghgHRGIjCnR3TvVoLbfdIUul/Cp1zn4Rgj4WVtPXLQUji/ELmP7xOKnWVK4nbqE+ATBdDotbLcKLBnt1QP7p9vWZdPcL2Lv+idC992lOiA6qN13QsrYZkPeCWcajJEe8KknTS1YKdSdar0L0F7U+vJEgvRlHidyQl/P8PFSmEQ916w04i0lox8P6OYs7ik+wRyd/9d2W1I5WeAVZMDzf8qoUinGQKc9R3nB7XH5BgHQ8eyxoLRUwNl/gH7gmqKBbdlcDOGa7S7HpjrmT9jJrP34HlnUL4+1AWfKJofmfB3CneMIaeG9G/28wU/jHtW9eqcSO4tix6p1vq2++lKtZJAkEas44ewNtMdCJZzJEDh59bpdks779atR2YHVJ569TjSuLtbAOrCROmZwPiQ5miDbPMnsJATgA6g3LXz4pplYSE7Q+XgT3NviKeFYFYf2gY75K1gnxR6Dx0ok8eHvgN3TZt/Ty4KSb28JaWUA3u7Dji1oQvYMFpvh+2+or0piem2kspD1zvYIzAcLACI90OmL6GsTiCV3CBsXsj5eR0Xoiew+mpcMeG07srEsDxmo7aAJW2RmVHDGC7EDHhHUZuQK4AoCejRP2eXqSJ/CxQqW1CQYD0xg/wl6QC+EW9xctj4TE9miHHJ0zxXitBTuwglbJwkw2Ry57gUyql2J3FQC36vEV3zj0hbOdEKbA8OlMVQV7uIKeTkrw6l4VEXeFnoYo4S3NTWScpP9GI8uEyVt6zwuWmiUVlQ61jHoiA5AVvpovq1s5fUsUae9IbfJYjnOGQxu4EHt0asOAN7CVxK9TeeAcniT26+mOs0KP+A7nquUiAhrhsOwYEHu3AHyaZjcehoTaPonZqLOMqXa159AmUPQSl+GA+Fp7oE9EI/TLNkh2ET1Fw04hYNcCZFZ6CjnX34D2+RaDd+KPu6C5V3XX3xuRvHghEh2Ta00GvkLW0cM6Mcq8n7XH7365VFTpzngSFRvee8TXEjnh+fiMDALOzwvxeyx41YJqkkwBp3c3P5H5JVBDn5ux3mNU+iJYTqn7asda5FJamqKEVwVT2aetCbAg89KOjOI8VjMbgpd9m2mXDfdetizxVziQ/7v7Ln+Bdxzu3XKb3Am8VcN+SXmCT3JY/TZ9e52iMXmspQHPda2TEVlQyW3nisMUipPt/7LbxXCoWiaFfpbSI6m+LnL85U+LX1ToQoGPw1HbZzY32afBkmT67ENBxcqy9Tq44DI0yf0QTCEJ5zxuRLZCJXoZrtcDhez53v6zwz/9K2CcFqmLC09mFrtKA+MOVBX7Z7hecQvdfZpmBUnI7pObBGENKQRu7z/LG4mFyRrQHTjieTA9RyxHwXXw1Q8rZ1vU9cGfD6aZzJAC6cgaaaxuMAETDzSyuJneBGBiJNMZv2GOvnqXMljIT5XROA1YAopk8MCy0AsaJr1rflVs0/vlCveCX729PrujjRszCbfbfPEpSOqTzcpa0pKP38KY/Vz7pauo9uyPHGB4DUqmnRE1OBFdjqQbE4FA4PP/OOkUBxqDgjh6U0ys8exM7jK8SSZOKy/39nmi/tvmvubtkDexVae+sDf0TjDxdEeghRAu8hJsEK99kOxMWrJRvSlGN6Wa86MTUJDeegKHP3VxzgGuvdJTGvUbiMIUmSJLoAj+IJ+vwptO+sNrQOMq6yUPp9VcqX2a0dLvTDqLW+Ju9iXRcXeMMEC8y7ASMwVTNRUOP101Bpl6GwPRhaT/nzVja9B3Ki9GgUp23olxZ2afxJyDLkPum9rQjumBbwYnKDYNgOGwmh84E37HR/KNldr5bnJGrjJdnaZ3iO8vF4PIdqzI9LDtaSYh2vViWFJZMoyDNtmsjjOVWOHoEq6b6j9hAi0p5Ce+fGRISppE4Krk6qVniZOfNnFIqM6FpQt8hMqCs5S9zH2oi7v12j/2Prt8Pp2lZCqN7pS6tAsxLNwZWWHL4gQDfidYa/uq/CZ9r7+NeWq6Q75I7HWuBRMvSWgYdTVZy0hQ9pYIZmn+CCpBC9dMPhPEg8Ri++S44vFHyP/KULkYNU5gBQn/SUR/nRzeiBwK+8BNlTM63X2epsgNu5VTKAnjSKI91RwRMWdBLdS7RpQOIL5fqkubLnKdCe2Y+SB59fGif1LgO8GQ+ovpDnIo+8U4U1ceaRr1ZdeY0WZ6bajWPZOb9zVJ74ZiFrU8rtY1ofr+MMfBReyPnx1CGLbcJNo1Qgn8YAtaW/5XsNtXl/ZlWuDKEoX13/6dGU0C+eVwZPC4XUyj0LbudT9Sb7kL3naXwd+lMyHRfU++42N47GHTSzBeN4vUggfFqSffOmvf2K/Z6Cg5gJHZ7USS3dfq5PZf/k3llByCdX0KuUlxM1C66JvkXiGT0vka/Iz3R4gTxmbxZu0g5jNExeBaFq4y1XrO2cV4refZMH2zjQrc4j3wRfCWz+HD+naH3xPDm1+TYhoqoTHuLsWyjqejk5u0av2bY36XnsGpW19y0klOHFX5v9bqgwHWdCKI/QyLksr/gcXs4a53PryKZ249HlSJOAQmaKe8K6ILX8y8kOtz/wJWe1O5Luhch5IFgs6ZIKC/UvqOex9eH/reajjGk6Z5X32AocOGjfvwqOe99vTxWizuKJkDu0K/zu/VA6PmJr0mGtYBClsIK751UhPh7vdRHV+oaqxXTMMFXRzP9+6/aCqbs0pNpmjxc2EuX7diNayelpaJnMyVPwLm01d/Apvxcweb/LO2egV22qvIkQXvomYnSf6iJL4BbOuVprLTi4zViVhXykdJjmSObDdb7ma873eutJg32DGe+rGUhOYAODI7l/32yaKFc57ejGpo/RYGt5CQEo/fqNQpmDqYKIL/Xiue4PSsHB3A1Aj9M0Sr66EXhCSG/UoicIf+Df7XEfTOuHbuFs4zTMVqrcV5CrE0An+eie5bCBzPxN+fGZ+/nHT38OB1t92M73JM2id5ZD+t9l5MCxk88Mo3AiG35eDMVTrvrh4yjBdaYqKq7eY42ApO1hKFlE5kUwzqXtd1Ps0bGZ143ZTULvWgGDqwNzbny8qh7e93NzlQaoWk29odADuX9WckaNtpklAi77RQ1NUX1Ag3mU6l1xfiLj/">
<script src="/ScriptResource.axd?d=NJmAwtEo3IqOv4sUh-Rig0r8ribOsOru6PRUuOPeOUTxaLr0LkqwjUZ1KfN2pxsTzXrhnEn2qPqMmFHAgZnpJORcEUNLaSpc226qJmze-FYKMecKHwPV-k73fvQH1Ku4KKXAUA2&t=2e7d0aca" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=dwY9oWetJoJ4ZjA-1jPcEhP7ER5pj7vUnbl87xIrp5KgCIH7OinCkP3cK37LGan3ayBW32yRZSEgGl2tgZv50n3b6-V5-8OCkx2VKFRvNoTMy9OkcSdmsXHaJpvqsXD5HuMXQgmzxnfjN1aI0&t=2e7d0aca" type="text/javascript"></script>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334">
<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="W58yXU4EZzjlpjaGEOkEwRfvIUPcx6mxxZNjv4WyzoapHOovs8mOSACADNSj3TSVQTN5+h+5Ip4GPl96PNp0i453Ys3R5E1psdprImGm1UUgsof7">
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/slick-carousel/slick/slick.min.js?cdv=1525" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/MediaElement4.2.9/mediaelement-and-player.min.js?cdv=1525" type="text/javascript"></script>
<script src="/js/dnn.js?cdv=1525" type="text/javascript"></script>
<script src="/js/dnn.modalpopup.js?cdv=1525" type="text/javascript"></script>
<script src="/Portals/_default/skins/dgov2/resources/js/skin.js?cdv=1525" type="text/javascript"></script>
<script src="/Portals/_default/skins/dgov2/resources/js/menu.js?cdv=1525" type="text/javascript"></script>
<script src="/js/dnncore.js?cdv=1525" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Mobile-Detect/mobile-detect.min.js?cdv=1525" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/moment/moment.js?cdv=1525" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/vue/vue.min.js?cdv=1525" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/vue-resource/vue-resource.min.js?cdv=1525" type="text/javascript"></script>
<script src="/DesktopModules/ArticleCS/Resources/ArticleCS/js/ArticleCS.js?cdv=1525" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/ColorBox/jquery.colorbox.js?cdv=1525" type="text/javascript"></script>
<script src="/Resources/libraries/jQuery-Migrate/03_00_00/jquery-migrate.js?cdv=1525" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/DVIDSAnalytics/DVIDSVideoAnalytics.min.js?cdv=1525" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/TouchSwipe/jquery.touchSwipe.min.js?cdv=1525" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Cycle/cycle2.js?cdv=1525" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Cycle/jquery.cycle2.swipe.js?cdv=1525" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/ImageScroll/jquery.imageScroll.min.js?cdv=1525" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/carouFredSel/jquery.carouFredSel-6.2.1-packed.js?cdv=1525" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/BodyScrollLock/bodyScrollLock.js?cdv=1525" type="text/javascript"></script>
<script src="/DesktopModules/Slideshow/Scripts/dist/es6dependencies.build.js?cdv=1525" type="text/javascript"></script>
<script src="/DesktopModules/Slideshow/Scripts/dist/gridslideshow.build.js?cdv=1525" type="text/javascript"></script>
<script src="/desktopmodules/slideshow/resources/js/dgov2_sharemore.js?cdv=1525" type="text/javascript"></script>
<script src="/js/dnn.servicesframework.js?cdv=1525" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/Skin/js/common.js?cdv=1525" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/moment-timezone/builds/moment-timezone-with-data.js?cdv=1525" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/Plugins/image-set-polyfill/image-set-polyfill.js?cdv=1525" type="text/javascript"></script>
<script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/videojs/dist/video.min.js?cdv=1525" type="text/javascript"></script>
<script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/script.js?cdv=1525" type="text/javascript"></script>
<script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/dgov-icons.js?cdv=1525" type="text/javascript"></script>
<script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/dle-events-panel.js?cdv=1525" type="text/javascript"></script>
<script src="/DesktopModules/MVC/DVIDSLiveEvents2/resources/js/dvids-dle-api.js?cdv=1525" 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=1525|DnnBodyProvider|100)-->
<!--CDF(Javascript|/Portals/_default/skins/dgov2/resources/js/menu.js?cdv=1525|DnnBodyProvider|100)-->
<script type="text/javascript">
$('#personaBar-iframe').load(function() {
$('#personaBar-iframe').contents().find("head").append($("<style type='text/css'>.personabar .personabarLogo {}</style>"));
});
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
initializeSkin();
});
</script>
<script type="text/javascript">
var skinvars = {
"SiteName": "U.S. Department of Defense",
"SiteShortName": "Defense.gov",
"SiteSubTitle": "",
"aid": "defensegov",
"IsSecureConnection": true,
"IsBackEnd": false,
"DisableShrink": false,
"IsAuthenticated": false,
"SearchDomain": "search.defense.gov",
"SiteUrl": "https://www.defense.gov/",
"LastLogin": null,
"IsLastLoginFail": false,
"IncludePiwik": false,
"PiwikSiteID": -1,
"SocialLinks": {
"Facebook": {
"Url": "",
"Window": "",
"Relationship": null
},
"Twitter": {
"Url": "",
"Window": "",
"Relationship": null
},
"YouTube": {
"Url": "",
"Window": "",
"Relationship": null
},
"Flickr": {
"Url": "",
"Window": "",
"Relationship": null
},
"Pintrest": {
"Url": "",
"Window": "",
"Relationship": null
},
"Instagram": {
"Url": "",
"Window": "",
"Relationship": null
},
"Blog": {
"Url": "",
"Window": "",
"Relationship": null
},
"RSS": {
"Url": "",
"Window": "",
"Relationship": null
},
"Podcast": {
"Url": "",
"Window": "",
"Relationship": null
},
"Email": {
"Url": "",
"Window": "",
"Relationship": null
},
"LinkedIn": {
"Url": "",
"Window": "",
"Relationship": null
},
"Snapchat": {
"Url": "",
"Window": "",
"Relationship": null
}
},
"SiteLinks": null,
"LogoffTimeout": 10500000,
"SiteAltLogoText": "Logo for U.S. Department of Defense"
};
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"logo": "https://www.defense.gov/Portals/1/Images/DOD-Icon-Header.png?ver=5sAfFl2--9znca0j3SrX_g%3d%3d",
"name": "U.S. Department of Defense",
"url": "https://www.defense.gov/",
"sameAs": []
}
</script>
<div id="skip-link-holder"><a id="skip-link" href="#skip-target">Skip to main content (Press Enter).</a></div>
<header class="top hover new-nav" id="header-main" 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" aria-label="X"><span class="social-icon fa-brands fa-x-twitter social-link-4"></span></a></li>
<li class="social-item"><a href="https://www.facebook.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="Facebook" aria-label="Facebook"><span class="social-icon fa-brands fa-facebook-f social-link-1"></span></a></li>
<li class="social-item"><a href="https://www.instagram.com/deptofdefense/" target="_blank" rel="noopener noreferrer" title="Instagram" aria-label="Instagram"><span class="social-icon fa fa-instagram social-link-3"></span></a></li>
<li class="social-item"><a href="http://www.linkedin.com/company/deptofdefense" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn"><span class="social-icon fa-brands fa-linkedin-in social-link-50"></span></a>
</li>
<li class="social-item"><a href="https://www.youtube.com/deptofdefense" target="_blank" rel="noopener noreferrer" title="YouTube" aria-label="YouTube"><span class="social-icon fa-brands fa-youtube social-link-2"></span></a></li>
</ul>
</div>
</div>
<div class="header-main-nav-wrapper">
<div class="header-inner">
<div id="nav-burger" class="hide-on-mobile-nav-open" aria-role="button" aria-label="toggle navigation"><span></span><span></span><span></span><span></span></div>
<div class="logo-wrapper">
<a class="logo" href="https://www.defense.gov/" target="">
<img src="/Portals/1/Images/DOD-Icon-Header.png?ver=5sAfFl2--9znca0j3SrX_g%3d%3d" alt="Logo for U.S. Department of Defense" title="U.S. Department of Defense">
<span>U.S. Department<span>of</span>Defense</span>
</a>
</div>
<!--CDF(Css|/DesktopModules/MVC/DVIDSLiveEvents2/resources/css/livebadge.css?cdv=1525|DnnPageHeaderProvider|100)-->
<!--CDF(Javascript|/DesktopModules/MVC/DVIDSLiveEvents2/resources/js/dvids-dle-api.js?cdv=1525|DnnBodyProvider|1050)-->
<div id="dle-live-badge-8122beb4-ecaf-41bd-ad65-a43df17762da" class="dle-live-badge">
<div id="dle-live-badge-8122beb4-ecaf-41bd-ad65-a43df17762da-tab-before" tabindex="0"></div>
<div class="dle-live-badge-container">
<div class="dle-live-badge-button"><!---->
<div class="dle-live-badge-title">Live Today</div>
</div>
<div class="lead-in-event">
<div>
<div class="event-title">
<div class="event-title-text" style="opacity: 1; white-space: normal; overflow: hidden;">Austin Opens Meeting of Ukraine Contract Group</div>
</div>
</div>
</div>
</div>
<div class="dle-live-badge-dd-arrow"></div>
<div class="dle-live-badge-dropdown"><!---->
<div class="event-list"><!---->
<div class="drop-item">
<a href="https://www.defense.gov/News/LiveEvents/#/?currentVideo=34468" class="event-title"><span class="time">2:00PM MS</span> <span class="event-title-text">Austin Opens Meeting of Ukraine Contract Group</span></a></div>
<div class="drop-item"><a href="https://www.defense.gov/News/LiveEvents/#/?currentVideo=34470" class="event-title"><span class="time">6:30PM MS</span> <span class="event-title-text">Austin, Brown Hold Ukraine Press Conference</span></a>
</div>
</div>
</div>
<div id="dle-live-badge-8122beb4-ecaf-41bd-ad65-a43df17762da-tab-after" tabindex="0"></div>
</div>
<script>
(async () => {
const liveBadgeConfig = {
"data": {
"dvidsParams": {
"eventFilterType": "man",
"toggleEventListMaxResults": true,
"toggleUpcomingEventMaxResultView": true,
"toggleLiveTodayEventMaxResultView": false,
"toggleEventListToDateRange": false,
"toggleEventHashtags": true,
"toggleIncludeExternals": false,
"toggleEventSort": true,
"eventListMaxResults": "50",
"upcomingEventMaxResultView": "5",
"liveTodayEventMaxResultView": "3",
"eventListToDays": 7,
"includeExternals": false,
"eventHashtags": "dgovlive",
"eventSort": "asc",
"autoplay": true,
"manualSelectedEvents": "",
"showLiveNowList": true,
"showLiveTodayList": true,
"showUpcomingEventsList": true,
"apiKey": "key-5b75d9ba94822",
"dvidsURL": "https://api.dvidshub.net/",
"dvidsStagingURL": null,
"showTestVid": false,
"showPanelWhenEmpty": false,
"toDate": "2024-07-08T23:59:59.0000000-04:00",
"fromDate": "2024-05-19T20:39:24.8000723-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-8122beb4-ecaf-41bd-ad65-a43df17762da',
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-8122beb4-ecaf-41bd-ad65-a43df17762da-tab-before' && event.key.toUpperCase() === 'TAB' && !event.shiftKey) || (event.target.id ===
'dle-live-badge-8122beb4-ecaf-41bd-ad65-a43df17762da-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-8122beb4-ecaf-41bd-ad65-a43df17762da-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-8122beb4-ecaf-41bd-ad65-a43df17762da-tab-after').focus();
}
});
}
},
handleBadgeClick: function() {
if (!window.matchMedia('(max-width: 768px)').matches) {
try {
window.location.href = this.config.dle.dvidsLiveEventsUrl;
} catch (e) {
this.onBackend() && console.error('DVIDS Live Events error: ', e);
}
}
if (this.ddState === 0) {
this.setLiveBadgeWidth();
}
this.manualStateChange();
},
setupLeadIn: function() {
if (!this.videos || !this.videos.all || this.videos.all.length === 0) {
return;
}
this.leadInText = this.videos.all[0].title;
window.removeEventListener("resize", this.leadInTextResizeHandler);
window.addEventListener("resize", this.leadInTextResizeHandler);
this.checkLeadInWidth();
},
checkLeadInWidth: function() {
const vm = this;
$(this.$el).find('.lead-in-event .event-title-text').each(function() {
let el = this;
el.innerText = vm.leadInText;
el.style.whiteSpace = "nowrap";
el.style.overflow = "visible";
const oneLineBounds = el.getBoundingClientRect();
el.style.whiteSpace = "normal";
const nLinesBounds = el.getBoundingClientRect();
if (nLinesBounds.height > oneLineBounds.height) {
const splitText = vm.leadInText.split(' ');
for (let i = 0; i < splitText.length; i++) {
const newText = splitText.slice(0, splitText.length - 1 - i);
el.innerText = newText.join(' ') + '...';
const newTextBounds = el.getBoundingClientRect();
if (newTextBounds.height <= oneLineBounds.height) {
break;
}
}
}
el.style.overflow = "hidden";
el.style.opacity = 1;
});
},
leadInTextResizeHandler: function() {
const vm = this;
// Clear the debounce timer
clearTimeout(vm.leadInTimeoutId);
// Debounce timer
vm.leadInTimeoutId = setTimeout(() => {
vm.checkLeadInWidth();
vm.leadInTimeoutOnce = false;
}, 10);
// Run once immediately
if (!vm.leadInTimeoutOnce) {
vm.checkLeadInWidth();
vm.leadInTimeoutOnce = true;
}
},
onBackend: function() {
return this.config && this.config.dle && this.config.dle.isBackend;
}
}
});
})();
</script>
<nav class="main">
<ul>
<li class="mobile-back"><a href="#"><i class="fa fa-chevron-left"></i>Back</a></li>
<li class="mobile-home"><a href="/">Home</a></li>
<li class="mobile-level1-placeholder"><a href="#">Place Holder</a></li>
<li class="desktop-blank"></li>
<li class="parent top-level ">
<a href="https://www.defense.gov/News/" tabindex="0" aria-expanded="false">News<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container pin-right">
<ul class="level2">
<li class="parent">
<a href="https://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="https://www.defense.gov/News/Today-in-DOD/" tabindex="0"><span class="main">Today in DOD</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Live-Events/" tabindex="0"><span class="main">Live Events</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Releases/" tabindex="0"><span class="main">Releases</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Advisories/" tabindex="0"><span class="main">Advisories</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Transcripts/" tabindex="0"><span class="main">Transcripts</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Speeches/" tabindex="0"><span class="main">Speeches</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Publications/" tabindex="0"><span class="main">Publications</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Contracts/" tabindex="0"><span class="main">Contracts</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="https://www.defense.gov/News/Newsroom/" tabindex="-1" aria-expanded="false"><span class="main">Newsroom</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/News/News-Stories/" tabindex="0"><span class="main">News Stories</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Feature-Stories/" tabindex="0"><span class="main">Feature Stories</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/From-the-Services/" tabindex="0"><span class="main">Stories from the Services</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent top-level ">
<a href="https://www.defense.gov/Multimedia/" tabindex="0" aria-expanded="false">Multimedia<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container">
<ul class="level2">
<li class="parent">
<a href="https://www.defense.gov/Multimedia/" aria-expanded="false" tabindex="-1"><span class="main">Multimedia</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/Multimedia/Photos/" tabindex="0"><span class="main">Photos</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Multimedia/Videos/" tabindex="0"><span class="main">Videos</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Multimedia/Experience/" tabindex="0"><span class="main">Interactive Experiences</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent top-level ">
<a href="https://www.defense.gov/Spotlights/" tabindex="0" aria-expanded="false">Spotlights<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container pin-right">
<ul class="level2">
<li class="parent">
<a href="https://www.defense.gov/Spotlights/" aria-expanded="false" tabindex="-1"><span class="main">Trending Issues</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/Spotlights/Taking-Care-of-Our-People/" tabindex="0"><span class="main">Taking Care of Our People</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Nato/" tabindex="0"><span class="main">NATO</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Focus-on-Indo-Pacific/" tabindex="0"><span class="main">Focus on the Indo-Pacific</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Support-for-Ukraine/" tabindex="0"><span class="main">Support for Ukraine</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="https://www.defense.gov/Spotlights/" aria-expanded="false" tabindex="-1"><span class="main">Topics</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/Spotlights/Value-of-Service/" tabindex="0"><span class="main">Value of Service</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Science-and-Technology/" tabindex="0"><span class="main">Science & Technology</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Face-of-Defense/" tabindex="0"><span class="main">Face of Defense</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/" tabindex="0"><span class="main">All Spotlights</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent top-level ">
<a href="https://www.defense.gov/About/" tabindex="0" aria-expanded="false">About<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container pin-right">
<ul class="level2">
<li class="parent">
<a href="https://www.defense.gov/About/Leadership/" tabindex="-1" aria-expanded="false"><span class="main">Leadership</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/About/Secretary-of-Defense/" tabindex="0"><span class="main">Secretary of Defense</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Deputy-Secretary-of-Defense/" tabindex="0"><span class="main">Deputy Secretary of Defense</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Chairman-of-the-Joint-Chiefs-of-Staff/" tabindex="0"><span class="main">Chairman of the Joint Chiefs of Staff</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Vice-Chairman-of-the-Joint-Chiefs-of-Staff/" tabindex="0"><span class="main">Vice Chairman of the Joint Chiefs of Staff</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Office-of-the-Secretary-of-Defense/" tabindex="0"><span class="main">Office of the Secretary of Defense</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Biographies/" tabindex="0"><span class="main">More Leaders</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="https://www.defense.gov/About/" aria-expanded="false" 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="https://www.defense.gov/About/Combatant-Commands/" tabindex="0"><span class="main">Combatant Commands</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
</ul>
<div class="nav-search-icon" tabindex="0">
<i class="fa fa-search"></i>
</div>
<div class="nav-search">
<label for="desktop-search" class="sr-only">Search</label>
<input id="desktop-search" title="Search" aria-label="Search" type="search" autocomplete="off" maxlength="256" name="header-search" placeholder="Search..." value="">
<span class="search-icon" tabindex="0"><i class="fa fa-search" aria-label="Search"></i></span>
<span class="close-icon" tabindex="0"><i class="desktop-search-close" aria-label="Search"></i></span>
</div>
<div class="level2-backdrop">
<div class="backdrop-image"></div>
</div>
</nav>
</div>
</div>
<div id="mobile-overlay"></div>
<div id="nav-drawer">
<div class="drawer-inner">
<div id="nav-burger-mobile" class="internal" aria-role="button" aria-label="toggle navigation"><span></span><span></span><span></span><span></span></div>
<div class="search-wrap">
<label for="mobile-search" class="sr-only">Search</label>
<input id="mobile-search" type="search" title="Search" placeholder="Search" maxlength="256" autocomplete="off" name="search-main">
<span id="search-main-icon"><i class="fa fa-search"></i></span>
<a href="#" class="skin-search-go">Search</a>
</div>
<nav>
<div class="primary">
<ul>
<li class="mobile-back"><a href="#"><i class="fa fa-chevron-left"></i>Back</a></li>
<li class="mobile-home"><a href="/">Home</a></li>
<li class="mobile-level1-placeholder"><a href="#">Place Holder</a></li>
<li class="desktop-blank"></li>
<li class="parent top-level ">
<a href="https://www.defense.gov/News/" tabindex="0" aria-expanded="false">News<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container">
<ul class="level2">
<li class="parent">
<a href="https://www.defense.gov/News/Press-Products/" tabindex="0" aria-expanded="false"><span class="main">Press Products</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/News/Today-in-DOD/" tabindex="0"><span class="main">Today in DOD</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Live-Events/" tabindex="0"><span class="main">Live Events</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Releases/" tabindex="0"><span class="main">Releases</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Advisories/" tabindex="0"><span class="main">Advisories</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Transcripts/" tabindex="0"><span class="main">Transcripts</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Speeches/" tabindex="0"><span class="main">Speeches</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Publications/" tabindex="0"><span class="main">Publications</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Contracts/" tabindex="0"><span class="main">Contracts</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="https://www.defense.gov/News/Newsroom/" tabindex="0" aria-expanded="false"><span class="main">Newsroom</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/News/News-Stories/" tabindex="0"><span class="main">News Stories</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/Feature-Stories/" tabindex="0"><span class="main">Feature Stories</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/News/From-the-Services/" tabindex="0"><span class="main">Stories from the Services</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent top-level ">
<a href="https://www.defense.gov/Multimedia/" tabindex="0" aria-expanded="false">Multimedia<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container">
<ul class="level2">
<li class="parent">
<a href="https://www.defense.gov/Multimedia/" aria-expanded="false"><span class="main">Multimedia</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/Multimedia/Photos/" tabindex="0"><span class="main">Photos</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Multimedia/Videos/" tabindex="0"><span class="main">Videos</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Multimedia/Experience/" tabindex="0"><span class="main">Interactive Experiences</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent top-level ">
<a href="https://www.defense.gov/Spotlights/" tabindex="0" aria-expanded="false">Spotlights<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container">
<ul class="level2">
<li class="parent">
<a href="https://www.defense.gov/Spotlights/" aria-expanded="false"><span class="main">Trending Issues</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/Spotlights/Taking-Care-of-Our-People/" tabindex="0"><span class="main">Taking Care of Our People</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Nato/" tabindex="0"><span class="main">NATO</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Focus-on-Indo-Pacific/" tabindex="0"><span class="main">Focus on the Indo-Pacific</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Support-for-Ukraine/" tabindex="0"><span class="main">Support for Ukraine</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="https://www.defense.gov/Spotlights/" aria-expanded="false"><span class="main">Topics</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/Spotlights/Value-of-Service/" tabindex="0"><span class="main">Value of Service</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Science-and-Technology/" tabindex="0"><span class="main">Science & Technology</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/Face-of-Defense/" tabindex="0"><span class="main">Face of Defense</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/Spotlights/" tabindex="0"><span class="main">All Spotlights</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent top-level ">
<a href="https://www.defense.gov/About/" tabindex="0" aria-expanded="false">About<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="level2-container">
<ul class="level2">
<li class="parent">
<a href="https://www.defense.gov/About/Leadership/" tabindex="0" aria-expanded="false"><span class="main">Leadership</span></a>
<ul class="parent">
<li class="">
<a href="https://www.defense.gov/About/Secretary-of-Defense/" tabindex="0"><span class="main">Secretary of Defense</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Deputy-Secretary-of-Defense/" tabindex="0"><span class="main">Deputy Secretary of Defense</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Chairman-of-the-Joint-Chiefs-of-Staff/" tabindex="0"><span class="main">Chairman of the Joint Chiefs of Staff</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Vice-Chairman-of-the-Joint-Chiefs-of-Staff/" tabindex="0"><span class="main">Vice Chairman of the Joint Chiefs of Staff</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Office-of-the-Secretary-of-Defense/" tabindex="0"><span class="main">Office of the Secretary of Defense</span></a>
</li>
<li class="">
<a href="https://www.defense.gov/About/Biographies/" tabindex="0"><span class="main">More Leaders</span></a>
</li>
</ul>
</li>
<li class="parent">
<a href="https://www.defense.gov/About/" aria-expanded="false"><span class="main">Components</span></a>
<ul class="parent">
<li class="">
<a href="https://www.army.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Army</span><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="https://www.defense.gov/About/Combatant-Commands/" tabindex="0"><span class="main">Combatant Commands</span></a>
</li>
</ul>
</li>
</ul>
</div>
</li>
</ul>
<ul>
<li class="parent top-level">
<a href="#" target="" tabindex="0" aria-expanded="false">Legal & Administrative<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
<div class="arrow-down"><i></i></div>
<div class="level2-container">
<ul class="level2">
<ul class="">
<li class=""><a href="/Legal-Administrative/Privacy-Security/ "><span class="text text-link-12">Privacy & Security</span></a></li>
<li class=""><a href="/Legal-Administrative/Links-Disclaimer/ "><span class="text text-link-17">Links Disclaimer</span></a></li>
<li class=""><a href="http://dodcio.defense.gov/DoDSection508/Std_Stmt.aspx" target="_blank" rel="noopener noreferrer"><span class="text text-link-13">Section 508</span><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" aria-label="X"><span class="social-icon fa-brands fa-x-twitter social-link-4"></span></a></li>
<li class="social-item"><a href="https://www.facebook.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="Facebook" aria-label="Facebook"><span class="social-icon fa-brands fa-facebook-f social-link-1"></span></a></li>
<li class="social-item"><a href="https://www.instagram.com/deptofdefense/" target="_blank" rel="noopener noreferrer" title="Instagram" aria-label="Instagram"><span class="social-icon fa fa-instagram social-link-3"></span></a></li>
<li class="social-item">
<a href="http://www.linkedin.com/company/deptofdefense" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn"><span class="social-icon fa-brands fa-linkedin-in social-link-50"></span></a></li>
<li class="social-item"><a href="https://www.youtube.com/deptofdefense" target="_blank" rel="noopener noreferrer" title="YouTube" aria-label="YouTube"><span class="social-icon fa-brands fa-youtube social-link-2"></span></a></li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<main>
<p id="skip-target-holder"><a id="skip-target" name="skip-target" class="skip" tabindex="-1" aria-label="Skip Target" innertext="Start of main content"></a></p>
<div id="dnn_ContentPaneBanner" class="paneMarker">
<div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3202"><a name="3202"></a>
<div class="empty-container base-container">
<div id="dnn_ctr3202_ContentPane"><!-- Start_Module_3202 -->
<style>
.featStoryImg .image-wrap {
display: flex;
min-height: 100%;
min-width: auto;
object-fit: cover;
}
@media only screen and (max-width: 768px) {
.banner-item {
padding-top: 95px !important;
}
.featStory figcaption {
padding: 2.5rem 1.5rem;
}
}
@media only screen and (min-width 769 and max-width: 991px) {
.featStory figcaption {
padding: 1.5rem 0;
}
}
</style>
<h1 class="sr-only">U.S. Department of Defense</h1>
<div id="featArticles" class="featArticles alist">
<div id="dnn_ctr3202_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
<div id="dnn_ctr3202_Dashboard_ph">
<div id="featArticles" class="featArticles alist">
<!-- BANNER ITEM -->
<div class="story-slider-wrap">
<div class="banner-slider">
<div class="banner-item">
<div class="featStory item item-1 item-3553055">
<div class="content-wrap">
<figure>
<div class="dgov-grid dgov-grid-bleed dgov-align-center dgov-justify-space-between">
<div class="dgov-col-sm-5 dgov-order-sm-2">
<div class="image-wrap story-img-wrap video-wrap-container dgov-card dgov-card-3 text-right">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2023/Aug/21/2003284215/1280/1280/0/230821-D-D0439-001.JPG)"></div>
<img class="story-img" alt="An image of Secretary of Defense Lloyd J. Austin III." src="https://media.defense.gov/2023/Aug/21/2003284215/1280/1280/0/230821-D-D0439-001.JPG">
<img src="/DesktopModules/ArticleCS/Styles/DefenseGOV2/play-default.png" class="defaultVideoOverlay" alt=""> <img src="/DesktopModules/ArticleCS/Styles/DefenseGOV2/play-hover.png" class="hoverVideoOverlay"
alt="">
</div>
</div>
</div>
<div class="dgov-col-sm-7 dgov-order-sm-1">
<figcaption>
<span class="content-type">
<a style="min-width: 170px;" class="content-type-text no-border" href="/Live"><img style="display:inline-block; max-width:30px; margin-right:5px; position:relative; top:-2px;" class="live-icon" src="/DesktopModules/ArticleCS/Styles/DefenseGOV2/dgov-live-now.svg" alt=""> <span>Live Event</span></a>
</span>
<h2 class="title"><span>Remarks: Austin at Ukraine Defense Group Meeting</span></h2>
<p class="summary">Watch live at 8 a.m. EDT as Secretary of Defense Lloyd J. Austin III delivers opening remarks before a virtual meeting of the Ukraine Defense Contact Group.</p>
</figcaption>
</div>
</div>
</figure>
</div>
<a class="link-overlay" href="/live" target="_blank" rel="noopener"><span class="sr-only">Remarks: Austin at Ukraine Defense Group Meeting</span></a>
</div>
<div class="featStoryImg">
<div class="image-wrap ">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2023/Aug/21/2003284215/1280/1280/0/230821-D-D0439-001.JPG)"></div>
<img alt="" src="https://media.defense.gov/2023/Aug/21/2003284215/1280/1280/0/230821-D-D0439-001.JPG">
</div>
</div>
</div>
</div>
</div>
<!-- BANNER ITEM -->
<div id="explore-bar-wrap" class="explore-bar-wrap home-section full">
<div class="content-wrap">
<div id="explore-bar" class="explore-list listView">
<div class="alist-inner">
<div class="dgov-grid">
<div class="dgov-col-sm-4">
<div class="item item-2 item-3001203 item-even">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-12 dgov-col-xs-3 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-4">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2022/Aug/30/2003067173/825/780/0/100822-F-BW403-1097A.JPG)"></div>
<img alt="A man is seen driving a piece of equipment." src="https://media.defense.gov/2022/Aug/30/2003067173/825/780/0/100822-F-BW403-1097A.JPG">
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-8">
<figcaption>
<span class="category">
<a class="content-type-text content-type-spotlight" href="/Spotlights"><span>Spotlight</span></a>
</span>
<h3 class="title"><span>Support for Ukraine</span></h3>
<p class="summary hide">The United States is working with allies and partners to support Ukraine in the fight for sovereignty and freedom. The U.S. has provided Ukraine with billions of dollars in security
assistance since the beginning of Russia's unprovoked assault on Feb. 24, 2022.</p>
<a class="btn btn-primary btn-primary-ghost hide" href="/Spotlights/Support-for-Ukraine/"> Read More</a>
</figcaption>
</div>
</div>
<a class="link-overlay" href="/Spotlights/Support-for-Ukraine/"><span class="sr-only">Support for Ukraine</span></a>
</figure>
<div class="clearfix"></div>
</div>
</div>
<!-- BANNER ITEM -->
<div class="dgov-col-sm-4">
<div class="item item-3 item-3410748 item-odd">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-12 dgov-col-xs-3 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-4">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2022/Jun/27/2003025845/825/780/0/220623-F-PY937-008Y.JPG)"></div>
<img alt="Guardians walk in formation outside, as one salutes." src="https://media.defense.gov/2022/Jun/27/2003025845/825/780/0/220623-F-PY937-008Y.JPG">
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-8">
<figcaption>
<span class="category">
<a class="content-type-text content-type-spotlight" href="/Spotlights"><span>Spotlight</span></a>
</span>
<h3 class="title"><span>Value of Service</span></h3>
<p class="summary hide">The U.S. military, the world's finest fighting force, is made up entirely of volunteers, reinforcing the American ideal of personal freedom while offering those with the desire and
ability to serve opportunity, community and purpose.</p>
<a class="btn btn-primary btn-primary-ghost hide" href="/Spotlights/Value-of-Service/"> Read More</a>
</figcaption>
</div>
</div>
<a class="link-overlay" href="/Spotlights/Value-of-Service/"><span class="sr-only">Value of Service</span></a>
</figure>
<div class="clearfix"></div>
</div>
</div>
<!-- BANNER ITEM -->
<div class="dgov-col-sm-4">
<div class="item item-4 item-2031526 item-even">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-12 dgov-col-xs-3 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-4">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/Apr/04/2003430011/825/780/0/240404-D-D0439-400.JPG)"></div>
<img alt="A yellow and blue graphic with the NATO insignia and the words: Celebrating 75 years of NATO" src="https://media.defense.gov/2024/Apr/04/2003430011/825/780/0/240404-D-D0439-400.JPG">
</div>
</div>
</div>
<div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-8">
<figcaption>
<span class="category">
<a class="content-type-text content-type-spotlight" href="/Spotlights"><span>Spotlight</span></a>
</span>
<h3 class="title"><span>Spotlight on NATO</span></h3>
<p class="summary hide">NATO is a transatlantic alliance of 32 like-minded North American and European countries securing peace since 1949. </p>
<a class="btn btn-primary btn-primary-ghost hide" href="/Spotlights/Nato/"> Read More</a>
</figcaption>
</div>
</div>
<a class="link-overlay" href="/Spotlights/Nato/"><span class="sr-only">Spotlight on NATO</span></a>
</figure>
<div class="clearfix"></div>
</div>
</div>
</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 class="live-bar-container bar">
<div class="live-bar today">
<div class="bar-title"><span><svg id="Layer_1" viewBox="0 0 150 75" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" class="dgov-live-now dgov-icon">
<title>Live Now</title>
<circle cx="75" cy="37.49" r="18" class="cls-1"></circle>
<path d="M75,37.58" transform="translate(0 -0.08)" class="cls-2"></path>
<path d="M106.64,66.1h0a4.1,4.1,0,0,1-.45-5.64,36.83,36.83,0,0,0,.44-45.35,4.11,4.11,0,0,1,.56-5.64h0a4.45,4.45,0,0,1,6.39.56,45,45,0,0,1-.53,55.64A4.46,4.46,0,0,1,106.64,66.1Z" transform="translate(0 -0.08)"
class="cls-1"></path>
<path d="M129.76,73.83h0a4.09,4.09,0,0,1-.2-5.69,45.92,45.92,0,0,0,.21-61A4.1,4.1,0,0,1,130,1.4h0a4.49,4.49,0,0,1,6.4.23,54.15,54.15,0,0,1-.25,72A4.49,4.49,0,0,1,129.76,73.83Z" transform="translate(0 -0.08)"
class="cls-1"></path>
<path d="M43,65.7a4.45,4.45,0,0,1-6.4-.52,45,45,0,0,1,.22-55.64,4.44,4.44,0,0,1,6.39-.48h0a4.1,4.1,0,0,1,.48,5.64,36.84,36.84,0,0,0-.17,45.35A4.11,4.11,0,0,1,43,65.7Z" transform="translate(0 -0.08)"
class="cls-1"></path>
<path d="M20.15,73.75a4.48,4.48,0,0,1-6.4-.21,54.13,54.13,0,0,1-.09-72,4.48,4.48,0,0,1,6.4-.22h0A4.09,4.09,0,0,1,20.29,7a45.93,45.93,0,0,0,.08,61.05,4.09,4.09,0,0,1-.22,5.69Z" transform="translate(0 -0.08)"
class="cls-1"></path>
<path d="M43,65.7a4.45,4.45,0,0,1-6.4-.52,45,45,0,0,1,.22-55.64,4.44,4.44,0,0,1,6.39-.48h0a4.1,4.1,0,0,1,.48,5.64,36.84,36.84,0,0,0-.17,45.35A4.11,4.11,0,0,1,43,65.7Z" transform="translate(0 -0.08)"
class="cls-1"></path>
</svg> LIVE TODAY </span></div>
<div class="bar-body"><!---->
<div class="lead-in-event">
<div>
<div>
<a href="https://www.defense.gov/News/LiveEvents/#/?currentVideo=34468" class="event-title"><span class="time">2:00pm MS | </span> <b class="event-title-title">Austin Opens Meeting of Ukraine Contract Group</b></a>
</div>
</div>
</div>
</div> <span tabindex="0" data-toggle="collapse" data-target="#now_event_list" role="button" aria-controls="collapseExample1" class="more collapsed is-single-line"> 1 more event<!---->
<i class="fa fa-chevron-up dgov-icon"></i></span> <span tabindex="0" class="x is-single-line"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"
class="dgov-chevron-close dgov-icon">
<title>Close</title>
<path
d="M100.24,74.92l45-45a16.12,16.12,0,0,0,.1-22.73l-2.51-2.51a16.19,16.19,0,0,0-22.84,0L75,49.9,30.09,5A16.16,16.16,0,0,0,7.42,4.79L4.89,7.14l-.15.14a16.1,16.1,0,0,0,0,22.8l45,45-45,45a16.11,16.11,0,0,0,0,22.8l2.44,2.44a16.19,16.19,0,0,0,22.84,0L75,100.1l44.9,45a16.16,16.16,0,0,0,22.67.16l2.53-2.35.15-.14a16.11,16.11,0,0,0,.17-22.65Z"
transform="translate(0 0)" class="cls-1"></path>
</svg></span>
</div>
</div>
<div class="live-bar-container">
<div id="now_event_list" aria-expanded="false" class="event-list drop-down collapse">
<div class="drop-item">
<a href="https://www.defense.gov/News/LiveEvents/#/?currentVideo=34470" class="event-title"><span class="time">6:30pm MS | </span> <span class="event-title-title">Austin, Brown Hold Ukraine Press Conference</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!--dvids-wrap-->
<script type="text/javascript">
var playerConfig = {
"data": {
"dvidsParams": {
"eventFilterType": "man",
"toggleEventListMaxResults": true,
"toggleUpcomingEventMaxResultView": true,
"toggleLiveTodayEventMaxResultView": false,
"toggleEventListToDateRange": false,
"toggleEventHashtags": true,
"toggleIncludeExternals": false,
"toggleEventSort": true,
"eventListMaxResults": "50",
"upcomingEventMaxResultView": "10",
"liveTodayEventMaxResultView": "3",
"eventListToDays": 7,
"includeExternals": false,
"eventHashtags": "dgovlive",
"eventSort": "asc",
"autoplay": true,
"manualSelectedEvents": "",
"showLiveNowList": true,
"showLiveTodayList": true,
"showUpcomingEventsList": true,
"apiKey": "key-5b75d9ba94822",
"dvidsURL": "https://api.dvidshub.net/",
"dvidsStagingURL": null,
"showTestVid": false,
"showPanelWhenEmpty": false,
"toDate": "2024-07-08T23:59:59.0000000-04:00",
"fromDate": "2024-05-19T20:39:23.4407200-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/Apr/24/2003468328/825/780/0/240422-F-NU502-1098.JPG");"></div> <img alt=""
src="https://media.defense.gov/2024/Apr/24/2003468328/825/780/0/240422-F-NU502-1098.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-05-17T17:36:04"
data-dateap="May 17, 2024">May 17, 2024</time></span>
<h3 class="title"><span> DOD Report: Prevalence of Sexual Assault Declined Across Services in 2023 <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">The prevalence of sexual assault in the active-duty force declined compared with levels last measured in 2021, marking the first decrease in nearly a decade.</p>
</figcaption>
</div>
<a href="https://www.defense.gov/News/News-Stories/Article/Article/3779672/dod-report-prevalence-of-sexual-assault-declined-across-services-in-2023/" class="link-overlay"><span class="sr-only">DOD Report: Prevalence of Sexual Assault Declined Across Services in 2023</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/May/17/2003468113/825/780/0/230716-M-CT526-1005.JPG");"></div> <img alt=""
src="https://media.defense.gov/2024/May/17/2003468113/825/780/0/230716-M-CT526-1005.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-05-17T15:14:00"
data-dateap="May 17, 2024">May 17, 2024</time></span>
<h3 class="title"><span> Eucom Commander: NATO Is Transforming to Defend Every Inch of the Alliance <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">The Russian invasion of Ukraine is the largest war on the European continent since World War II, but NATO is still the answer, Army Gen. Christopher Cavoli said.</p>
</figcaption>
</div>
<a href="https://www.defense.gov/News/News-Stories/Article/Article/3779387/eucom-commander-nato-is-transforming-to-defend-every-inch-of-the-alliance/" class="link-overlay"><span class="sr-only">Eucom Commander: NATO Is Transforming to Defend Every Inch of the Alliance</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/May/16/2003467538/825/780/0/240516-D-PM193-2037.JPG");"></div> <img alt=""
src="https://media.defense.gov/2024/May/16/2003467538/825/780/0/240516-D-PM193-2037.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-05-16T18:24:00"
data-dateap="May 16, 2024">May 16, 2024</time></span>
<h3 class="title"><span> U.S. Joins Jordan, Partner Nations to Launch Exercise Eager Lion 24 <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">Eager Lion serves to underscore the United States' commitment to interoperability with partners in the region, while refining the ability to defend against threats by
state and non-state actors.</p>
</figcaption>
</div>
<a href="https://www.defense.gov/News/News-Stories/Article/Article/3778357/us-joins-jordan-partner-nations-to-launch-exercise-eager-lion-24/" class="link-overlay"><span class="sr-only">U.S. Joins Jordan, Partner Nations to Launch Exercise Eager Lion 24</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/May/16/2003467397/825/780/0/240514-A-GG328-0001.JPG");"></div> <img alt=""
src="https://media.defense.gov/2024/May/16/2003467397/825/780/0/240514-A-GG328-0001.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> Helping Hands <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">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>
</figcaption>
</div> <a href="/Spotlights/Helping-Hands/" class="link-overlay"><span class="sr-only">Helping Hands</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/May/07/2003458802/825/780/0/240507-D-D0439-200.JPG");"></div> <img alt=""
src="https://media.defense.gov/2024/May/07/2003458802/825/780/0/240507-D-D0439-200.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> African Lion <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">U.S. Africa Command's premiere and largest annual joint and combined exercise, African Lion brings together thousands of military personnel across four countries to
increase interoperability while strengthening shared defense capabilities and cooperation.</p>
</figcaption>
</div> <a href="/Spotlights/African-Lion/" class="link-overlay"><span class="sr-only">African Lion</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/May/15/2003464904/825/780/0/240515-D-D0439-200.JPG");"></div> <img alt=""
src="https://media.defense.gov/2024/May/15/2003464904/825/780/0/240515-D-D0439-200.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> Asian American, Native Hawaiian and Pacific Islander Heritage Month <!----></span> <!----></h3>
<p class="summary hidden-xs hidden-xxs">The Defense Department pays tribute to the contributions and dedicated service of Asian Americans, Native Hawaiians and Pacific Islanders, past and present, in defense
of the nation during May and throughout the year.</p>
</figcaption>
</div>
<a href="/Spotlights/Asian-American-Native-Hawaiian-and-Pacific-Islander-Heritage-Month/" class="link-overlay"><span class="sr-only">Asian American, Native Hawaiian and Pacific Islander Heritage Month</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-3780569">
<figure>
<span class="hide">
<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-05-19T19:49:00" data-dateap="May 19, 2024">3 hours ago</time></span>
<h3 class="title"><span>Senior Defense Official, Senior Military Official Hold a Background Briefing on Niger</span></h3>
<a class="link-overlay" href="https://www.defense.gov/News/Transcripts/Transcript/Article/3780569/senior-defense-official-and-senior-military-official-hold-a-background-briefing/"><span class="sr-only">Senior Defense Official, Senior Military Official Hold a Background Briefing on Niger</span></a>
</figcaption>
</figure>
</div>
</div><!-- NEWSROOM ITEM -->
<div class="dgov-col-md-12">
<div class="item item-3780392">
<figure>
<span class="">
<hr>
</span>
<figcaption>
<span class="category">
<a class="content-type-text" href="/News/Releases/"><span>Release</span></a>
<span class="separator">|</span>
<time data-dateago="2024-05-19T09:12:00" data-dateap="May 19, 2024">14 hours ago</time></span>
<h3 class="title"><span>Joint Statement From the U.S. Defense Department, the Department of National Defense of Niger</span></h3>
<a class="link-overlay" href="https://www.defense.gov/News/Releases/Release/Article/3780392/joint-statement-from-the-us-department-of-defense-and-the-department-of-nationa/"><span class="sr-only">Joint Statement From the U.S. Defense Department, the Department of National Defense of Niger</span></a>
</figcaption>
</figure>
</div>
</div><!-- NEWSROOM ITEM -->
<div class="dgov-col-md-12">
<div class="item item-3779712">
<figure>
<span class="">
<hr>
</span>
<figcaption>
<span class="category">
<a class="content-type-text" href="/News/Releases/"><span>Release</span></a>
<span class="separator">|</span>
<time data-dateago="2024-05-17T18:06:01" data-dateap="May 17, 2024">May 17, 2024</time></span>
<h3 class="title"><span>Acting Undersecretary of Defense for Policy Amanda Dory Announces Space Policy Leadership Transition</span></h3>
<a class="link-overlay" href="https://www.defense.gov/News/Releases/Release/Article/3779712/acting-under-secretary-of-defense-for-policy-ms-amanda-dory-announces-space-pol/"><span class="sr-only">Acting Undersecretary of Defense for Policy Amanda Dory Announces Space Policy Leadership Transition</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-3777861 item-odd">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/May/16/2003467291/825/780/0/240516-A-D0439-0987.JPG)"></div>
<img alt="A soldiers teaches a class." src="https://media.defense.gov/2024/May/16/2003467291/825/780/0/240516-A-D0439-0987.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>Guardsmen Prep to Train Ukrainian Soldiers</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.army.mil/article/276355/pennsylvania_national_guard_unit_prepares_to_train_ukrainian_soldiers_in_germany" target="_blank" rel="noopener"><span class="sr-only">Guardsmen Prep to Train Ukrainian Soldiers</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-3778230 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/May/16/2003467485/825/780/0/240501-M-CI314-1345.JPG)"></div>
<img alt="A Marine fires a weapon while laying in a field." src="https://media.defense.gov/2024/May/16/2003467485/825/780/0/240501-M-CI314-1345.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>Field Exercise Sharpens Skills</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.marines.mil/News/Marines-TV/dvpTag/Training/dvpcc/false/?videoid=923016" target="_blank" rel="noopener"><span class="sr-only">Field Exercise Sharpens Skills</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-3778476 item-odd">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/May/16/2003467572/825/780/0/240505-N-FD567-1173H.JPG)"></div>
<img alt="Sailors ride in a small boat." src="https://media.defense.gov/2024/May/16/2003467572/825/780/0/240505-N-FD567-1173H.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>Bull Shark Increases Crisis Response</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.navy.mil/Press-Office/News-Stories/Article/3776211/msron-10-strengthens-partner-relations-during-exercise-bull-shark-24-2/" target="_blank" rel="noopener"><span class="sr-only">Bull Shark Increases Crisis Response</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-3777926 item-even">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/May/16/2003467333/825/780/0/240515-F-NQ744-0003.PNG)"></div>
<img
alt="Access to industry-curated training and digital content is now available to all Airmen and Guardians with the launch of the DAF e-Learning Percipio Microsoft Teams application, Air Education and Training Command officials announced May 15, 2024. (U.S. Air Force graphic)"
src="https://media.defense.gov/2024/May/16/2003467333/825/780/0/240515-F-NQ744-0003.PNG">
</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>E-Learning Adds Microsoft Teams App</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.af.mil/News/Article-Display/Article/3777490/daf-e-learning-adds-microsoft-teams-app/" target="_blank" rel="noopener"><span class="sr-only">E-Learning Adds Microsoft Teams App</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-3777908 item-odd">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/May/16/2003467325/825/780/0/240508-X-TP791-1002A.JPG)"></div>
<img alt="Guardians work on antennas." src="https://media.defense.gov/2024/May/16/2003467325/825/780/0/240508-X-TP791-1002A.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>Squadron Holds Readiness Exercise </span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.spaceforce.mil/News/Article-Display/Article/3776307/72nd-isrs-in-line-with-spaforgen-model/" target="_blank" rel="noopener"><span class="sr-only">Squadron Holds Readiness Exercise </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-3778190 item-even">
<figure>
<div class="dgov-grid dgov-grid-bleed">
<div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
<div class="image-wrap ">
<div class="image-wrap-wrap">
<div class="image-replacement" style="background-image: url(https://media.defense.gov/2024/May/10/2003467466/825/780/0/240420-Z-WS080-1003.JPG)"></div>
<img
alt="A U.S. Army M142 High Mobility Artillery Rocket System from Alpha Battery, 5-113th Field Artillery Battalion, North Carolina National Guard, is loaded into a C-17 Globemaster III aircraft with the 167th Airlift Wing as part of a live-fire exercise during exercise Sentry Unicorn 2024 at Holland Drop Zone, Vass, North Carolina, Apr. 20, 2024. Held in tandem with the West Virginia National Guard Sentry Storm exercise, Sentry Unicorn 2024 served as a Readiness Exercise Validation to gauge the wing’s self-assessment capabilities."
src="https://media.defense.gov/2024/May/10/2003467466/825/780/0/240420-Z-WS080-1003.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>Guardsmen Test Skills During Exercise</span></h3>
</figcaption>
</div>
<a class="link-overlay" href="https://www.nationalguard.mil/News/Article-View/Article/3771517/west-virginias-167th-wing-conducts-readiness-exercise/" target="_blank" rel="noopener"><span class="sr-only">Guardsmen Test Skills During Exercise</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: 42.1782%;"></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/22/2002215707/825/780/0/191122-D-RB598-001.JPG"
data-thumbalt="Army, Marine Corps, Navy and Air Force – an interactive look at how each service branch is organized." data-thumbfocus="" tabindex="0" style="width: 100%; display: inline-block;">
<div class="item item-2037589">
<figure>
<div class="exp-img-wrap dgov-card dgov-card-3" onclick="(function() { window.location.href='/Multimedia/Experience/Military-Units/'; })()">
<a href="/Multimedia/Experience/Military-Units/" tabindex="0">
<span class="sr-only">Military Units </span>
</a>
<div class="exp-img" alt="" style="background-image: url(https://media.defense.gov/2019/Nov/22/2002215707/1280/1280/0/191122-D-RB598-001.JPG); background-size: cover; "><a href="/Multimedia/Experience/Military-Units/" tabindex="0">
<figcaption>
<div class="main-caption">
<h2 class="title">Military Units </h2>
</div>
<p class="summary">Each military service is different, and so is the way they are organized. Here’s a cheat sheet to help you learn the structure of the Defense Department services. </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/Military-Units/" tabindex="0">
<div class="zoom-bg image-replacement" style="background-image: url(https://media.defense.gov/2019/Nov/22/2002215708/1280/1280/0/191122-D-RB598-002.JPG)"></div>
<img alt="Army, Marine Corps, Navy and Air Force – an interactive look at how each service branch is organized." src="https://media.defense.gov/2019/Nov/22/2002215707/1280/1280/0/191122-D-RB598-001.JPG">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 1050px; position: relative; left: -1050px; top: 0px; z-index: 998; opacity: 0;" tabindex="-1" role="tabpanel" id="slick-slide01">
<div>
<div class="experience-item" data-thumbsrc="https://media.defense.gov/2019/Dec/16/2002225579/825/780/0/190911-A-AP390-1177.JPG"
data-thumbalt="An Army soldier in dress uniform stands at attention with other service members, who are blurred into the background. A tree is also in the background." data-thumbfocus="" tabindex="0"
style="width: 100%; display: inline-block;">
<div class="item item-2041448">
<figure>
<div class="exp-img-wrap dgov-card dgov-card-3"
onclick="(function() { window.location.href='https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/2041448/military-units-how-is-each-service-organized/'; })()">
<a href="https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/2041448/military-units-how-is-each-service-organized/" tabindex="-1">
<span class="sr-only">Military Units - How Is Each Service Organized?</span>
</a>
<div class="exp-img" alt="" style="background-image: url(https://media.defense.gov/2019/Dec/16/2002225579/1280/1280/0/190911-A-AP390-1177.JPG); background-size: cover; "><a href="https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/2041448/military-units-how-is-each-service-organized/" tabindex="-1">
<figcaption>
<div class="main-caption">
<span class="interactive">Quiz</span>
<h2 class="title">Military Units - How Is Each Service Organized?</h2>
</div>
<p class="summary">Test what you know about how each military branch is structured.</p>
<div class="bgfade" style="height: 138.188px;"></div>
</figcaption>
</a>
</div>
</div>
</figure>
</div>
<div class="experience-img hide">
<div class="image-wrap ">
<a class="experience-link" href="https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/2041448/military-units-how-is-each-service-organized/" tabindex="-1">
<div class="zoom-bg image-replacement" style="background-image: url()"></div>
<img alt="An Army soldier in dress uniform stands at attention with other service members, who are blurred into the background. A tree is also in the background." src="https://media.defense.gov/2019/Dec/16/2002225579/1280/1280/0/190911-A-AP390-1177.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/Apr/22/2003446455/825/780/0/240412-M-XL497-1160.JPG"
data-thumbalt="Two eyes with black pupils and yellow sclera peep out from behind green foliage." data-thumbfocus="" tabindex="0" style="width: 100%; display: inline-block;">
<div class="item item-3750417">
<figure>
<div class="exp-img-wrap dgov-card dgov-card-3" onclick="(function() { window.location.href='https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/3750417/where-the-wild-things-are/'; })()">
<a href="https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/3750417/where-the-wild-things-are/" tabindex="-1">
<span class="sr-only">Where the Wild Things Are</span>
</a>
<div class="exp-img" alt="" style="background-image: url(https://media.defense.gov/2024/Apr/22/2003446455/1280/1280/0/240412-M-XL497-1160.JPG); background-size: cover; "><a href="https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/3750417/where-the-wild-things-are/" tabindex="-1">
<figcaption>
<div class="main-caption">
<span class="interactive">Quiz</span>
<h2 class="title">Where the Wild Things Are</h2>
</div>
<p class="summary">With nearly 27 million acres of land under its care, DOD provides crucial habitat for numerous threatened, endangered and at-risk species. See if you can suss out a few of them in this quiz, without getting tripped up by decoys!</p>
<div class="bgfade" style="height: 138.188px;"></div>
</figcaption>
</a>
</div>
</div>
</figure>
</div>
<div class="experience-img hide">
<div class="image-wrap ">
<a class="experience-link" href="https://www.defense.gov/Multimedia/Quizzes/Quiz/Article/3750417/where-the-wild-things-are/" tabindex="-1">
<div class="zoom-bg image-replacement" style="background-image: url()"></div>
<img alt="Two eyes with black pupils and yellow sclera peep out from behind green foliage." src="https://media.defense.gov/2024/Apr/22/2003446455/1280/1280/0/240412-M-XL497-1160.JPG">
</a>
</div>
</div>
</div>
</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/22/2002215707/825/780/0/191122-D-RB598-001.JPG);"></div>
</div>
</div>
</div>
<div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 335px;">
<div>
<div class="experience-nav-item" tabindex="0" style="width: 100%; display: inline-block;">
<div class="exp-img" style="background-image:url(https://media.defense.gov/2019/Dec/16/2002225579/825/780/0/190911-A-AP390-1177.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/Apr/22/2003446455/825/780/0/240412-M-XL497-1160.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>
Research & Development
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/May/17/2003468095/1200/900/0/240516-F-CC148-1002M.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>
Optic Eye
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/May/17/2003468094/1200/900/0/240426-M-LU593-1314M.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>
Training Through Trees
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/May/17/2003467999/1200/900/0/240306-A-HY986-1321M.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>
Disaster Prep
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/May/17/2003467766/1200/900/0/240514-Z-AL508-1073Y.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>
Air Demo
</div></div> <!----> <img alt="" actualaspectratio="1.5037593984962405" src="https://media.defense.gov/2024/May/17/2003467765/1200/900/0/240503-F-NC910-1595Y.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>
Hefty Cleanup
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/May/17/2003467764/1200/900/0/240515-A-ZT698-1646Y.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>
Target Practice
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/May/17/2003467666/1200/900/0/240505-N-HT008-2118A.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>
Saying Goodbye
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/May/17/2003467665/1200/900/0/240510-N-AR554-1086C.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>
Catching Waves
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/May/17/2003467664/1200/900/0/240501-A-LR057-1147.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>
Hiding in Plain Sight
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/May/16/2003467524/1200/900/0/240513-M-TE664-1040M.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>
Sunlit Sail
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/May/16/2003467518/1200/900/0/240514-N-WG572-1019M.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>
Southern Seas
</div></div> <!----> <img alt="" actualaspectratio="1.5" src="https://media.defense.gov/2024/May/16/2003467505/1200/900/0/240514-N-VX022-7460M.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/2003468095/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/17/2003468095/1200/900/0/240516-F-CC148-1002M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/17/2003468095/-1/-1/0/240516-F-CC148-1002M.JPG",
preventDistortionClass: "",
title: "Research & Development",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "0",
link: "igphoto/2003468095/",
alt: "An airman bends over while using their phone's flashlight to write in a journal in the dark on an aircraft.",
byLine: "Air Force Senior Airman Lauren Cobin",
description: "An airman performs research on an Air Force KC-135 Stratotanker at MacDill Air Force Base, Fla., May 16, 2024. The 6th Air Refueling Wing partnered with an aviation technology startup to test and explore the potential of autonomous flight systems to enhance aircrew efficiency and reduce workloads.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '0',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.3MB',
//// 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/2003468094/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/17/2003468094/1200/900/0/240426-M-LU593-1314M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/17/2003468094/-1/-1/0/240426-M-LU593-1314M.JPG",
preventDistortionClass: "",
title: "Optic Eye",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "1",
link: "igphoto/2003468094/",
alt: "A close-up of a Marine looking through a device.",
byLine: "Marine Corps Sgt. Ezekieljay Correa",
description: "Marine Corps Sgt. Dawson Caldwell examines a fire control system optic during a small unmanned aerial system integration and counter-sUAS integration course at Marine Corps Air-Ground Combat Center Twentynine Palms, Calif., April 26, 2024. The course taught Marines how to tactically employ the systems.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '1',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.11MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003467999/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/17/2003467999/1200/900/0/240306-A-HY986-1321M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/17/2003467999/-1/-1/0/240306-A-HY986-1321M.JPG",
preventDistortionClass: "",
title: "Training Through Trees",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "2",
link: "igphoto/2003467999/",
alt: "A soldier operates a tank in the forest as seen through branches.",
byLine: "Army Spc. Kenneth Barnet",
description: "Soldiers participate in a battalion-wide training event at Fort Riley, Kan., Feb. 4, 2024. During the training, teams dug hasty trench defenses or positioned themselves in any available tree lines to further conceal and provide cover for their tanks.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '2',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.91MB',
//// 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/2003467766/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/17/2003467766/1200/900/0/240514-Z-AL508-1073Y.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/17/2003467766/-1/-1/0/240514-Z-AL508-1073Y.JPG",
preventDistortionClass: "",
title: "Disaster Prep",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "3",
link: "igphoto/2003467766/",
alt: "A service member in an orange hazmat suit gestures during training.",
byLine: "Mark C. Olsen, New Jersey National Guard",
description: "New Jersey National Guard Sgt. Eric J. Boyer, assigned to the 21st Weapons of Mass Destruction-Civil Support Team, participates in a training exercise at Surf Stadium in Atlantic City, N.J., May 14, 2024. The team identifies chemical, biological, radiological and nuclear substances and advises civil authorities on response measures to disasters.",
primaryWidth: '1200',
primaryHeight: '801',
serverIndex: '3',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.43MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003467765/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/17/2003467765/1200/900/0/240503-F-NC910-1595Y.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/17/2003467765/-1/-1/0/240503-F-NC910-1595Y.JPG",
preventDistortionClass: "",
title: "Air Demo",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "4",
link: "igphoto/2003467765/",
alt: "A military aircraft flies on its side during an air show, leaving a small trail of vapor.",
byLine: "Air Force Senior Airman Devlin Bishop",
description: "Air Force Maj. Lindsay “MAD” Johnson, an A-10C Thunderbolt II Demonstration Team pilot, lines up for a simulated air-to-ground attack during a demonstration at the Vero Beach Air Show in Vero Beach, Fla., May 3, 2024.",
primaryWidth: '1200',
primaryHeight: '798',
serverIndex: '4',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '0.38MB',
//// 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/2003467764/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/17/2003467764/1200/900/0/240515-A-ZT698-1646Y.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/17/2003467764/-1/-1/0/240515-A-ZT698-1646Y.JPG",
preventDistortionClass: "",
title: "Hefty Cleanup",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "5",
link: "igphoto/2003467764/",
alt: "Two salvors work from a cherry picker to remove a mountain of debris from atop a ship in the wake of a bridge collapse.",
byLine: "Christopher Rosario, U.S. Army Corps of Engineers",
description: "Salvors working with the Key Bridge Unified Command 2024 work to remove a 34,000 lb. piece of the bridge off the bow of the M/V Dali cargo ship to prepare it for refloating in Baltimore, May 15, 2024. Debris removal is a top priority to safely and efficiently open the Fort McHenry Channel.",
primaryWidth: '1200',
primaryHeight: '801',
serverIndex: '5',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.58MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003467666/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/17/2003467666/1200/900/0/240505-N-HT008-2118A.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/17/2003467666/-1/-1/0/240505-N-HT008-2118A.JPG",
preventDistortionClass: "",
title: "Target Practice",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "6",
link: "igphoto/2003467666/",
alt: "A sailor lies on the deck of a ship at night and fires a weapon at targets under a bright green light.",
byLine: "Navy Seaman Trevor Hale",
description: "Navy Seaman Robert Guerrero trains in small arms weapon handling aboard the guided missile destroyer USS Ralph Johnson in the Pacific Ocean, May 5, 2024.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '6',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.32MB',
//// booleans
isImage: true,
isVideo: false,
isDvids: false,
isYoutube: false,
}
slideIndex++;
slides.push(slideItem);
// END OF ITEM TEMPLATE
// FOOTER TEMPLATE
//
useOverlay = false;
isVideo = false;
videoDuration = false;
// Data marshalling
// It would be nice to get some tokens that help inject the needed data such as
// building in C# as nested structure, convert to json.
// style two for marshalling the data
// one advantage, a little clearer, and handles multiple settings lines in conditional
slideItem = {
link: "igphoto/2003467665/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/17/2003467665/1200/900/0/240510-N-AR554-1086C.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/17/2003467665/-1/-1/0/240510-N-AR554-1086C.JPG",
preventDistortionClass: "",
title: "Saying Goodbye",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "7",
link: "igphoto/2003467665/",
alt: "Sailors stand in a formation to create hiragana characters on the deck of an aircraft carrier as seen from above.",
byLine: "Navy Petty Officer 2nd Class Charlotte Dudenhoeffer",
description: "Sailors stand in formation to create Japanese hiragana characters spelling “dewa mata,” which translates to “see you again,” on the flight deck of the aircraft carrier USS Ronald Reagan in the Tokyo Inlet, Japan, May 10, 2024. After nine years of service, the Ronald Reagan is scheduled to depart Japan for the final time as the Navy’s forward-deployed aircraft carrier in the country.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '7',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.29MB',
//// 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/2003467664/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/17/2003467664/1200/900/0/240501-A-LR057-1147.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/17/2003467664/-1/-1/0/240501-A-LR057-1147.JPG",
preventDistortionClass: "",
title: "Catching Waves",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "8",
link: "igphoto/2003467664/",
alt: "A row of soldiers sit on a beach in the ocean surf with their backs to the camera.",
byLine: "Army Pfc. Mariah Aguilar",
description: "Soldiers conduct waterborne operations training at Bellows Air Force Base, Hawaii, May 1, 2024. Scenario-specific training increases readiness capabilities and builds unit cohesion.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '8',
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/2003467524/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/16/2003467524/1200/900/0/240513-M-TE664-1040M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/16/2003467524/-1/-1/0/240513-M-TE664-1040M.JPG",
preventDistortionClass: "",
title: "Hiding in Plain Sight",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "9",
link: "igphoto/2003467524/",
alt: "A close-up of a Marine in camouflage face paint wearing a headset standing near trees.",
byLine: "Marine Corps Cpl. Manuel Rivera",
description: "Marine Corps Staff Sgt. Logan Baker participates in a company-level field exercise at Mount Bundey Training Area, Northern Territory, Australia, May 13, 2024. The exercise is designed to prepare Marines for future exercises and operations by conducting offensive and defensive training scenarios within an austere training environment.",
primaryWidth: '1200',
primaryHeight: '801',
serverIndex: '9',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '2.91MB',
//// 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/2003467518/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/16/2003467518/1200/900/0/240514-N-WG572-1019M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/16/2003467518/-1/-1/0/240514-N-WG572-1019M.JPG",
preventDistortionClass: "",
title: "Sunlit Sail",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "10",
link: "igphoto/2003467518/",
alt: "A dozen aircraft sit on a partially seen ship as another ship sails in the distance under a sunlit sky.",
byLine: "Navy Petty Officer 2nd Class Christopher Crawford",
description: "The USNS Wally Schirra and the USS Theodore Roosevelt participate in a replenishment in the South China Sea, May 14, 2024.",
primaryWidth: '1200',
primaryHeight: '800',
serverIndex: '10',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '1.24MB',
//// 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/2003467505/",
target: "_self",
imageUrl: "https://media.defense.gov/2024/May/16/2003467505/1200/900/0/240514-N-VX022-7460M.JPG",
serverHiresImageUrl: "https://media.defense.gov/2024/May/16/2003467505/-1/-1/0/240514-N-VX022-7460M.JPG",
preventDistortionClass: "",
title: "Southern Seas",
useOverlay: useOverlay,
isVideo: isVideo,
slideIndex: slideIndex,
slideId: "11",
link: "igphoto/2003467505/",
alt: "A sailor pulls a fuel hose near an aircraft aboard a ship at sea as a fellow sailor stands in the background.",
byLine: "Navy Petty Officer 3rd Class August Clawson",
description: "Navy Seaman Davion Thompson pulls fuel hoses aboard the USS George Washington during Southern Seas in the Atlantic Ocean, May 14, 2024. The exercise is designed to enhance capability, improve interoperability and strengthen maritime partnerships throughout the U.S. Southern Command area of responsibility.",
primaryWidth: '1200',
primaryHeight: '801',
serverIndex: '11',
mediaContent: '',
videoDuration: '',
videoDate: 'Unknown',
virin: null,
fileSize: '2.17MB',
//// 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="https://www.dodciviliancareers.com/" target="_blank" rel="noopener noreferrer"><span class="text text-link-53">DOD Careers</span></a></li>
<li class=""><a href="/contact/help-center"><span class="text text-link-29">Help Center</span></a></li>
<li class=""><a href="/Resources/Military-Departments/"><span class="text text-link-30">DOD / Military Websites</span></a></li>
<li class=""><a href="https://comptroller.defense.gov/ODCFO/afr/" target="_blank" rel="noopener noreferrer"><span class="text text-link-49">Agency Financial Report</span></a></li>
</ul>
</div>
<div id="dnn_Footer_footerNavCol4" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
<h3>Popular<i class="fas fa-chevron-down"></i></h3>
<ul class="footer-nav">
<li class=""><a href="/Spotlights/Value-of-Service/"><span class="text text-link-33">Value of Service</span></a></li>
<li class=""><a href="/Spotlights/Taking-Care-of-Our-People/"><span class="text text-link-36">Taking Care of Our People</span></a></li>
<li class=""><a href="/Spotlights/FY2025-Defense-Budget/"><span class="text text-link-34">FY 2025 Defense Budget</span></a></li>
<li class=""><a href="/National-Defense-Strategy/"><span class="text text-link-54">National Defense Strategy</span></a></li>
</ul>
</div>
</div>
</div>
<div class="right-col dgov-col-md-12 dgov-col-lg-4">
<div class="right-col-inner">
<div class="mission">
<img class="footer-logo" alt="U.S. Department of Defense logo" src="/Portals/1/Images/DOD-Icon-Header.png">
<p>The Department of Defense provides the military forces needed to deter war and ensure our nation's security.</p>
</div>
<div class="footer-search-wrap">
<label class="sr-only" for="footer-search-input">Enter Your Search Terms</label>
<i class="fa fa-search" id="fa-search-icon-bottom"></i>
<input type="search" id="footer-search-input" name="footer-search" maxlength="256" placeholder="Search...">
</div>
</div>
</div>
</div>
</div>
</div>
<footer id="footer-main">
<div class="utility-nav">
<ul class="">
<li class=""><a href="/Legal-Administrative/Privacy-Security/ "><span class="text text-link-12">Privacy & Security</span></a></li>
<li class=""><a href="/Legal-Administrative/Links-Disclaimer/ "><span class="text text-link-17">Links Disclaimer</span></a></li>
<li class=""><a href="http://dodcio.defense.gov/DoDSection508/Std_Stmt.aspx" target="_blank" rel="noopener noreferrer"><span class="text text-link-13">Section 508</span></a></li>
<li class=""><a href="/resources/social-media-policy/"><span class="text text-link-52">DOD Social Media Policy</span></a></li>
<li class=""><a href="http://dodcio.defense.gov/DoD-Web-Policy/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-14">Web Policy</span></a></li>
<li class=""><a href="http://www.esd.whs.mil/DD/plainlanguage/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-37">Plain Writing Act</span></a></li>
<li class=""><a href="http://www.dodig.mil/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-38">DOD IG</span></a></li>
<li class=""><a href="https://policy.defense.gov/OUSDP-Offices/Reporting-Civilian-Casualties/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-39">Reporting Civilian Casualties</span></a></li>
<li class=""><a href="http://prhome.defense.gov/NoFear/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-40">No FEAR Act</span></a></li>
<li class=""><a href="http://www.dimoc.mil/resources/limitations/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-41">Imagery Use</span></a></li>
<li class=""><a href="https://www.esd.whs.mil/FOID/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-42">FOIA</span></a></li>
<li class=""><a href="http://open.defense.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-43">Open GOV</span></a></li>
<li class=""><a href="https://media.defense.gov/2023/Mar/13/2003178168/-1/-1/1/DOD-STRATEGIC-MGMT-PLAN-2023.PDF" target="_blank" rel="noopener noreferrer"><span class="text text-link-44">Strategic Management Plan</span></a></li>
<li class=""><a href="https://www.usa.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-45">USA.gov</span></a></li>
<li class=""><a href="https://business.defense.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-46">Small Business Act</span></a></li>
<li class=""><a href="https://www.veteranscrisisline.net/get-help-now/military-crisis-line/" target="_blank" rel="noopener noreferrer"><span class="text text-link-55">Veterans Crisis Line</span></a></li>
<li class=""><a href="/site-index/ "><span class="text text-link-47">Site Map</span></a></li>
</ul>
</div>
<div class="social-nav-subscribe-container">
<div class="social-nav">
<ul class="">
<li class=""><a href="https://twitter.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="X" aria-label="X"><span class="social-icon fa-brands fa-x-twitter social-link-5"></span></a></li>
<li class=""><a href="https://www.facebook.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="Facebook" aria-label="Facebook"><span class="social-icon fa-brands fa-facebook-f social-link-6"></span></a></li>
<li class=""><a href="https://www.instagram.com/deptofdefense/" target="_blank" rel="noopener noreferrer" title="Instagram" aria-label="Instagram"><span class="social-icon fa fa-instagram social-link-8"></span></a></li>
<li class=""><a href="http://www.linkedin.com/company/deptofdefense" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn"><span class="social-icon fa-brands fa-linkedin-in social-link-51"></span></a></li>
<li class=""><a href="https://www.youtube.com/deptofdefense" target="_blank" rel="noopener noreferrer" title="YouTube" aria-label="YouTube"><span class="social-icon fa-brands fa-youtube social-link-7"></span></a></li>
</ul>
</div>
<a class="subscribe-btn btn btn-sm btn-primary" href="https://public.govdelivery.com/accounts/usdod/subscriber/new" target="_blank">Subscribe</a>
</div>
</footer>
<div id="footer-hosting">
<div class="skin-footer-banner"><a target="_blank" rel="noreferrer noopener" href="https://www.web.dma.mil/"><span>Hosted by Defense Media Activity - WEB.mil</span></a></div>
</div>
<script type="text/javascript">
var usasearch_config = {
siteHandle: skinvars.aid,
autoSubmitOnSelect: false,
}
window.onload = function() {
document.getElementById("footer-search-input").value = "";
}
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "//search.usa.gov/javascripts/remote.loader.js";
document.getElementsByTagName("head")[0].appendChild(script);
(function($) {
$(function() {
$('.footer-nav-col h3').click(function() {
if (window.innerWidth > 991) return;
$(this).parent('.footer-nav-col').toggleClass('active');
});
});
})(jQuery);
const queryInput = $("input[name=search-main],input[name=header-search], input[name=footer-search], i[id=fa-search-icon-bottom]").on("keyup", function(e) {
if (e.keyCode == 13) {
submitSearch($(this));
}
});
$("input[name=search-main] ~ button, .search-icon, input[name=footer-search], input[name=footer-search] ~ button, i[id=fa-search-icon-bottom]").on("click", function(e) {
e.stopImmediatePropagation();
submitSearch($(this));
});
$(".search-icon").on("keypress", function(e) {
if (e.which == 13) {
e.stopImmediatePropagation();
submitSearch($(this));
}
});
function submitSearch($this) {
const query = $this ? ($this.val() || $this.parent().find('input').val()) : "";
const affiliate = !!skinvars.aid ? skinvars.aid : 'defensegov';
if (query.length > 1) window.location = "//search.usa.gov/search?query=" + query + "&affiliate=" + affiliate + "&utf8=%26%23x2713%3B";
}
</script>
<input name="ScrollTop" type="hidden" id="ScrollTop">
<input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off" value="`{`__scdoff`:`1`,`sf_siteRoot`:`/`,`sf_tabId`:`587`}">
<script src="/Desktopmodules/SharedLibrary/Plugins/Bootstrap/js/bootstrap.min.js?cdv=1525" type="text/javascript"></script>
<script src="/DesktopModules/SharedLibrary/ValidatedPlugins/dompurify//purify.min.js?cdv=1525" 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
Live Today
Austin Opens Meeting of Ukraine Contract Group
2:00PM MS Austin Opens Meeting of Ukraine Contract Group
6:30PM MS Austin, Brown Hold Ukraine Press Conference
* 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
* 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
* 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
*
*
*
*
*
U.S. DEPARTMENT OF DEFENSE
Live Event
REMARKS: AUSTIN AT UKRAINE DEFENSE GROUP MEETING
Watch live at 8 a.m. EDT as Secretary of Defense Lloyd J. Austin III delivers
opening remarks before a virtual meeting of the Ukraine Defense Contact Group.
Remarks: Austin at Ukraine Defense Group Meeting
Spotlight
SUPPORT FOR UKRAINE
The United States is working with allies and partners to support Ukraine in the
fight for sovereignty and freedom. The U.S. has provided Ukraine with billions
of dollars in security assistance since the beginning of Russia's unprovoked
assault on Feb. 24, 2022.
Read More
Support for Ukraine
Spotlight
VALUE OF SERVICE
The U.S. military, the world's finest fighting force, is made up entirely of
volunteers, reinforcing the American ideal of personal freedom while offering
those with the desire and ability to serve opportunity, community and purpose.
Read More
Value of Service
Spotlight
SPOTLIGHT ON NATO
NATO is a transatlantic alliance of 32 like-minded North American and European
countries securing peace since 1949.
Read More
Spotlight on NATO
Live Now LIVE TODAY
2:00pm MS | Austin Opens Meeting of Ukraine Contract Group
1 more event Close
6:30pm MS | Austin, Brown Hold Ukraine Press Conference
NEWS
News | May 17, 2024
DOD REPORT: PREVALENCE OF SEXUAL ASSAULT DECLINED ACROSS SERVICES IN 2023
The prevalence of sexual assault in the active-duty force declined compared with
levels last measured in 2021, marking the first decrease in nearly a decade.
DOD Report: Prevalence of Sexual Assault Declined Across Services in 2023
News | May 17, 2024
EUCOM COMMANDER: NATO IS TRANSFORMING TO DEFEND EVERY INCH OF THE ALLIANCE
The Russian invasion of Ukraine is the largest war on the European continent
since World War II, but NATO is still the answer, Army Gen. Christopher Cavoli
said.
Eucom Commander: NATO Is Transforming to Defend Every Inch of the Alliance
News | May 16, 2024
U.S. JOINS JORDAN, PARTNER NATIONS TO LAUNCH EXERCISE EAGER LION 24
Eager Lion serves to underscore the United States' commitment to
interoperability with partners in the region, while refining the ability to
defend against threats by state and non-state actors.
U.S. Joins Jordan, Partner Nations to Launch Exercise Eager Lion 24
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.
Helping Hands
Spotlight
AFRICAN LION
U.S. Africa Command's premiere and largest annual joint and combined exercise,
African Lion brings together thousands of military personnel across four
countries to increase interoperability while strengthening shared defense
capabilities and cooperation.
African Lion
Spotlight
ASIAN AMERICAN, NATIVE HAWAIIAN AND PACIFIC ISLANDER HERITAGE MONTH
The Defense Department pays tribute to the contributions and dedicated service
of Asian Americans, Native Hawaiians and Pacific Islanders, past and present, in
defense of the nation during May and throughout the year.
Asian American, Native Hawaiian and Pacific Islander Heritage Month
PRESS PRODUCTS
--------------------------------------------------------------------------------
Transcript | 3 hours ago
SENIOR DEFENSE OFFICIAL, SENIOR MILITARY OFFICIAL HOLD A BACKGROUND BRIEFING ON
NIGER
Senior Defense Official, Senior Military Official Hold a Background Briefing on
Niger
--------------------------------------------------------------------------------
Release | 14 hours ago
JOINT STATEMENT FROM THE U.S. DEFENSE DEPARTMENT, THE DEPARTMENT OF NATIONAL
DEFENSE OF NIGER
Joint Statement From the U.S. Defense Department, the Department of National
Defense of Niger
--------------------------------------------------------------------------------
Release | May 17, 2024
ACTING UNDERSECRETARY OF DEFENSE FOR POLICY AMANDA DORY ANNOUNCES SPACE POLICY
LEADERSHIP TRANSITION
Acting Undersecretary of Defense for Policy Amanda Dory Announces Space Policy
Leadership Transition
FROM THE SERVICES
Army
GUARDSMEN PREP TO TRAIN UKRAINIAN SOLDIERS
Guardsmen Prep to Train Ukrainian Soldiers
Marine Corps
FIELD EXERCISE SHARPENS SKILLS
Field Exercise Sharpens Skills
Navy
BULL SHARK INCREASES CRISIS RESPONSE
Bull Shark Increases Crisis Response
Air Force
E-LEARNING ADDS MICROSOFT TEAMS APP
E-Learning Adds Microsoft Teams App
Space Force
SQUADRON HOLDS READINESS EXERCISE
Squadron Holds Readiness Exercise
National Guard
GUARDSMEN TEST SKILLS DURING EXERCISE
Guardsmen Test Skills During Exercise
VETERAN RESOURCE
INTERACTIVE EXPERIENCES
EXPERIENCE DOD
Use left and right arrow keys to navigate this slide show.
Military Units
MILITARY UNITS
Each military service is different, and so is the way they are organized. Here’s
a cheat sheet to help you learn the structure of the Defense Department
services.
Military Units - How Is Each Service Organized?
Quiz
MILITARY UNITS - HOW IS EACH SERVICE ORGANIZED?
Test what you know about how each military branch is structured.
Where the Wild Things Are
Quiz
WHERE THE WILD THINGS ARE
With nearly 27 million acres of land under its care, DOD provides crucial
habitat for numerous threatened, endangered and at-risk species. See if you can
suss out a few of them in this quiz, without getting tripped up by decoys!
* 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
Research & Development
Optic Eye
Training Through Trees
Disaster Prep
Air Demo
Hefty Cleanup
Target Practice
Saying Goodbye
Catching Waves
Hiding in Plain Sight
Sunlit Sail
Southern Seas
DEFENSE.GOV
* Home
* News
* Spotlights
* About
HELPFUL LINKS
* Live Events
* Today in DOD
* Contracts
* For the Media
* Contact
RESOURCES
* DOD Resources
* DOD Careers
* 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