1<!DOCTYPE html> 2<html lang="fr"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Connexion - Seneweb</title> 7 <link rel="stylesheet" href="/v9/css/style.css"> 8 <link rel="stylesheet" href="/v9/css/responsive.css"> 9 <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 10</head> 11<body> 12 <div class="auth-page"> 13 <div class="auth-container"> 14 <div class="auth-header"> 15 <picture> 16 <source srcset="/v9/img/header/seneweb-logo.webp" type="image/webp"> 17 <img src="/v9/img/header/seneweb-logo.png" alt="Seneweb Logo" class="auth-logo"> 18 </picture> 19 </div> 20 21 <div wire:snapshot="{"data":{"email":"","password":"","remember":false},"memo":{"id":"w846MVgiqKJ2dDkVz2Id","name":"website.login-form","path":"auth\/login","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr"},"checksum":"73bd10763130e20104b8bae3d281936a791e4dc2c9f0c5035dfd3d55f9067ef5"}" wire:effects="[]" wire:id="w846MVgiqKJ2dDkVz2Id" class="auth-form"> 22 <style> 23.auth-form { 24 max-width: 400px; 25 margin: 0 auto; 26 padding: 2rem; 27 background: white; 28 border-radius: 10px; 29 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 30} 31 32.auth-form__header { 33 text-align: center; 34 margin-bottom: 2rem; 35} 36 37.auth-form__header h2 { 38 color: #333; 39 margin-bottom: 0.5rem; 40} 41 42.auth-form__header p { 43 color: #666; 44 font-size: 0.9rem; 45} 46 47.form-group { 48 margin-bottom: 1.5rem; 49} 50 51.form-group label { 52 display: block; 53 margin-bottom: 0.5rem; 54 color: #333; 55 font-weight: 500; 56} 57 58.form-input { 59 width: 100%; 60 padding: 0.75rem; 61 border: 1px solid #ddd; 62 border-radius: 5px; 63 font-size: 1rem; 64 transition: border-color 0.3s; 65} 66 67.form-input:focus { 68 outline: none; 69 border-color: #007bff; 70} 71 72.form-input.error { 73 border-color: #dc3545; 74} 75 76.error-message { 77 color: #dc3545; 78 font-size: 0.875rem; 79 margin-top: 0.25rem; 80 display: block; 81} 82 83.form-check { 84 display: flex; 85 align-items: center; 86 gap: 0.5rem; 87} 88 89.form-checkbox { 90 width: auto; 91} 92 93.checkbox-label { 94 margin: 0; 95 cursor: pointer; 96} 97 98.btn { 99 width: 100%; 100 padding: 0.75rem; 101 border: none; 102 border-radius: 5px; 103 font-size: 1rem; 104 font-weight: 500; 105 cursor: pointer; 106 transition: background-color 0.3s; 107 text-decoration: none; 108 display: inline-block; 109 text-align: center; 110} 111 112.btn-primary { 113 background-color: #007bff; 114 color: white; 115} 116 117.btn-primary:hover { 118 background-color: #0056b3; 119} 120 121.btn-primary:disabled { 122 background-color: #6c757d;
123 cursor: not-allowed; 124} 125 126.btn-google { 127 background-color: #fff; 128 color: #3c4043; 129 border: 1px solid #dadce0; 130 font-weight: 500; 131 display: flex; 132 align-items: center; 133 justify-content: center; 134 gap: 0.6rem; 135} 136 137.btn-google:hover { 138 background-color: #f8f9fa; 139 border-color: #c6c9ce; 140} 141 142.auth-divider { 143 text-align: center; 144 margin: 1.5rem 0; 145 position: relative; 146} 147 148.auth-divider::before { 149 content: ''; 150 position: absolute; 151 top: 50%; 152 left: 0; 153 right: 0; 154 height: 1px; 155 background-color: #ddd; 156} 157 158.auth-divider span { 159 background: white; 160 padding: 0 1rem; 161 color: #666; 162 font-size: 0.9rem; 163} 164 165.auth-links { 166 text-align: center; 167 margin-top: 1.5rem; 168 display: flex; 169 flex-direction: column; 170 gap: 0.5rem; 171} 172 173.link-hover { 174 color: #007bff; 175 text-decoration: none; 176 font-size: 0.9rem; 177} 178 179.link-hover:hover { 180 text-decoration: underline; 181} 182 </style> 183 184 <div class="auth-form__header"> 185 <h2>Se connecter</h2> 186 <p>Connectez-vous à votre compte pour accéder à toutes les fonctionnalités</p> 187 </div> 188 189 <form wire:submit.prevent="login" class="auth-form__form"> 190 <div class="form-group"> 191 <label for="email">Adresse e-mail</label> 192 <input 193 type="email" 194 id="email" 195 wire:model="email" 196 class="form-input " 197 placeholder="Entrez votre adresse e-mail" 198 required 199 > 200 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 201 202 <div class="form-group"> 203 <label for="password">Mot de passe</label> 204 <input 205 type="password" 206 id="password" 207 wire:model="password" 208 class="form-input " 209 placeholder="Entrez votre mot de passe" 210 required 211 > 212 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 213 214 <div class="form-group form-check"> 215 <input 216 type="checkbox" 217 id="remember" 218 wire:model="remember" 219 class="form-checkbox" 220 > 221 <label for="remember" class="checkbox-label"> 222 Se souvenir de moi 223 </label> 224 </div> 225 226 <button type="submit" class="btn btn-primary" wire:loading.attr="disabled"> 227 <span wire:loading.remove>Se connecter</span> 228 <span wire:loading>Connexion en cours...</span> 229 </button> 230 231 <div class="auth-divider"> 232 <span>ou</span> 233 </div> 234 235 <a href="https://seneweb.com/auth/google?redirect=%2F" class="btn btn-google"> 236 <svg width="18" height="18" viewBox="0 0 48 48" aria-hidden="true"><path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/><path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/><path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/><path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/></svg> 237 Se connecter avec Google 238 </a> 239 240 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 241 <div class="auth-links"> 242 <a href="https://seneweb.com/auth/register" class="link-hover"> 243 Pas encore de compte ? S'inscrire 244 </a> 245 <a href="https://seneweb.com/password/forgot" class="link-hover"> 246 Mot de passe oublié ? 247 </a> 248 </div> 249 </form> 250</div> <p style="text-align:center; margin-top:14px; font-size:13.5px;"> 251 Problème de connexion ? <a href="/contact" style="color:#1976d2;">Contact & aide</a> 252 </p> 253 </div> 254 </div> 255 256
256<script src="https://seneweb.com/vendor/livewire/livewire.min.js?id=e949cd11" data-csrf="Zxk5cebrLFFyYigrr6jICpuuCH7EINVGIGEKTVjI" data-update-uri="/livewire/update" data-navigate-once="true"></script>
256 257 258 <style> 259 .auth-page { 260 min-height: 100vh; 261 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 262 display: flex; 263 align-items: center; 264 justify-content: center; 265 padding: 2rem; 266 } 267 268 .auth-container { 269 width: 100%; 270 max-width: 450px; 271 } 272 273 .auth-header { 274 text-align: center; 275 margin-bottom: 2rem; 276 } 277 278 .auth-logo { 279 height: 60px; 280 width: auto; 281 } 282 </style> 283</body> 284</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.