1<html lang="en"> 2<head style="overflow-x:hidden!important"> 3 <meta charset="utf-8" /> 4 5 <meta name="google-site-verification" content="0mNmi89LeMBTU7y24nabKNKip3sHeGqwc9vaEFILs1A" /> 6 <meta http-equiv='cache-control' content='no-cache, no-store, must-revalidate' /> 7 <meta http-equiv='max-age' content='0' /> 8 <meta http-equiv='expires' content='0' /> 9 <meta http-equiv='pragma' content='no-cache' /> 10 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 11 <link rel="canonical" href="https://www.difesa.it/eng"> 12 <meta name=" description" content=""> 13 14 15 <title>Ministero della Difesa - index</title> 16 <!-- ####### BOOTSTRAP ########## --> 17 <link rel="stylesheet" href="/assets/bootstrap-italia/bootstrap-italia.min.css"> 18 <!--<link rel="stylesheet" href="/assets/bootstrap-icons.css">--> 19 20
20<script src="/assets/bootstrap-italia/bootstrap-italia.bundle.min.js"></script>
20 21 <!-- ####### END BOOTSTRAP ########## --> 22 23 24 <link href="/assets/cookie_banner/gdpr-cookie.css" rel="stylesheet" /> 25 <link rel="stylesheet" href="/assets/style.css" /> 26 <!--2023.03.23--> 27
27<script src="/assets/lib/jquery.min.js"></script>
27 28
28<script src="/assets/bootstrap/popper.min.js"></script>
28 29
29<script src="/assets/bootstrap/bootstrap.min.js"></script>
29 30
30<script src="/assets/bootstrap/jquery.sticky.js"></script>
30 31
31<script src="/assets/bootstrap/main.js"></script>
31 32
32<script src="/assets/js/language.js"></script>
32 33 <!--2023.09.15--> 34
34<script src="/assets/lib/moment.js" asp-append-version="true"></script>
34 35
35<script src="/assets/lib/jsrender/jsrender.min.js"></script>
35 36 <!--2023.09.15--> 37
37<script src="/assets/cookie_banner/gdpr-cookie-common.js"></script>
37 38
38<script src="/assets/cookie_banner/gdpr-cookie.js"></script>
38 39
39<script src="/assets/js/index.js?version=e8ed4230-8da1-4a79-9513-8ea6e1fbf1c5"></script>
39 40 <!--2023.03.23--> 41</head> 42 <body> 43 <span class="d-none" id="force-refresh">e8ed4230-8da1-4a79-9513-8ea6e1fbf1c5</span> 44 <span hidden>E$nai1xc99CNKoy7d0Zt1xzNt%D4Y%TGeyhcIT*gecyhQ$pOuo</span> 45 <div id="wrapper"> 46 <div id="content"> 47 <div class="it-header-slim-wrapper"> 48 <div class="container paddingLeftRight35 noPaddingMobileLeftRightFrom450"> 49 <div class="row" style="max-width: 1200px; margin: 0 auto;"> 50 <div class="col-12 noPaddingLeftRight"> 51 <div class="it-header-slim-wrapper-content noPaddingLeftRight"> 52 <a id="lblgovernoitaliano" class="d-none d-lg-block navbar-brand" target="_blank" href="https://www.governo.it/en"> 53 <img alt="Logo Ministero Difesa" src="/assets/img/logo_ministero_difesa.png" height="40">Italian Government 54 </a> 55 <div class="nav-mobile"> 56 <nav aria-label="Accessory navigation"> 57 <a href="https://www.governo.it/en" target="_blank" class="it-opener d-lg-none"> 58 <span> 59 <img alt="Logo Ministero Difesa" src="/assets/img/logo_ministero_difesa.png" height="40"> Italian Government 60 </span> 61 </a> 62 </nav> 63 </div> 64 <div class="it-header-slim-right-zone"> 65 <a class="buttonLanguageHeader" href="/" onclick="gotolang('ITA')">IT</a> 66 <a class="buttonLanguageHeader marginLeft5" href="/eng/index.html" onclick="gotolang('ENG')">EN</a> 67 <a class="buttonLanguageHeader marginLeft5" href="/fra/index.html" onclick="gotolang('FRA')">FR</a> 68 <!--div class="it-access-top-wrapper hideMobile500"> 69 <a target="_blank" href="https://webtv.difesa.it/" class="btn btn-primary btn-sm">WEB TV / Defence</a> 70 </div--> 71 </div> 72 </div> 73 </div> 74 </div> 75 </div> 76 </div> 77 78 <style> 79 .buttonLanguageHeader { 80 background-color: transparent; 81 color: #ffffff !important; 82 padding: 0px 6px; 83 border-radius: 0; 84 height: 15px; 85 display: inline-flex; 86 align-items: center; 87 } 88 89 .buttonLanguageHeader + .buttonLanguageHeader { 90 border-left: 1px solid rgba(255, 255, 255, 0.6); 91 margin-left: 0 !important; 92 } 93 .buttonLanguageHeader:hover { 94 background-color: transparent; 95 padding: 3px 10px 3px 10px; 96 border-radius: 0px; 97 color: #65dde0 !important; 98 } 99 </style> 100 <div class="stickyDifesa"> 101 <!-- Required meta tags --> 102 <meta charset="utf-8"> 103 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 104 105 <!-- Style --> 106 <link rel="stylesheet" href="/assets/bootstrap/style_bootstrap.css" /> 107 <div class="it-header-center-wrapper height100pxFrom1000px"> 108 <div class="container paddingLeftRight35 noPaddingMobileLeftRightFrom450"> 109 <div class="row" style="max-width: 1200px; margin: 0 auto;"> 110 <div class="col-12 noPaddingLeftRight"> 111 <div class="it-header-center-content-wrapper noPaddingLeftRight"> 112 <div class="site-mobile-menu site-navbar-target positionMenu"> 113 <div class="site-mobile-menu-header"> 114 <div class="site-mobile-menu-close mt-3" style="margin-top: 0px !important;"> 115 <svg class="icon icon-white icon-xs icon25 js-menu-toggle cursorPointer"> 116 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-close-big"></use> 117 </svg> 118 </div> 119 </div> 120 <a class="list-item medium textMenu" href="/" style="background: #06264C;width: 325px;margin-left: -30px;display: block;padding: 15 0 15 30;margin-top: -20px;"> 121 <img class="" alt="Logo Ministero Difesa" src="/assets/img/logo_ministero_difesa_bianco.png" height="50" style="padding-left: 30px;"> 122 </a> 123 <div class="site-mobile-menu-body paddingMenu overflowYauto"></div> 124 </div> 125 <header class="site-navbar site-navbar-target py-4" role="banner" style="z-index: -9999999;"> 126 <div class="container paddingLeftRight35 noPaddingMobileLeftRightFrom450"> 127 <div class="row align-items-center position-relative"> 128 <div class="col-9 order-1 text-left mr-auto"> 129 <nav class="site-navigation text-right ml-auto d-none d-lg-none" role="navigation"> 130 <ul id="menuActive" class="site-menu main-menu js-clone-nav ml-auto link-list"> 131 <!-- <li class="pb-4" id=""> 132 <a class="list-item medium textMenu" href="/"> 133 <img class="" alt="Logo Ministero Difesa" src="/assets/img/logo_ministero_difesa_blu.png" height="50" /> 134 </a> 135 </li> --> 136 137 <!-- 2024.03.20 --> 138 <div id="divmenuleft"></div> <!-- BISOGNA SCOMPORLO E FARE IN MODO DI VISUALIZZARE SOLO I TAG li --> 139 <!-- 2024.03.20 --> 140 141 <li class="hideMobileOn1000 " style="height: 20px;"></li> 142 <div class="hideMobileOn1000 "> 143 144 <a target="_blank" class="d-inline p-2 ps-0" href="https://twitter.com/MinisteroDifesa"> 145 <svg class="icon icon-blu icon25 "> 146 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-twitter"></use> 147 </svg> 148 </a> 149 <a target="_blank" class="d-inline p-2" href="https://www.facebook.com/ministerodifesa/"> 150 <svg class="icon icon-blu icon25"> 151 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-facebook"></use> 152 </svg> 153 </a> 154 <a target="_blank" class="d-inline p-2" href="https://www.youtube.com/@ministerodifesa"> 155 <svg class="icon icon-blu icon25"> 156 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-youtube"></use> 157 </svg> 158 </a> 159 <a target="_blank" class="d-inline p-2" href="https://www.flickr.com/photos/ministerodifesa/"> 160 <svg class="icon icon-blu icon25"> 161 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-flickr"></use> 162 </svg> 163 </a> 164 <a target="_blank" class="d-inline p-2" href="https://www.linkedin.com/company/ministerodifesa/"> 165 <svg class="icon icon-blu icon25"> 166 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-linkedin"></use> 167 </svg> 168 </a> 169 <a target="_blank" class="d-inline p-2" href="https://www.instagram.com/ministerodifesa_official/"> 170 <svg class="icon icon-blu icon25"> 171 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-instagram"></use> 172 </svg> 173 </a>
174 </div> 175 </ul> 176 </nav> 177 </div> 178 </div> 179 </div> 180 </header> 181 <span class="d-inline-block d-lg-block"> 182 <a href="" class="text-black site-menu-toggle js-menu-toggle py-5"> 183 <img height="65" class="" src="/assets/img/icon_menu.png" alt="Icona Menu" /> 184 </a> 185 </span> 186 <div class="it-brand-wrapper"> 187 <a href="/"> 188 <img alt="Logo Ministero Difesa" src="/assets/img/logo_ministero_difesa_2025.2025.11.21.19.42.22.697.jpeg" height="80" /> 189 <div class="it-brand-text"> 190 <div class="it-brand-title textMinisteroDifesaLogo">Ministry of Defence</div> 191 </div> 192 </a> 193 </div> 194 <div class="it-right-zone positionElements"> 195 <div class="it-socials d-none d-md-flex hideMobile1000 marginBottom10"> 196 <ul> 197 <li> 198 <a class="backgroundSocialIcon" title="Facebook" href="https://www.facebook.com/ministerodifesa/" aria-label="Facebook" target="_blank"> 199 <svg class="icon icon-blu icon-xs icon25 noMarginLeft"> 200 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-facebook"></use> 201 </svg> 202 </a> 203 </li> 204 <li> 205 <a class="backgroundSocialIcon" title="Twitter" target="_blank" href="https://twitter.com/MinisteroDifesa" aria-label="Twitter"> 206 <img alt="Logo X" src="/assets/img/icon_x.png" height="20" /> 207 </a> 208 </li> 209 <li> 210 <a class="backgroundSocialIcon" target="_blank" title="Instagram" href="https://www.instagram.com/ministerodifesa_official/ aria-label=" aria-label="Instagram" > 211 <svg class="icon icon-blu icon-xs icon25 noMarginLeft"> 212 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-instagram"></use> 213 </svg> 214 </a> 215 </li> 216 <li> 217 <a class="backgroundSocialIcon" title="LinkedIn" href="https://www.linkedin.com/company/ministerodifesa/" aria-label="LinkedIn" target="_blank"> 218 <svg class="icon icon-blu icon-xs icon25 noMarginLeft"> 219 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-linkedin"></use> 220 </svg> 221 </a> 222 </li> 223 <li> 224 <a class="backgroundSocialIcon" title="YouTube" href="https://www.youtube.com/@ministerodifesa" aria-label="YouTube" target="_blank"> 225 <svg class="icon icon-blu icon-xs icon25 noMarginLeft"> 226 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-youtube"></use> 227 </svg> 228 </a> 229 </li> 230 <li> 231 <a class="backgroundSocialIcon" title="Telegram" href="https://t.me/MinisteroDifesa" aria-label="Telegram" target="_blank"> 232 <svg class="icon icon-blu icon-xs icon25 noMarginLeft"> 233 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-telegram"></use> 234 </svg> 235 </a> 236 </li> 237 <li> 238 <a class="backgroundSocialIcon" title="Newsletter" href="/newsletter/index.html" aria-label="Newsletter"> 239 <svg class="icon icon-blu icon-xs icon25 noMarginLeft"> 240 <use href="/bootstrap-italia/dist/svg/sprites.svg#it-note"></use> 241 </svg> 242 </a> 243 </li> 244 </ul> 245 </div> 246 247 248 <div class="it-search-wrapper noMarginLeft displaySearch">
249 <span class="d-none d-md-block">Advanced search</span> 250 <a class="search-link rounded-icon" aria-label="Cerca nel sito" href="#"> 251 <svg class="icon icon-white" onclick="gotoricercaavanzata()"> 252 <use href="/bootstrap-italia/dist/svg/sprites.svg#it-search"></use> 253 </svg> 254 </a> 255 </div> 256 257 258 <div class="form-group marginTopBottomAuto hideSearch"> 259 <input id="edadvancedsearch" style="height: 40px !important;border-radius: 5px;border: solid 1px #fff;" type="search" class="autocomplete" title="inserisci le parole da cercare" 260 placeholder="Search the site..." /> 261 <span class="autocomplete-icon" onclick="gotoricercaavanzata()" style="top: 0.3rem !important;background: #06c;padding: 7px;margin-top: -5px;border: solid 1px #fff;border-radius: 0 5px 5px 0;top: 0.3rem !important;" aria-hidden="true"> 262 <svg class="icon icon-white icon-sm"><use href="/bootstrap-italia/dist/svg/sprites.svg#it-search"></use></svg> 263 </span> 264 </div> 265 266 267 </div> 268 </div> 269 </div> 270 </div> 271 <img class="" style="width: 100%; position: absolute; left: 0; margin-top: 6px; height: 5px;" src="/assets/img/tricolore_header.jpg" alt="Tricolore Header" /> 272 <p style="background: #0066cc; height: 10px;"></p> 273 </div> 274 </div> 275 276 277
277<script type="text/x-jsrender" id="menulefttmpl"> 278 [%for data %] 279 [%if ordine != 4 %] 280 <li class="activeMenuHover" id="activeMenuHome[%:ordine%]" style="border-bottom: solid 1px #d0d0d0;"> 281 <a class="list-item medium textMenu" style="font-weight: bolder;" href="[%:url %]"> 282 <span>[%:titolo %]</span> 283 </a> 284 </li> 285 [%else%] 286 <li style="border-bottom: solid 1px #d0d0d0;"> 287 <div class="accordion noBorder" id="collapseExample"> 288 <div class="accordion-item noBorder"> 289 <span class="accordion-headernoBorder " id="heading2c"> 290 <button class="accordion-button collapsed noBorder textMenu" 291 style="font-size:18px; font-weight: bolder ;padding-left: 20px;" 292 type="button" data-bs-toggle="collapse" data-bs-target="#collapse2c" 293 aria-expanded="false" aria-controls="collapse2c">Ministero della Difesa 294 </button> 295 </span> 296 <div id="collapse2c" class="accordion-collapse collapse" role="region" aria-labelledby="heading2c"> 297 <div class="accordion-body noPadding marginTop-8"> 298 <ul class="noPadding" id="divmenuleft2"> 299 300 </ul> 301 </div> 302 </div> 303 </div> 304 </div> 305 </li> 306 [%/if%] 307 [%/for%] 308 </script>
308 309 310
310<script type="text/x-jsrender" id="menuleft2tmpl"> 311 [%for data %] 312 <li class="activeMenuHover paddingLeft30" style="border-bottom: solid 1px #d0d0d0;"> 313 <a class="list-item medium textMenu " href="[%:url %]"> 314 <span class=" ">[%:titolo %]</span> 315 </a> 316 </li> 317 [%/for%] 318 </script>
318 319 320
320<script> 321 function getmenuleftdata(){ 322 var _jsonfilename = "/data/menu/mnu_difesa_left" 323 + ( glanguage.toLowerCase() == 'ita' ? '' : '_' + glanguage.toLowerCase() ) 324 + ".json?v="+getCurrentTimestamp(); 325 var _msg = ''; 326 try { 327 var _elem = ''; 328 $.getJSON(_jsonfilename) 329 .done(function (response, status, xhr) { 330 if (status == "error") { 331 _msg = "Si è verificato un problema: " + xhr.status + " " + xhr.statusText; 332 console.error(_msg); 333 alert(_msg); 334 } else { 335 console.log('dati di mnuleft caricati'); 336 _elem = '#divmenuleft'; 337 var _data1 = response.filter( obj => 338 { return obj.ordine > 0 && obj.ordine < 51; } 339 ); 340 var _data2 = response.filter( obj => 341 { return obj.ordine >= 51; } 342 ); 343 var _data = { "data": _data1}; 344 var _tmplname = '#menulefttmpl'; 345 var _tmpl = $.templates(_tmplname); 346 var _html = _tmpl.render(_data); 347 $(_elem).html(_html); 348 349 _data = { "data": _data2 }; 350 getmenuleftdata2(_data); 351 } 352 }) 353 .fail(function (jqxhr, textStatus, error) { 354 _msg = "Si è verificato un problema: " 355 + jqxhr.status + " " 356 + jqxhr.statusText; 357 console.error(_msg); 358 alert(_msg); 359 }) 360 ; 361 } 362 catch (e) { 363 alert(e.message); 364 } 365 } 366 367 function getmenuleftdata2(adata){ 368 var _msg = ''; 369 try { 370 console.log('dati di mnuleft caricati'); 371 _elem = '#divmenuleft2'; 372 var _tmplname = '#menuleft2tmpl'; 373 var _tmpl = $.templates(_tmplname); 374 var _html = _tmpl.render(adata); 375 $(_elem).html(_html); 376 } 377 catch (e) { 378 alert(e.message); 379 } 380 } 381 382 window.addEventListener('scroll', function () { 383 var header = document.querySelector('.it-header-center-wrapper'); 384 var sticky = header.offsetTop; 385 386 if (window.pageYOffset > sticky) { 387 header.classList.add('sticky-header'); 388 } else { 389 header.classList.remove('sticky-header'); 390 } 391 }); 392 </script>
392 393 394 </div> 395 <div id="main" class="layoutHomePageCenter"> 396 397 <link rel="stylesheet" href="/assets/lightbox/lightbox.min.css"> 398
398<script src="/assets/lightbox/lightbox.min.js"></script>
398 399 400 <div id="divvideo" style="max-width: 1200px !important; width: 100%;"></div> 401 402 <div class="row marginTop30" style="max-width: 1200px !important;"> 403 404 <div class="col-xl-5 col-lg-5 col-sm-12 col-md-12 col-xs-12 padding0" id="divnotiziaprimopiano"> 405 </div> 406 407 <div class="col-xl-7 col-lg-7 col-sm-12 col-md-12 col-xs-12 padding0" id="divnotiziaprimopiano2"> 408 </div> 409 410 411 </div> 412 413
413<script type="text/x-jsrender" id="videotmpl"> 414 [%for data%] 415 [%if src%] 416 <div class="row paddingLeftRightNotizieVideoDiretta marginTop35"> 417 <div class="col-12 text-center"> 418 <iframe style="width: 100%;height: 600px;" frameborder='0' 419 allowfullscreen='' scrolling='no' 420 src='[%:src%]'></iframe> 421 </div> 422 </div> 423 [%/if%] 424 [%/for%] 425 </script>
425 426 427
427<script type="text/x-jsrender" id="notiziaprimopianotmpl"> 428 [%for data%] 429 [%if ordine == 1%] 430 <div class="card-wrapper card-space paddingBottom0"> 431 <div class="card card-bg noMarginLeftRight card-big no-after stileCardNotiziaPrimoPiano"> 432 <div class="card-body p-4 p-md-5" style="background: #003366!important;">[%if inaggiornamento == 1%] 433 <div class="backgroundRedNews"> 434 <div class="dot"></div> 435 IN AGGIORNAMENTO 436 </div> 437 [%/if%] 438 <span class="data" style="font-weight: 400; font-size: 15px; color: #fff !important;"> 439 <span class="textBold">HIGHLIGHTED - [%:sdata%]</span> 440 </span> 441 <a href="[%:url%]"> 442 <h3 class="card-title textTitleNews lunghezzaCaratteri4Col" style="color: #fff !important;">[%:titolo%]</h3> 443 </a> 444 <div class="lunghezzaCaratteri6Col hide1300"> 445 <p class="card-text fontSize14" style="color: #fff !important;">[%:testo%]</p> 446 </div> 447 <div style="text-align: right; display: flex; align-items: center; gap: 10px;" class="d-none d-lg-block"> 448 449 <a href="[%:url%]" class="textButtonNotiziaPrimoPiano" style="border-radius: 8px;font-size: .7777777778rem;padding: 8px;letter-spacing: .9px;font-weight: bold;">Leggi di più</a> 450 </div> 451 </div> 452 </div> 453 </div> 454 [%/if%] 455 [%/for%] 456 </script>
456 457 458 <!--
458<script type="text/x-jsrender" id="notiziaprimopianotmpl2"> 459 [%for data%] 460 [%if ordine == 1%] 461 <a href="[%:url%]"> 462 <img class="width100" src="[%:imgsrc%]" alt="[%:imgalt%]" href="#" 463 title="[%:imgalt%]" /> 464 </a> 465 [%/if%] 466 [%/for%] 467 </script>
467--> 468 <!-- NUOVO TEMPLATE CON VIDEO OPPURE CON IMMAGINE --> 469
469<script type="text/x-jsrender" id="notiziaprimopianotmpl2"> 470 [%for data%] 471 [%if ordine == 1%] 472 [%if video %] 473 <figure class="overlay-wrapperPP width100"> 474 <!-- Video --> 475 <iframe src="[%:video.src%]" 476 title="[%:video.titolo%]" 477 frameborder="0" 478 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 479 referrerpolicy="strict-origin-when-cross-origin" 480 allowfullscreen 481 class="img-fluid width100"> 482 </iframe> 483 </figure> 484 [%else%] 485 <a href="[%:url%]"> 486 <img class="width100" src="[%:imgsrc%]" alt="[%:imgalt%]" 487 title="[%:imgalt%]" /> 488 </a> 489 [%/if%] 490 [%/if%] 491 [%/for%] 492 </script>
492 493 494 <style> 495 .overlay-wrapperPP { 496 position: relative; 497 width: 100%; 498 max-width: 100%; 499 padding-top: 67.69%; /* 1275x863 aspect ratio */ 500 margin-bottom: 0; 501 } 502 503 .overlay-wrapperPP iframe { 504 position: absolute; 505 top: 0; 506 left: 0; 507 width: 100%; 508 height: 100%; 509 } 510 </style> 511 512 513
513<script type="text/javascript"> 514 function getvideo() { 515 var _jsonfilename = '/data/mdd/hp/video.json?v=' + getCurrentTimestamp(); 516 try { 517 var _elem = ''; 518 var _msg = ''; 519 $.getJSON(_jsonfilename) 520 .done(function (response, status, xhr) { 521 if (status == "error") { 522 _msg = "Si è verificato un problema in getvideo(): " + xhr.status + " " + xhr.statusText; 523 console.error(_msg); 524 alert(_msg); 525 } else { 526 console.log('dati di notizie caricati'); 527 _elem = '#divvideo'; 528 var _data = { "data": response }; 529 var _tmplname = '#videotmpl'; 530 var _tmpl = $.templates(_tmplname); 531 var _html = _tmpl.render(_data); 532 $(_elem).html(_html); 533 } 534 }) 535 .fail(function (jqxhr, textStatus, error) { 536 _msg = "Si è verificato un problema in getvideo(): " 537 + jqxhr.status + " " 538 + jqxhr.statusText; 539 console.error(_msg); 540 //alert(_msg); 541 }) 542 ; 543 } 544 catch (e) { 545 alert(e.message); 546 } 547 } 548 549 function getnotiziaprimopiano() { 550 var _jsonfilename = '/data/eng/hp/notizie.json?v=' + getCurrentTimestamp(); 551 try { 552 var _elem = ''; 553 var _msg = ''; 554 $.getJSON(_jsonfilename) 555 .done(function (response, status, xhr) { 556 557 if (status == "error") { 558 _msg = "Si è verificato un problema in getnotiziaprimopiano(): " + xhr.status + " " + xhr.statusText; 559 console.error(_msg); 560 alert(_msg); 561 } else { 562 console.log('dati di notizie caricati'); 563 _elem = '#divnotiziaprimopiano'; 564 if (response.NotizieCaroselloTotali != null) 565 response = response.Notizie; 566 //response = response.filter( obj => 567 //{ return obj.ordine == 1; } 568 //); 569 var _data = { "data": response }; 570 var _tmplname = '#notiziaprimopianotmpl'; 571 var _tmpl = $.templates(_tmplname); 572 var _html = _tmpl.render(_data); 573 $(_elem).html(_html); 574 575 _elem = '#divnotiziaprimopiano2'; 576 _tmplname = '#notiziaprimopianotmpl2'; 577 _tmpl = $.templates(_tmplname); 578 _html = _tmpl.render(_data); 579 $(_elem).html(_html); 580 } 581 582 }) 583 .fail(function (jqxhr, textStatus, error) { 584 _msg = "Si è verificato un problema in getnotiziaprimopiano(): " 585 + jqxhr.status + " " 586 + jqxhr.statusText; 587 console.error(_msg); 588 alert(_msg); 589 }) 590 ; 591 } 592 catch (e) { 593 alert(e.message); 594 } 595 } 596 597 function sortComunicati(a, b) { 598 var x = a.contentitemdata; 599 var y = b.contentitemdata; 600 return ((x > y) ? -1 : ((x < y) ? 1 : (a.comunicatonumero > b.comunicatonumero ? -1 : (a.comunicatonumero > b.comunicatonumero ? -1 : 0)))); 601 } 602 603 function getcomunicatihp() { 604 var jsonelencocomunicatihp = '/data/il-ministro/comunicati/elenco.json?v=' + getCurrentTimestamp(); 605 $.getJSON(jsonelencocomunicatihp) 606 .done(function (response, status, xhr) { 607 608 if (status == "error") { 609 _msg = "Si è verificato un problema in getcomunicatihp(): " + xhr.status + " " + xhr.statusText; 610 console.error(_msg); 611 alert(_msg); 612 } else { 613 console.log('dati comunicati caricati'); 614 var _divelenco = $("#comunicati-mdd"); 615 var _divelencomobile = $("#comunicati-mdd-mobile"); 616 617 response.sort(sortComunicati); 618 619 if (response.length > 2) { 620 response = response.slice(0, 2); 621 } 622 623 for (i = 0; i < 2; i++) { 624 var html = '<h3 id="h3comunicatohp' + i + '" class="card-title textTitleCardSalaStampa lunghezzaCaratteri marginTop10">'; 625 html += '<a href="' + response[i].url + '" title="' + response[i].titolo + '" style="display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-moz-box;-moz-box-orient:vertical;-moz-box-lines:2;display:box;box-lines:2;box-orient:vertical;">' + response[i].titolo + '</a>'; 626 html += '<div class="marginTop10" style="text-align: right;">'; 627 html += '<a href="' + response[i].url + '" aria-labelledby="h3comunicatohp' + i + '">'; 628 html += '<span class="text" style="font-weight:normal;">Leggi il comunicato</span>'; 629 html += '<svg class="icon icon-blu icon-xs icon25">'; 630 html += '<use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right"></use>'; 631 html += '</svg></a></div></h3>'; 632 _divelenco.append(html); 633 _divelencomobile.append(html); 634 } 635 } 636 }) 637 .fail(function (jqxhr, textStatus, error) { 638 _msg = "Si è verificato un problema in getnotiziaprimopiano(): " 639 + jqxhr.status + " " 640 + jqxhr.statusText; 641 console.error(_msg); 642 alert(_msg); 643 }) 644 ; 645 } 646 </script>
646 647 <style> 648 649 .lunghezzaCaratteri6Col p { 650 color: #fff !important; 651 } 652 653 .lunghezzaCaratteri6Col a { 654 color: #FFD700; 655 } 656 .overlay-wrapperPP { 657 position: relative; 658 width: 100%; 659 max-width: 100%; 660 padding-top: 67.69%; /* 1275x863 aspect ratio */ 661 margin-bottom: 0; 662 } 663 664 .overlay-wrapperPP iframe { 665 position: absolute; 666 top: 0; 667 left: 0; 668 width: 100%; 669 height: 100%; 670 } 671 </style> 672 673 <div class="row marginTop20" style="max-width: 1200px !important;"> 674 <div class="noPadding it-carousel-wrapper it-carousel-landscape-abstract-three-cols splide col-xl-12 col-lg-12 col-sm-12 col-md-12 col-xs-12" 675 data-bs-carousel-splide=""> 676 <div class="splide__track noPaddingMobile"> 677 <ul class="splide__list" id="divnotiziecarousel" style="height:auto;"> 678 </ul> 679 </div> 680 <a class="read-more textButtonArchivioNews" href="/eng/primo-piano/elenco/index.html"> 681 <svg class="icon icon-white"> 682 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right"></use> 683 </svg> 684 <span class="text fontSize14">News Archive</span> 685 </a> 686 </div> 687 </div> 688 689 <!-- CAROUSEL CON ANCHE IL VIDEO --> 690
690<script type="text/x-jsrender" id="notiziecarouseltmpl"> 691 [%for data %] 692 [%if ordine > 1%] 693 <li class="splide__slide"> 694 <div class="it-single-slide-wrapper"> 695 <div class="card-wrapper"> 696 <div class="card card-img no-after"> 697 <div class="img-responsive-wrapper"> 698 <div class="img-responsive"> 699 <div class="img-wrapper"> 700 <a href="[%:url%]"> 701 [%if video %] 702 <figure class="overlay-wrapper width100"> 703 <!-- Video --> 704 <iframe src="[%:video.src%]" 705 title="[%:video.titolo%]" 706 frameborder="0" 707 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 708 referrerpolicy="strict-origin-when-cross-origin" 709 allowfullscreen 710 class="img-fluid width100"> 711 </iframe> 712 </figure> 713 [%else%] 714 <img style="border-radius: 8px 8px 0 0;" 715 src="[%:imgsrc%]" title="[%:titolo%]" 716 alt="[%:imgalt%]" /> 717 [%/if%] 718 </a> 719 </div> 720 </div> 721 </div> 722 <div class="card card-bg noMarginLeftRight card-big no-after margin0Mobile" style="border-radius: 0 0 8px 8px;"> 723 <div class="card-body padding15Mobile paddingCardNotiziaPP" style="background: #003366;padding-bottom: 0px !important;"> 724 <div class="head-tags marginBottom10"> 725 <span class="data" style="color: #fff;">[%:luogo%]</span> 726 <span class="data" style="color: #fff;"> [%:sdata%]</span> 727 </div> 728 <!--[%if inaggiornamento == 1%] 729 <div class="backgroundRedNews"> 730 <div class="dot"></div> 731 IN AGGIORNAMENTO 732 </div> 733 [%else%] 734 <div style="background-color:transparent;" > 735 736 </div> 737 [%/if%]--> 738 <a href="[%:url%]"> 739 <h3 class="card-title textTitleCardWebTv lunghezzaCaratteri1Col" style="color: #fff !important;">[%:titolo%]</h3> 740 </a> 741 <p class="textParCardCarousel lunghezzaCaratteri1Col" style="color: #fff !important;margin-bottom: 0px;"> 742 [%:sottotitolo || " "%] 743 </p> 744 </div> 745 </div> 746 </div> 747 </div> 748 </div> 749 </li> 750 [%/if%] 751 [%/for%] 752 </script>
752 753 754 <style> 755 .overlay-wrapper { 756 position: relative; 757 width: 100%; 758 max-width: 100%; 759 padding-top: 67.69%; /* 1275x863 aspect ratio */ 760 } 761 762 .overlay-wrapper iframe { 763 position: absolute; 764 top: 0; 765 left: 0; 766 width: 100%; 767 height: 100%; 768 } 769 </style> 770 771 772
772<script type="text/javascript"> 773 774 function getnotiziecarousel() { 775 var _jsonfilename = '/data/eng/hp/notizie.json?v=' + getCurrentTimestamp(); 776 try { 777 var _elem = ''; 778 var _msg = ''; 779 $.getJSON(_jsonfilename) 780 .done(function (response, status, xhr) { 781 782 if (status == "error") { 783 _msg = "Si è verificato un problema in getnotiziecarousel(): " + xhr.status + " " + xhr.statusText; 784 console.error(_msg); 785 alert(_msg); 786 } else { 787 console.log('dati di notizie caricati'); 788 _elem = '#divnotiziecarousel'; 789 if (response.NotizieCaroselloTotali != null) 790 response = response.Notizie; 791 response = response.filter(obj => { return obj.ordine > 1; } 792 ); 793 var _data = { "data": response }; 794 var _tmplname = '#notiziecarouseltmpl'; 795 var _tmpl = $.templates(_tmplname); 796 var _html = _tmpl.render(_data); 797 $(_elem).html(_html); 798 } 799 800 }) 801 .fail(function (jqxhr, textStatus, error) { 802 _msg = "Si è verificato un problema in getnotiziecarousel(): " 803 + jqxhr.status + " " 804 + jqxhr.statusText; 805 console.error(_msg); 806 alert(_msg); 807 }) 808 ; 809 } 810 catch (e) { 811 alert(e.message); 812 } 813 } 814 815 </script>
815 816 817 <div class="row paddingTopBottom50 noPaddingMobileLeftRight" style="max-width: 1200px !important; width: 100%;"> 818 <div class="col-xl-12 col-lg-12 col-sm-12 col-md-12 col-xs-12"> 819 <div id="divforzearmate"></div> 820 </div> 821 <div class="col-xl-12 col-lg-12 col-sm-12 col-md-12 col-xs-12 ombraCard" style="max-height: 185px;"> 822 <div class="it-carousel-wrapper it-carousel-landscape-abstract-seven-cols splide marginBottom20" data-bs-carousel-splide> 823 <div class="splide__track"> 824 <ul class="splide__list" id="divforzearmate2"> 825 </ul> 826 </div> 827 </div> 828 </div> 829 </div> 830 831
831<script type="text/x-jsrender" id="forzearmatetmpl"> 832 [%for data%] 833 <h3>[%:titolo%]</h3> 834 [%/for%] 835 </script>
835 836 837
837<script type="text/x-jsrender" id="forzearmate2tmpl"> 838 [%for data%] 839 <li class="splide__slide"> 840 <div class="it-single-slide-wrapper positionCardFAEnti"> 841 <div class="card-wrapper"> 842 <a href="[%:url %]"> 843 <div class="card card-img no-after"> 844 <div class="img-wrapper boxImgLogoFAEnti mx-auto"> 845 <img height="90" src="[%:imgsrc %]" title="[%:titolo %]" alt="[%:imgalt %]"/> 846 </div> 847 <div class="card-body" style="padding-top: 13px; padding-bottom: 0;"> 848 <h5 class="card-title textTitleForzaArmata textAlignCenter">[%:testo %]</h5> 849 </div> 850 </div> 851 </a> 852 </div> 853 </div> 854 </li> 855 [%/for%] 856 </script>
856 857 858 859
859<script type="text/javascript"> 860 function getleforzearmate(){ 861 var _jsonfilename = '/data/menu/mnu_difesa_forze_armate_eng.json'; 862 try { 863 var _elem = ''; 864 var _msg = ''; 865 $.getJSON(_jsonfilename) 866 .done(function (response, status, xhr) { 867 if (status == "error") { 868 _msg = "Si è verificato un problema in getleforzearmate(): " + xhr.status + " " + xhr.statusText; 869 console.error(_msg); 870 alert(_msg); 871 } else { 872 console.log('dati di getleforzearmate caricati'); 873 _elem = '#divforzearmate'; 874 var _data1 = response[0]; 875 var _data2 = response.slice(1); 876 var _data = {"data" : _data1}; 877 var _tmplname = '#forzearmatetmpl'; 878 var _tmpl = $.templates(_tmplname); 879 var _html = _tmpl.render(_data); 880 $(_elem).html(_html); 881 882 _elem = '#divforzearmate2'; 883 _data = {"data" : _data2}; 884 _tmplname = '#forzearmate2tmpl'; 885 _tmpl = $.templates(_tmplname); 886 _html = _tmpl.render(_data); 887 $(_elem).html(_html); 888 } 889 }) 890 .fail(function (jqxhr, textStatus, error) { 891 _msg = "Si è verificato un problema in getleforzearmate(): " 892 + jqxhr.status + " " 893 + jqxhr.statusText; 894 console.error(_msg); 895 alert(_msg); 896 }) 897 ; 898 } 899 catch (e) { 900 alert(e.message); 901 } 902 } 903 </script>
903 904 905 <div class="row noPaddingMobile containerLeftOperazioniMilitari marginBottom50" style="width: 100% !important; max-width: 1200px;"> 906 <div class="col-xl-4 col-lg-4 col-sm-12 col-md-12 col-xs-12 padding50 containerLeftOperazioniMilitari"> 907 <h7 class="textOperazioniMilitariHP">Military operations</h7> 908 <h1 class="textTitleOperazioniMilitari">Defense for Security</h1> 909 <p class="textOperazioniMilitariPar">Details of current national and international military operations and summary of concluded operations.</p> 910 <a href="/operazionimilitari/index/26771.html"> 911 <h7 class="textOperazioniMilitariHP">All the military operations</h7> 912 <svg class="icon icon-white"> 913 <use href="/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right"></use> 914 </svg> 915 </a> 916 </div> 917 918 919 <div class="col-xl col-lg col-sm-12 col-md-12 col-xs-12 noPadding textAlignCenter"> 920 <!-- MAPPA OPERAZIONI MILITARI --> 921 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 922 <link rel="stylesheet" href="/assets/leaflet/leaflet.css" /> 923 <style> 924 #map { 925 height: 500px; 926 width: 100%; 927 border-radius: 0 8px 8px 0; 928 } 929 </style> 930 931 <div id="map"></div> 932 933
933<script src="/assets/leaflet/leaflet.js"></script>
933 934
934<script src="/assets/leaflet/leaflet.markercluster.js"></script>
934 935
935<script src="/assets/leaflet/L.Control.Locate.min.js" charset="utf-8"></script>
935 936
936<script src="/assets/leaflet/leaflet-providers.js"></script>
936 937
937<script src="/assets/js/mappa_operazioni.js"></script>
937 938 939 940 </div> 941 942 943 </div> 944 <!-- <section class="section padding0 layoutInformazioniApprofondimenti" aria-describedby="divinformazionidifesa" style="margin-top: 120px;max-width: 1200px !important;width: 100%;"> 945 <div class="section-content"> 946 <div style="position: absolute;top: -80px;bottom: 200px;width: 100%;height: 250px;background: url('/assets/img/baracchini_hp.2025.03.03.11.49.06.586.jpeg') center/cover no-repeat;"> 947 <div style="position: absolute;top: 0px;left: 0;width: 100%;height: 100%;background: #00264db8;"></div> 948 </div> 949 <div class="container"> 950 <div id="divinformazionidifesa"></div> 951 952 <div class="it-carousel-wrapper it-carousel-landscape-abstract-three-cols splide marginBottom20" data-bs-carousel-splide> 953 <div class="splide__track noPaddingMobile" style="padding-top: 0px;"> 954 <ul class="splide__list" id="divinformazionidifesa2" style=" height: auto;padding-bottom: 20px !important;"> 955 </ul> 956 </div> 957 </div> 958 959 </div> 960 </div> 961 </section> 962
962<script type="text/x-jsrender" id="informazionidifesatmpl"> 963 [%for data %] 964 <h3 style="z-index: 9999 !important;position: relative;color: #fff;">[%:titolo%]</h3> 965 <!--<h6 class=" ">[%:sottotitolo%]</h6--> 966 [%/for%] 967 </script>
967 968 969
969<script type="text/x-jsrender" id="informazionidifesa2tmpl"> 970 [%for data %] 971 <li class="splide__slide" style=" box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 20px 0px; background: rgb(255, 255, 255); border-right: none; margin-right: 24px; width: calc(33.3333% - 16px);"> 972 <div class="it-single-slide-wrapper"> 973 <div class="card-wrapper card-space"> 974 <div class="card no-after"> 975 <div class="card-body" style="padding: 0 !important;"> 976 <div class="row"> 977 <div class="col-12 col-md-12"> 978 <a href="[%:url%]" title="[%:tooltip%]" class="textAlignRight"> 979 <div class="img-wrapper text-center"> 980 <img width="100%" src="[%:imgsrc%]" 981 alt="[%:imgalt%]"> 982 </div> 983 </a> 984 </div> 985 <div class="col-12 col-md-12 offset-md-0 pe-0"> 986 <h5 class="card-title titolo text-primary textFontSize25 textAlignCenter paddingTop10" style="font-weight: 500;">[%:titolo%]</h5> 987 </div> 988 </div> 989 </div> 990 </div> 991 </div> 992 </div> 993 </li> 994 [%/for%] 995 </script>
995 996 997
997<script type="text/javascript"> 998 function getinformazionidifesa(){ 999 var _jsonfilename = '/data/menu/mnu_infomazioni_difesa_editoria.json'; 1000 try { 1001 var _elem = ''; 1002 var _msg = ''; 1003 $.getJSON(_jsonfilename) 1004 .done(function (response, status, xhr) { 1005 if (status == "error") { 1006 _msg = "Si è verificato un problema in getinformazionidifesa(): " + xhr.status + " " + xhr.statusText; 1007 console.error(_msg); 1008 alert(_msg); 1009 } else { 1010 console.log('dati caricati manifestazioni eventi'); 1011 _elem = '#divinformazionidifesa'; 1012 var _firstelement = response[0]; 1013 var _data2 = response.slice(1); 1014 var _data = {"data" : _firstelement}; 1015 var _tmplname = '#informazionidifesatmpl'; 1016 var _tmpl = $.templates(_tmplname); 1017 var _html = _tmpl.render(_data); 1018 $(_elem).html(_html); 1019 1020 _elem = '#divinformazionidifesa2'; 1021 _data = {"data" : _data2}; 1022 _tmplname = '#informazionidifesa2tmpl'; 1023 _tmpl = $.templates(_tmplname); 1024 _html = _tmpl.render(_data); 1025 $(_elem).html(_html); 1026 } 1027 }) 1028 .fail(function (jqxhr, textStatus, error) { 1029 _msg = "Si è verificato un problema in informazioniapprofondimenti(): " 1030 + jqxhr.status + " " 1031 + jqxhr.statusText; 1032 console.error(_msg); 1033 alert(_msg); 1034 }) 1035 ; 1036 } 1037 catch (e) { 1038 alert(e.message); 1039 } 1040 } 1041 </script>
1041 1042 <style> 1043 .layoutInformazioniApprofondimenti { 1044 margin-bottom: 1px; 1045 } 1046 1047 @media (max-width: 600px) { 1048 .layoutInformazioniApprofondimenti { 1049 margin: auto; 1050 margin-top: 125px; 1051 width: 51%; 1052 } 1053 } 1054 1055 </style> --> 1056 1057 1058 <div class="row" style="max-width: 1200px !important;width: 100%;"> 1059 <div class="col-xl-12 col-lg-12 col-sm-12 col-md-12 col-xs-12 noPaddingLeftRight"> 1060 1061 <div style="bottom: 200px;width: 100%;height: 300px;background: url('/assets/img/wall.2025.03.03.13.45.21.066.2026.02.12.14.52.42.206.jpeg') center/cover no-repeat; border-radius: 8px;"> 1062 <div style="top: 0;left: 0;width: 100%;height: 100%;background: #00264db8; border-radius: 8px;"></div> 1063 </div> 1064 1065 <h3 class="textTitleSocialWall" style="margin-top: -270px!important;margin-left: 20px!important;font-size: 1.777rem!important;color: #fff;">Social Wall</h3> 1066 1067 1068 <div class="it-carousel-wrapper it-carousel-landscape-abstract-three-cols splide col-12 noPaddingLeft pb-5" 1069 data-bs-carousel-splide style="padding-bottom: 0px !important;"> 1070 <div class="splide__track noPaddingMobile"> 1071 <ul class="splide__list" style="height: auto; padding-bottom: 20px !important;"> 1072 <li class="splide__slide"> 1073 <!-- WEB TV TRASFORMATA IN YOUTUBE --> 1074 <div class="it-single-slide-wrapper webtv_cookie textAlignCenter"> 1075 1076 </div> 1077 </li> 1078 <li class="splide__slide"> 1079 <div class="it-single-slide-wrapper facebook_cookie textAlignCenter"> 1080 </div> 1081 </li> 1082 <li class="splide__slide"> 1083 <div class="it-single-slide-wrapper twitter_cookie" style="display: flex; justify-content: space-around;"> 1084 1085 </div> 1086 </li> 1087 </ul> 1088 </div> 1089 </div> 1090 </div> 1091 <!-- <h3 class="textTitleSocialWall" style="margin-top: 0px!important; margin-left: 0px!important;font-size: 1.777rem!important;color: #0063c6;"><a href="/foto-del-giorno/index.html" title="Vetrina foto del giorno">Vetrina</a></h3> --> 1092 <!-- FOTO DEL GIORNO --> 1093 <!-- <div class="card-space paddingBottom0"> 1094 <div id="divfotodelgiorno"></div> 1095 </div> --> 1096 <!-- COMUNCIATI STAMPA --> 1097 <!-- <div class="card-wrapper card-space paddingBottom0" style="width:calc(100% + 0px);height:72%;"> 1098 <div class="card-body" style="padding: 1rem 1rem 0 1rem !important; background-color: #e9effb; height: 72%;border-radius: 0 0 8px 0;"> 1099 <h3 class="textBannerOnImgWebTV" style="padding-bottom:.5rem">Comunicati Stampa</h3> 1100 <div id="comunicati-mdd"></div> 1101 <a class="read-more" href="/il-ministro/comunicati/elenco/index.html"> 1102 <span class="text">Leggi tutti i comunicati</span> 1103 <svg class="icon icon-blu icon-xs icon25"> 1104 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right"></use> 1105 </svg> 1106 </a> 1107 </div> 1108 </div> --> 1109 1110 1111 1112 1113 1114
1114<script type="text/x-jsrender" id="videotmpl"> 1115 [%for data%] 1116 [%if src%] 1117 <div class="row marginTop35"> 1118 <div class="col-12 text-center ratio ratio-16x9 mx-auto width65 width100Mobile"> 1119 <iframe src="[%:src%]&controls=1&autoplay=1&mute=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen> 1120 </iframe> 1121 </div> 1122 </div> 1123 [%/if%] 1124 [%/for%] 1125 </script>
1125 1126 1127
1127<script type="text/x-jsrender" id="fotodelgiornotmpl"> 1128 [%for data%] 1129 <div class="card card-img no-after" style="background-color:transparent"> 1130 <div class="img-responsive-wrapper styleBackgrountUnderImg"> 1131 <div class="img-responsive"> 1132 <div class="img-wrapper"><img src="[%:src%]" title="[%:titolo%]" alt="[%:alt%]"></div> 1133 </div> 1134 </div> 1135 </div> 1136 <div class=" paddingTextWebTv"> 1137 <h3 class="card-title textTitleCardWebTv lunghezzaCaratteri1Col"> 1138 <a href="[%:url%]" title="[%:titolo%]" style="color: #0063c6;">[%:titolo%]</a> 1139 </h3> 1140 </div> 1141 [%/for%] 1142 </script>
1142 1143 1144 <style> 1145 #cookieButton { 1146 width: auto; 1147 } 1148 1149 #tornaSuBtn { 1150 width: auto; 1151 } 1152 </style> 1153 1154
1154<script> 1155 function hideCookieBanner() { 1156 var cookieBanner = document.querySelector('.cookie-banner'); 1157 if (cookieBanner) { 1158 cookieBanner.style.display = 'none'; 1159 } 1160 } 1161 1162 var acceptCookiesButton = document.querySelector('.accept-cookies'); 1163 if (acceptCookiesButton) { 1164 acceptCookiesButton.addEventListener('click', function () { 1165 hideCookieBanner(); 1166 1167 localStorage.setItem('cookiesAccepted', 'true'); 1168 }); 1169 } 1170 1171 var cookiesAccepted = localStorage.getItem('cookiesAccepted'); 1172 if (cookiesAccepted === 'true') { 1173 hideCookieBanner(); 1174 } 1175 1176 function getfotodelgiorno() { 1177 var _jsonfilename = '/data/mdd/hp/foto_del_giorno.json'; 1178 try { 1179 var _elem = ''; 1180 var _msg = ''; 1181 $.getJSON(_jsonfilename) 1182 .done(function (response, status, xhr) { 1183 if (status == "error") { 1184 _msg = "Si è verificato un problema in getfotodelgiorno(): " + xhr.status + " " + xhr.statusText; 1185 console.error(_msg); 1186 // alert(_msg); 1187 } else { 1188 console.log('dati di notizie caricati'); 1189 _elem = '#divfotodelgiorno'; 1190 var _data = { "data": response }; 1191 var _tmplname = '#fotodelgiornotmpl'; 1192 var _tmpl = $.templates(_tmplname); 1193 var _html = _tmpl.render(_data); 1194 $(_elem).html(_html); 1195 } 1196 1197 }) 1198 .fail(function (jqxhr, textStatus, error) { 1199 _msg = "Si è verificato un problema in getfotodelgiorno(): " 1200 + jqxhr.status + " " 1201 + jqxhr.statusText; 1202 console.error(_msg); 1203 // alert(_msg); 1204 }) 1205 ; 1206 } 1207 catch (e) { 1208 // alert(e.message); 1209 } 1210 } 1211 </script>
1211 1212 1213 <div class="row padding50 layoutGalleriaHP" style="justify-content: center;padding-left: 0px !important;padding-right: 0px !important;"> 1214 <div id="divgalleriamultimediale0"></div> 1215 <div class="col-xl-12 col-lg-12 col-sm-12 col-md-12 col-xs-12" id="divgalleriamultimediale1"> 1216 </div> 1217 1218 <!-- FOTO GALLERIE --> 1219 <!-- <div class="col-xl-4 col-lg-4 col-sm-12 col-md-12 col-xs-12" id="divgalleriamultimediale2"> 1220 </div> --> 1221 <a class="read-more justifyContentCenter textButtonVaiAllaGalleria" href="/galleria-multimediale/30311.html"> 1222 <svg class="icon icon-white"> 1223 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right"></use> 1224 </svg> 1225 <span class="text fontSize14">Gallery</span> 1226 </a> 1227 </div> 1228 1229 1230
1230<script type="text/x-jsrender" id="galleriamultimediale0tmpl"> 1231 [%for data%] 1232 <h3 class="textFontSize28">[%:titolo%]</h3> 1233 <p class="textfontSize16" style="color:#17324D;"> 1234 [%:sottotitolo%] 1235 </p> 1236 [%/for%] 1237 </script>
1237 1238 1239
1239<script type="text/x-jsrender" id="galleriamultimediale1tmpl"> 1240 [%for data%] 1241 <a href="[%:url%]"> 1242 <div class="containerImageGalleria marginTopBottom10"> 1243 <img class="imageGalleriaHp" 1244 src="[%:imgsrc%]" 1245 title="[%:imgalt%]" alt="[%:imgalt%]"/> 1246 <div class="overlayTextImageGalleria"> 1247 <div class="textDateImageGalleria">[%:titolo%]</div> 1248 <div class="textImageGalleria">[%:sottotitolo%]</div> 1249 </div> 1250 </div> 1251 </a> 1252 [%/for%] 1253 </script>
1253 1254 1255
1255<script type="text/javascript"> 1256 function getgalleriamultimediale(){ 1257 var _jsonfilename = '/data/menu/mnu_difesa_galleria.json'; 1258 try { 1259 var _elem = ''; 1260 var _msg = ''; 1261 $.getJSON(_jsonfilename) 1262 .done(function (response, status, xhr) { 1263 if (status == "error") { 1264 _msg = "Si è verificato un problema in getgalleriamultimediale(): " + xhr.status + " " + xhr.statusText; 1265 console.error(_msg); 1266 alert(_msg); 1267 } else { 1268 console.log('dati di getgalleriamultimediale caricati'); 1269 _elem = '#divgalleriamultimediale0'; 1270 1271 var _data = {"data" : response[0]}; 1272 var _tmplname = '#galleriamultimediale0tmpl'; 1273 var _tmpl = $.templates(_tmplname); 1274 var _html = _tmpl.render(_data); 1275 $(_elem).html(_html); 1276 1277 _elem = '#divgalleriamultimediale1'; 1278 _data = {"data" : response[1]}; 1279 _tmplname = '#galleriamultimediale1tmpl'; 1280 _tmpl = $.templates(_tmplname); 1281 _html = _tmpl.render(_data); 1282 $(_elem).html(_html); 1283 1284 response = response.slice(2,4); 1285 _elem = '#divgalleriamultimediale2'; 1286 _data = {"data" : response}; 1287 _tmplname = '#galleriamultimediale1tmpl'; 1288 _tmpl = $.templates(_tmplname); 1289 _html = _tmpl.render(_data); 1290 $(_elem).html(_html); 1291 1292 //_elem = '#divgalleriamultimediale3'; 1293 //_data = {"data" : response[3]}; 1294 //_tmplname = '#galleriamultimediale3tmpl'; 1295 //_tmpl = $.templates(_tmplname); 1296 //_html = _tmpl.render(_data); 1297 //$(_elem).html(_html); 1298 1299 } 1300 }) 1301 .fail(function (jqxhr, textStatus, error) { 1302 _msg = "Si è verificato un problema in getgalleriamultimediale(): " 1303 + jqxhr.status + " " 1304 + jqxhr.statusText; 1305 console.error(_msg); 1306 alert(_msg); 1307 }) 1308 ; 1309 } 1310 catch (e) { 1311 alert(e.message); 1312 } 1313 } 1314 </script>
1314 1315 <style> 1316 .layoutGalleriaHP { 1317 margin-bottom: 1px; 1318 } 1319 1320 @media (max-width: 600px) { 1321 .layoutGalleriaHP { 1322 margin: auto; 1323 width: 95%; 1324 } 1325 } 1326 1327 </style> 1328 1329 1330 1331
1331<script> 1332 $(document).ready(function () { 1333 $.when(getvideo()) 1334 .then(getnotiziaprimopiano()) 1335 //.then(getcomunicatihp()) 1336 .then(getnotiziecarousel()) 1337 .then(getleforzearmate()) 1338 // .then(getinformazionidifesa()) 1339 //.then(getfotodelgiorno()) 1340 //.then(geteditoria_pubblicistica()) 1341 //.then(getapprofondimentimondodifesa()) 1342 .then(getgalleriamultimediale()) 1343 //.then(getfootermenu()) 1344 ; 1345 1346 if(gleftmenu != null && gleftmenu != undefined) 1347 { 1348 var element = document.getElementById("activeMenuHome"); 1349 element.classList.add("activeMenu"); 1350 } 1351 }); 1352 </script>
1352 1353 <style> 1354 .layoutHomePageCenter{ 1355 display: flex !important; 1356 flex-direction: column !important; 1357 align-items: center !important; 1358 } 1359 </style> 1360 1361 </div> 1362 <!-- Il bottone "Torna su" --> 1363 <button title="Go up" id="tornaSuBtn" onclick="tornaSu()"> 1364 <svg class="icon icon-white icon-xs icon25 noMarginLeft"> 1365 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-arrow-up"></use> 1366 </svg> 1367 </button> 1368 1369 <style> 1370 #tornaSuBtn { 1371 display: none; 1372 position: fixed; 1373 bottom: 65px; 1374 right: 20px; 1375 z-index: 1000; 1376 background-color: #0059B3; 1377 color: #fff; 1378 border: solid 2px #fff; 1379 border-radius: 10px; 1380 padding: 10px 15px; 1381 cursor: pointer; 1382 font-size: 16px; 1383 } 1384 1385 #tornaSuBtn:hover { 1386 background-color: #0059B3; 1387 } 1388 1389 </style> 1390 1391
1391<script> 1392 // Funzione per scrollare verso l'alto della pagina 1393 function tornaSu() { 1394 window.scrollTo({ 1395 top: 0, 1396 behavior: 'smooth' // Scorrimento animato 1397 }); 1398 } 1399 1400 // Mostra o nasconde il bottone in base alla posizione dello schermo 1401 window.addEventListener('scroll', function() { 1402 var tornaSuBtn = document.getElementById('tornaSuBtn'); 1403 1404 if (window.scrollY > 300) { 1405 tornaSuBtn.style.display = 'block'; 1406 } else { 1407 tornaSuBtn.style.display = 'none'; 1408 } 1409 }); 1410 1411 </script>
1411 1412 </div> 1413 <!-- Bottone per aprire il banner dei cookie --> 1414 <button id="cookieButton" class="gdprcookie-button-set" type="button">Imposta cookie</button> 1415 </div> 1416 <div class="row styleFooterBottom"> 1417 <div class="col-12"> 1418 <img class="" src="/assets/img/logo_ministero_difesa.png" height="50" alt="Ministero Difesa Logo"> 1419 </div> 1420 <div class="col-xl-3 col-lg-3 col-sm-6 col-md-6 col-xs-6 marginTop30"> 1421 <p class="textStyleFooterBottomTitle">PLACE</p> 1422 <p class="textStyleFooterBottomSubtitle"> 1423 Palazzo Baracchini<br> 1424 Via XX Settembre 8,<br> 1425 00187 Roma 1426 </p> 1427 </div> 1428 <div class="col-xl-3 col-lg-3 col-sm-6 col-md-6 col-xs-6 marginTop30"> 1429 <p class="textStyleFooterBottomTitle">CONTACTS</p> 1430 <!-- <a class="textStyleFooterBottomSubtitle" href="tel:06469150000"> 1431 Tel.(+39) 06.469150000 1432 </a><br> --> 1433 <a class="textStyleFooterBottomSubt
1433itle" href="/eng/info/mediaen/30693.html"> 1434 Contacts 1435 </a><br> 1436 1437 <a class="textStyleFooterBottomSubtitle" href="/eng/urp/index/30711.html"> 1438 URP - Public Relations Office 1439 </a> 1440 </div> 1441 <div class="col-xl-3 col-lg-3 col-sm-6 col-md-6 col-xs-6 marginTop30"> 1442 <p class="textStyleFooterBottomTitle">FOLLOW US</p> 1443 <p class="textStyleFooterBottomSubtitle"> 1444 Follow us on our social channels to always be informed 1445 </p> 1446 <p class="displayFlex"> 1447 <a class="backgroundSocialIconFooter" title="X" target="_blank" href="https://twitter.com/MinisteroDifesa" aria-label="X"> 1448 <img alt="Logo X" src="/assets/img/icon_x_grey.png" height="20"> 1449 </a> 1450 <a class="backgroundSocialIconFooter" title="Facebook" href="https://www.facebook.com/ministerodifesa/" aria-label="Facebook" target="_blank"> 1451 <svg class="icon icon-grey icon-xs icon25 noMarginLeft"> 1452 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-facebook"></use> 1453 </svg> 1454 </a> 1455 <a class="backgroundSocialIconFooter" title="YouTube" href="https://www.youtube.com/@ministerodifesa" aria-label="YouTube" target="_blank"> 1456 <svg class="icon icon-grey icon-xs icon25 noMarginLeft"> 1457 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-youtube"></use> 1458 </svg> 1459 </a> 1460 <a class="backgroundSocialIconFooter" title="Threads" target="_blank" href="https://www.threads.net/@ministerodifesa_official" aria-label="Threads"> 1461 <img alt="Logo Threads" src="/assets/img/icon_threads_grey.png" height="20"> 1462 </a> 1463 <a class="backgroundSocialIconFooter" title="LinkedIn" href="https://www.linkedin.com/company/ministerodifesa/" aria-label="LinkedIn" target="_blank"> 1464 <svg class="icon icon-grey icon-xs icon25 noMarginLeft"> 1465 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-linkedin"></use> 1466 </svg> 1467 </a> 1468 <a class="backgroundSocialIconFooter" target="_blank" title="Instagram" href="https://www.instagram.com/ministerodifesa_official/ aria-label=" aria-label="Instagram" target="_blank"> 1469 <svg class="icon icon-grey icon-xs icon25 noMarginLeft"> 1470 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-instagram"></use> 1471 </svg> 1472 </a> 1473 </p> 1474 </div> 1475 <div class="col-xl-3 col-lg-3 col-sm-6 col-md-6 col-xs-6 marginTop30"> 1476 <p class="textStyleFooterBottomTitle">TRANSPARENT ADMINISTRATION</p> 1477 <a href="/amministrazione-trasparente/amministrazionetrasparente/3707.html" class="textStyleFooterBottomSubt
1477itle">Transparent Administration</a> 1478 </div> 1479 </div> 1480 <!--<div class="row styleFooterBottomOfBottom"> 1481 <div class="col-12"> 1482 1483 </div> 1484 </div>--> 1485 <div class="row styleFooterBottomOfBottom"> 1486 <div class="col-12" id="divfootermenumdd"> 1487 </div> 1488 </div> 1489 1490
1490<script type="text/x-jsrender" id="footermenumddtmpl"> 1491 [%for data %] 1492 <a href="[%:url%]" class="texkLinkFooterBottom marginLeft30">[%:titolo%]</a> 1493 [%/for%] 1494 </script>
1494 1495 1496
1496<script> 1497 function getfootermenu(){ 1498 var _jsonfilename = '/data/menu/mnu_difesa_footer.json'; 1499 try { 1500 var _elem = ''; 1501 var _msg = ''; 1502 $.getJSON(_jsonfilename) 1503 .done(function (response, status, xhr) { 1504 1505 if (status == "error") { 1506 _msg = "Si è verificato un problema in getfootermenu(): " + xhr.status + " " + xhr.statusText; 1507 console.error(_msg); 1508 alert(_msg); 1509 } else { 1510 1511 _elem = '#divfootermenumdd'; 1512 if(response.length>1) 1513 response = response.slice(1); 1514 1515 var _data = { "data": response }; 1516 var _tmplname = '#footermenumddtmpl'; 1517 var _tmpl = $.templates(_tmplname); 1518 var _html = _tmpl.render(_data); 1519 $(_elem).html(_html); 1520 1521 console.log('dati di getfootermenu caricati'); 1522 } 1523 1524 }) 1525 .fail(function (jqxhr, textStatus, error) { 1526 _msg = "Si è verificato un problema in getfootermenu(): " 1527 + jqxhr.status + " " 1528 + jqxhr.statusText; 1529 console.error(_msg); 1530 alert(_msg); 1531 }) 1532 ; 1533 } 1534 catch (e) { 1535 alert(e.message); 1536 } 1537 } 1538 </script>
1538 1539 1540 <!-- Banner dei cookie --> 1541 <div id="cookieBanner" style="display: none;"> 1542 <!-- GDPR COOKIE --> 1543 1544
1544<script> 1545 $(document).ready(function () { 1546 $(".wrap").append("<div class='gdprcookie-buttons-foo'><a href='javascript:$.gdprcookie.display()'><button type='button'>Set cookies</button></a></div>"); 1547 1548 $.gdprcookie.init({ 1549 title: "Accept cookies and privacy policy?", 1550 message: "This site uses technical and analytical cookies, including third-party cookies, to improve the services offered. For further information, read the <a href='/privacy-policy/29308.html' style='text-decoration: underline;'>cookie policy</a>. By clicking on 'I accept' you authorize the use of cookies. To set personalized cookies click on 'Set cookies'. If you do not accept cookies relating to the services listed here, the contents relating to them will be blocked. To activate them again, you will need to change your cookie preference.", 1551 delay: 600, 1552 expires: 1, 1553 acceptBtnLabel: "I accept everything", 1554 }); 1555 1556 $(document.body) 1557 .on("gdpr:show", function () { 1558 console.log("Cookie dialog is shown"); 1559 }) 1560 .on("gdpr:accept", function () { 1561 var preferences = $.gdprcookie.preference(); 1562 console.log("Preferences saved:", preferences); 1563 }) 1564 .on("gdpr:advanced", function () { 1565 console.log("Advanced button was pressed"); 1566 }) 1567 .on("gdpr:decline", function () { 1568 console.log("Decline button was pressed"); 1569 }); 1570 }); 1571 </script>
1571 1572 <!-- GDPR COOKIE --> 1573 1574 </div> 1575 1576 <div class="footer"> 1577 <div class="it-footer-small-prints clearfix"> 1578 <div class="container"> 1579 <div class="row justify-content-center align-items-center"> 1580 1581 <div class="col-sm-2 order-md-1 order-2 mt-3 mt-md-0 text-center"> 1582 <img src="/assets/img/nextgeneu_en.png" style="height:50px;" alt="logo Unione Europea" /> 1583 1584 </div> 1585 1586 1587 <div class="col-sm-8 order-1 order-md-2 text-center my-3"> 1588 1589 <!-- <a class=" navbar-brand white no-hover me-3" href="#"> 1590 <img src="/assets/img/logo_ministero_difesa.png" height="40" alt="Ministero della Difesa" /> 1591 </a> 1592 <span class="m-0 text-versione text-white textfontSize16"><span class="textBold">MINISTERO DELLA DIFESA</span> - versione 1.0 (dev)</span> --> 1593 1594 <div class="col-12 text-center mt-4 mt-md-0"> 1595 <p class="m-0 text-versione text-white textfontSize16"> 1596 Created with funds from the <strong>National Resilience Recovery Plan 1597 (PNRR) 1598 </strong> 1599 </p> 1600 <p class="m-0 text-versione text-white textfontSize16"> 1601 <strong> 1602 PNRR measure: M1C1 Investimento 1.1 "Infrastrutture Digitali" (CUP D81C23001300006) 1603 </strong> 1604 </p> 1605 </div> 1606 </div> 1607 1608 <div class="col-sm-2 order-3 mt-4 mt-md-0 text-center"> 1609 <img src="/assets/img/logo_ministero_difesa_bianco.png" style="height:40px;" 1610 alt="logo Ministero della difesa" /> 1611 </div> 1612 1613 </div> 1614 </div> 1615 </div>
1616 </div> 1617 1618 <style> 1619 body { 1620 display: flex; 1621 flex-direction: column; 1622 min-height: 100vh; 1623 margin: 0; 1624 } 1625 #wrapper { 1626 flex: 1; 1627 } 1628 #cookieButton { 1629 position: fixed; 1630 bottom: 0px; 1631 right: 10px; 1632 z-index: 999999999999; 1633 } 1634 </style> 1635
1635<script> 1636 var groot = 'https://www.difesa.it'; 1637 var glanguage = 'ENG'; 1638 1639 var gleftmenu = null; 1640 $(document).ready(function() { 1641 $.views.settings.delimiters("[%", "%]"); 1642 $.views.settings.debugMode(true); 1643 // Mostra il banner dei cookie quando il bottone viene cliccato 1644 $('#cookieButton').click(function () { 1645 $.gdprcookie.display(); 1646 }); 1647 1648 getmenuleftdata(); 1649 getfootermenu(); 1650 1651 // Inizializza il banner dei cookie 1652 $.gdprcookie.init({ 1653 title: "Accetti cookies e privacy policy?", 1654 message: "Questo sito utilizza cookie tecnici e analitici, anche di terze parti, per migliorare i servizi offerti. Per approfondire leggi la <a href='/privacy-policy/29308.html' style='text-decoration: underline;'>cookie policy</a>. Cliccando su 'Accetto' autorizzerai l'utilizzo dei cookie. Per poter impostare i cookie personalizzati clicca su 'Imposta cookies'. Qualora non dovessi accettare i cookie relativi ai servizi qui elencati, i contenuti ad essi relativi verranno bloccati. Per attivarli nuovamente, occorrerà modificare la preferenza dei cookie.", 1655 delay: 600, 1656 expires: 1, 1657 acceptBtnLabel: "Accetto tutto" 1658 }); 1659 1660 }); 1661 1662 function getCurrentTimestamp() { 1663 var _retvalue = ''; 1664 try{ 1665 const date = new Date; 1666 _retvalue = ''+date.getFullYear(); 1667 _retvalue += ''+date.getMonth(); 1668 _retvalue += ''+date.getDate(); 1669 _retvalue += ''+date.getHours(); 1670 _retvalue += ''+date.getMinutes(); 1671 _retvalue += ''+date.getSeconds(); 1672 }catch(e){ 1673 } 1674 return _retvalue; 1675 } 1676 </script>
1676 1677 <!-- Matomo --> 1678
1678<script> 1679 var _paq = window._paq = window._paq || []; 1680 /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ 1681 _paq.push(['trackPageView']); 1682 _paq.push(['enableLinkTracking']); 1683 (function () { 1684 var u = "//analytics.difesa.it/"; 1685 _paq.push(['setTrackerUrl', u + 'analytics.php']); 1686 _paq.push(['setSiteId', '7']); 1687 var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; 1688 //g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); 1689 g.type = "text/javascript"; g.async = true; g.defer = true; g.src = u + "analytics.php"; s.parentNode.insertBefore(g, s); 1690 })(); 1691 </script>
1691 1692 <!-- End Matomo Code --> 1693<a href="/ciccio.aspx"> </a></body> 1694</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.