1<!DOCTYPE html> 2<html> 3 <head> 4 <title>Bells</title> 5 <meta name="viewport" content="width=device-width,initial-scale=1"> 6 <meta name="csrf-param" content="authenticity_token" /> 7<meta name="csrf-token" content="fJsL0Lm1RRF3BtSUIPFTu0IF0AnSZilO4i-8jBG03C536tIJ3Yemqxj9iyTpwDfkt5aSCxbCBz0PQP5H8q8D1A" /> 8 9 <link rel="stylesheet" href="/assets/tailwind-51a874439db0731b65900f58cbf3402df86451b9a4453c06034908340eb9dfc4.css" data-turbo-track="reload" /> 10<link rel="stylesheet" href="/assets/inter-font-8c3e82affb176f4bca9616b838d906343d1251adc8408efe02cf2b1e4fcf2bc4.css" data-turbo-track="reload" /> 11 <link rel="stylesheet" href="/assets/application-2512315437be28fc2cec53c8c4110933f6ffec970975db5b6955632130001628.css" data-turbo-track="reload" /> 12 <link rel="stylesheet" href="/assets/tailwind-51a874439db0731b65900f58cbf3402df86451b9a4453c06034908340eb9dfc4.css" data-turbo-track="reload" /> 13<link rel="stylesheet" href="/assets/inter-font-8c3e82affb176f4bca9616b838d906343d1251adc8408efe02cf2b1e4fcf2bc4.css" data-turbo-track="reload" /> 14 <link rel="stylesheet" href="/assets/actiontext-0f26d9335f21d5b80cb35297a2388141483e7bc5aac26e1907109aba344ccfd0.css" data-turbo-track="reload" /> 15
15<script src="/assets/application-41cdc018f1411858e631218d44e733928ff8fbc6ee6072cc0ce726450eb3069b.js" data-turbo-track="reload" defer="defer"></script>
15 16 <link rel="icon" type="image/x-icon" href="/assets/favicon-3e5c535da03b7e671071f5f3444acfb961b4799305ec44021b2e8238eb038a43.ico" /> 17 18 <link href="https://vjs.zencdn.net/7.15.4/video-js.css" rel="stylesheet"> 19
19<script src="https://vjs.zencdn.net/7.15.4/video.js"></script>
19 20 21 <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" 22 integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA==" 23 crossorigin=""> 24 25 26 <!-- Includi la libreria Leaflet JavaScript --> 27
27<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.js"></script>
vendor: 1 bytes, line 27
27
28<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/leaflet-search.src.min.js"></script>
28 29 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-search/4.0.0/leaflet-search.min.css" integrity="sha512-+o26nsM883F01UlBWY09KgjDn7o1rgGFi1a+lX1zI7m0I2iIh4rckpQSKVnukvn8DKsb0A9hZHoUY7lBkvLdfA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 30 31 32<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 33 <!-- load Esri Leaflet because we want to use an Esri basemap --> 34
34<script src="https://unpkg.com/[email protected]/dist/esri-leaflet.js"></script>
34 35 <!-- Add additional js in static file --> 36
36<script src="https://dvr6inke7wite.cloudfront.net/staticfiles/js/CanvasFlowmapLayer.js"></script>
36 37 <!-- load animation tweening lib requirement for CanvasFlowMapLayer --> 38
38<script src="https://unpkg.com/@tweenjs/[email protected]/dist/tween.umd.js"></script>
38 39 40 <!-- Includi Leaflet.markercluster --> 41 <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/MarkerCluster.css" /> 42 <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/MarkerCluster.Default.css" /> 43
43<script src="https://unpkg.com/[email protected]/dist/leaflet.markercluster.js"></script>
43 44 45 </head> 46 47 <body> 48
48<script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js" defer></script>
48 49 50 <header class=" w-full" x-data="{ isOpen: false }"> 51 52 <nav class="fixed z-50 top-0 border-b-1 border-white w-full px-6 py-4 mx-auto md:flex md:justify-between md:items-center bg-gray-800 transparent-bg" id="navbar"> 53 <div class="flex items-center justify-between"> 54 <a href="https://bells.fly.dev/"><img style="width:98px;" src="/assets/logo-iccd-bianco-1be518a67d476d02041a92f0a9a818c4444a6df8a304da2653f3a199162b9c7b.png" /></a> 55 <!-- Mobile menu button --> 56 <div @click="isOpen = !isOpen" class="flex md:hidden"> 57 <button type="button" class="text-gray-200 hover:text-gray-400 focus:outline-none focus:text-gray-400" 58 aria-label="toggle menu"> 59 60 <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 fill-current" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 61 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7" /> 62 </svg> 63 </button> 64 </div> 65 </div> 66 67 <!-- Mobile Menu open: "block", Menu closed: "hidden" --> 68 <div :class="isOpen ? 'flex' : 'hidden'" 69 class="sign flex-col mt-2 space-y-4 md:flex md:space-y-0 md:flex-row md:items-center md:space-x-10 md:mt-0"> 70 71 <a class="py-2 text-sm font-medium text-gray-200 transition-colors duration-300 transform hover:text-indigo-400" href="/users/sign_in">Sign in</a> 72 73 <a class="py-2 text-sm font-medium text-gray-200 transition-colors duration-300 transform hover:text-indigo-400" href="#">About</a> 74 75 <a class="px-4 py-2 text-sm font-medium text-center text-gray-200 transition-colors duration-300 transform border rounded hover:bg-indigo-400" href="#">Get In Touch</a> 76 77 <div @click.away="open = false" class="relative" x-data="{ open: false }"> 78 <button @click="open = !open" class="flex flex-row items-center w-full py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:focus:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 "> 79 <span class="py-2 text-sm font-medium text-gray-200 transition-colors duration-300 transform"> 80 <!-- Sostituisci "Language" con l'elemento dell'icona Font Awesome --> 81 <i class="fas fa-globe"></i> 82 </span> 83 <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="text-gray-200 inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg> 84 </button> 85 86 <div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48"> 87 <div class="px-2 py-2 bg-white rounded-md shadow dark-mode:bg-gray-800"> 88 <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="/it">IT</a> 89 <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="/en">EN</a> 90 </div> 91 </div> 92 </div> 93 94 </div> 95 96 </nav> 97 98 </header> 99 100 101 <div id="notification-overlay" class="z-20 p-8 space-y-4 fixed top-20 inset-x-0"> 102 103 104 </div> 105 106 107 <div class="flex items-center justify-center w-full xl:p-12 lg:p-10 md:p-10 sm:p-10 xs:p-10"> 108 <div class="flex items-center sign"> 109 <form class="flex flex-col w-full h-full pb-6 text-center bg-white rounded-3xl" id="new_user" action="/users/sign_in" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3HIQK-zk87vIYzPUzmW1_FQe6SXtxbR_lcVYZpz2rruET4SxzGbHHCfDw9ExnUxKME_7kbfR3ch9X9h4FzBONQ" autocomplete="off" /> 110 111 <h3 class=" mb-3 text-4xl font-extrabold text-dark-grey-900 py-2"><br/>Sign In</h3> 112 <p class="mb-4 text-grey-700">Enter your email and password</p> 113 <a class="flex items-center justify-center w-full py-4 mb-6 text-sm font-medium transition duration-300 rounded-2xl text-grey-900 bg-grey-300 hover:bg-grey-400 focus:ring-4 focus:ring-grey-300"> 114 <img class="h-5 mr-2" src="https://raw.githubusercontent.com/Loopple/loopple-public-assets/main/motion-tailwind/img/logos/logo-google.png" alt=""> 115 Sign in with Google 116 </a> 117 <div class="flex items-center mb-3"> 118 <hr class="h-0 border-b border-solid border-grey-500 grow"> 119 <p class="mx-4 text-grey-600">or</p> 120 <hr class="h-0 border-b border-solid border-grey-500 grow"> 121 </div> 122 123 <label class="mb-2 text-sm text-start text-grey-900" for="user_email">Email*</label> 124 <input class="flex items-center w-full px-5 py-4 mr-2 text-sm font-medium outline-none focus:bg-grey-400 mb-7 placeholder:text-grey-700 bg-grey-200 text-dark-grey-900 rounded-2xl" placeholder="[email protected]" autofocus="autofocus" autocomplete="email" type="email" value="" name="user[email]" id="user_email" /> 125 <label class="mb-2 text-sm text-start text-grey-900" for="user_password">Password*</label> 126 <input class="flex items-center w-full px-5 py-4 mb-5 mr-2 text-sm font-medium outline-none focus:bg-grey-400 placeholder:text-grey-700 bg-grey-200 text-dark-grey-900 rounded-2xl" placeholder="Enter a password" autocomplete="new-password" type="password" name="user[password]" id="user_password" /> 127 128 129 130 <div class="flex flex-row justify-between mb-8"> 131 132 <label class="relative inline-flex items-center mr-3 cursor-pointer select-none"> 133 <input name="user[remember_me]" type="hidden" value="
1330" autocomplete="off" /><input class="sr-only peer" type="checkbox" value="1" checked="checked" name="user[remember_me]" id="user_remember_me" /> 134 135 <div 136 class="w-5 h-5 bg-white border-2 rounded-sm border-grey-500 peer peer-checked:border-0 peer-checked:bg-purple-blue-500"> 137 <img class="" src="https://raw.githubusercontent.com/Loopple/loopple-public-assets/main/motion-tailwind/img/icons/check.png" alt="tick"> 138 </div> 139 <span class="ml-3 text-sm font-normal text-grey-900">Keep me logged in</span> 140 </label> 141 142 <a href="javascript:void(0)" class="mr-4 text-sm font-medium text-purple-blue-500">Forget password?</a> 143 </div> 144 <button class="bg-slate-600 w-full px-6 py-3 mb-5 text-sm font-bold leading-none text-white transition duration-300 md:w-96 rounded-2xl hover:bg-purple-blue-600 focus:ring-4 focus:ring-purple-blue-100 bg-purple-blue-500">Sign In</button> 145 <p class="text-sm leading-relaxed text-grey-900">Not registered yet? 146 147 <a class="font-bold text-grey-700" href="/users/sign_up">Create an Account</a><br /> 148 </p> 149</form> </div> 150 </div> 151 152 153 154 </body> 155</html> 156 157<!-- Aggiungi questo script per gestire il clic sul pulsante delle notifiche -->
158<script> 159 var notificationScriptExecuted = false; 160 161 document.addEventListener("turbo:load", function() { 162 if (!notificationScriptExecuted) { 163 function closeNotification() { 164 var notificationOverlay = document.getElementById("notification-overlay"); 165 notificationOverlay.classList.add("hidden"); 166 } 167 168 var noticeButton = document.getElementById("notice-button"); 169 if (noticeButton) { 170 noticeButton.addEventListener("click", function() { 171 closeNotification(); 172 }); 173 } 174 175 var alertButton = document.getElementById("alert-button"); 176 if (alertButton) { 177 alertButton.addEventListener("click", function() { 178 closeNotification(); 179 }); 180 } 181 182 // Imposta la variabile di controllo su true dopo l'esecuzione 183 notificationScriptExecuted = true; 184 185 // Chiudi automaticamente la notifica dopo 10 secondi 186 setTimeout(function () { 187 closeNotification(); 188 }, 11000); 189 } 190 }); 191</script>
vendor: 1 bytes, line 191
191
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.