- ID de l'analyse :
- 4ec06483-6bac-4e0f-9e95-a99fe1bd7a48Terminée
- URL soumise :
- https://wahl-maschine.de/
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 47 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom | Type |
---|---|
0 | object |
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
htmx | object |
_$ | function |
_$$ | function |
$H | function |
$E | function |
proc_htmx | function |
Messages de journal de console : 0 trouvé(s)
Messages consignés dans la console web
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html><head>
<title>Wahl-Maschine</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<script src="https://unpkg.com/htmx.org@next/dist/htmx.min.js"></script><script src="https://cdn.jsdelivr.net/gh/answerdotai/[email protected]/fasthtml.js"></script><script src="https://cdn.jsdelivr.net/gh/answerdotai/surreal@main/surreal.js"></script><script src="https://cdn.jsdelivr.net/gh/gnat/css-scope-inline@main/script.js"></script> <title>Wahl-Maschine – Deine Wahlhilfe für fundierte Entscheidungen</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="Stelle Deine Fragen zu Parteiprogrammen und finde klare Antworten. Die Wahl-Maschine hilft Dir, fundierte Entscheidungen bei Wahlen zu treffen.">
<meta property="og:image" content="https://wahl-maschine.de/static/images/wahl-maschine.png">
<meta property="og:site_name" content="wahl-maschine.de">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:type" content="website">
<meta property="og:url" content="https://wahl-maschine.de">
<meta property="og:title" content="Wahl-Maschine">
<meta property="og:description" content="Wahl-Maschine">
<meta name="twitter:image" content="https://wahl-maschine.de/static/images/wahl-maschine.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Wahl-Maschine">
<meta name="twitter:description" content="Wahl-Maschine">
<meta name="twitter:site" content="@wahl-maschine">
<link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
<link rel="stylesheet" href="/static/styles/style.css" type="text/css">
<script type="text/javascript" src="/static/scripts/modals.js"></script><script type="text/javascript" src="/static/bootstrap/js/bootstrap.min.js"></script><script type="text/javascript" src="/static/scripts/htmx.min.js"></script> <link rel="alternate" type="application/ld+json" href="/static/structured-data.json">
<style>
.fh-toast-container {
position: fixed; top: 20px; left: 50%; transform: translateX(-50%); z-index: 1000;
display: flex; flex-direction: column; align-items: center; width: 100%;
pointer-events: none; opacity: 0; transition: opacity 0.3s ease-in-out;
}
.fh-toast {
background-color: #333; color: white;
padding: 12px 20px; border-radius: 4px; margin-bottom: 10px;
max-width: 80%; width: auto; text-align: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.fh-toast-info { background-color: #2196F3; }
.fh-toast-success { background-color: #4CAF50; }
.fh-toast-warning { background-color: #FF9800; }
.fh-toast-error { background-color: #F44336; }
</style>
<script type="module">
export function proc_htmx(sel, func) {
htmx.onLoad(elt => {
const elements = any(sel, elt, false);
if (elt.matches && elt.matches(sel)) elements.unshift(elt);
elements.forEach(func);
});
}
proc_htmx('.fh-toast-container', async function(toast) {
await sleep(100);
toast.style.opacity = '0.8';
await sleep(3000);
toast.style.opacity = '0';
await sleep(300);
toast.remove();
});
</script> <style> .htmx-indicator{opacity:0} .htmx-request .htmx-indicator{opacity:1; transition: opacity 200ms ease-in;} .htmx-request.htmx-indicator{opacity:1; transition: opacity 200ms ease-in;} </style><style> .htmx-indicator{opacity:0} .htmx-request .htmx-indicator{opacity:1; transition: opacity 200ms ease-in;} .htmx-request.htmx-indicator{opacity:1; transition: opacity 200ms ease-in;} </style></head>
<body title="Wahl-Maschine">
<div class="themebackground min-vh-100 d-flex flex-column">
<header>
<nav class="navbar navbar-fixed-top navbar-expand-md fixed-top bg-light navbar-light z-2">
<div class="container-fluid">
<a href="/" class="navbar-brand" title="Wahlmaschine Startseite"><img src="/static/images/wahl-maschine.svg" class="img-fluid" style="height: 24px;"></a><button type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"><span class="navbar-toggler-icon"></span></button> <div id="navbarSupportedContent" class="collapse navbar-collapse">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li></li>
<li class="nav-item dropdown">
<a href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" id="navbarDropdownMenuLink" class="nav-link dropdown-toggle" name="navbarDropdownMenuLink">Info</a> <ul aria-labelledby="navbarDropdownMenuLink" class="dropdown-menu">
<li>
<a href="#" data-bs-toggle="modal" data-bs-target="#staticBackdropImpressum" class="dropdown-item">Impressum</a> </li>
<li>
<a href="#" data-bs-toggle="modal" data-bs-target="#staticBackdropDataprotecion" class="dropdown-item">Datenschutz</a> </li>
<li>
<hr class="dropdown-divider"> </li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabelImpressum" aria-hidden="true" id="staticBackdropImpressum" class="modal fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 id="staticBackdropLabelImpressum" class="modal-title">Impressum</h5>
<button type="button" data-bs-dismiss="modal" aria-label="Close" class="btn-close"></button> </div>
<div id="modal-body-Impressum" class="modal-body"></div>
<div class="modal-footer">
<button type="button" data-bs-dismiss="modal" class="btn btn-success">verstanden</button> </div>
</div>
</div>
</div>
<div data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabelAbout" aria-hidden="true" id="staticBackdropAbout" class="modal fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 id="staticBackdropLabelAbout" class="modal-title">Über uns</h5>
<button type="button" data-bs-dismiss="modal" aria-label="Close" class="btn-close"></button> </div>
<div id="modal-body-About" class="modal-body"></div>
<div class="modal-footer">
<button type="button" data-bs-dismiss="modal" class="btn btn-success">verstanden</button> </div>
</div>
</div>
</div>
<div data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabelContentPolicy" aria-hidden="true" id="staticBackdropContentPolicy" class="modal fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 id="staticBackdropLabelContentPolicy" class="modal-title">Richtlinie zu unangemessenen Inhalten</h5>
<button type="button" data-bs-dismiss="modal" aria-label="Close" class="btn-close"></button> </div>
<div id="modal-body-ContentPolicy" class="modal-body"></div>
<div class="modal-footer">
<button type="button" data-bs-dismiss="modal" class="btn btn-success">verstanden</button> </div>
</div>
</div>
</div>
<div data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabelDataprotecion" aria-hidden="true" id="staticBackdropDataprotecion" class="modal fade">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 id="staticBackdropLabelDataprotecion" class="modal-title">Datenschutz</h5>
<button type="button" data-bs-dismiss="modal" aria-label="Close" class="btn-close"></button> </div>
<div id="modal-body-DataProtection" class="modal-body"></div>
<div class="modal-footer">
<button type="button" data-bs-dismiss="modal" class="btn btn-success">verstadnen</button> </div>
</div>
</div>
</div>
<div data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1" aria-labelledby="offcanvasBottomCookieLabel" id="offcanvasBottomCookie" class="offcanvas offcanvas-bottom h-auto show" aria-modal="true" role="dialog" style="visibility: visible;">
<div class="offcanvas-body small p-3 d-flex align-items-center justify-content-center">
<span>Wir verwenden ein sogenanntes 'csrftoken' Cookie auf dieser Webseite. Dieses Cookie verhindert Cross-Site-Request-Forgery Angriffe.</span><button type="button" data-bs-dismiss="offcanvas" class="btn btn-sm btn-success ms-2 accept-cookie">verstanden</button> </div>
</div>
</div>
</header>
<main id="page-content" class="flex-shrink-0 d-flex flex-column align-items-center justify-content-center"> <p></p>
<div class="container overflow-scroll">
<img src="/static/images/wahl-maschine.svg" alt="Bildmarke Wahl-Maschine" class="img-fluid" style="width: 100%;"> </div>
<div class="container-fluidn">
<div class="container py-3">
<div class="row align-items-start mb-3">
<div class="col-12 col-md-12">
<div class="card h-100">
<div class="card-body">
<h6 class="card-title font-lg font-md-xl">Willkommen!</h6>
<div class="card-text font-md-lg">
<p>Wahlen sind die Grundlage unserer Demokratie – doch die Vielzahl an Programmen und Versprechen kann überwältigend sein. Die Wahl-Maschine hilft Dir, den Überblick zu behalten und fundierte Entscheidungen zu treffen.</p>
<p>Stelle der Wahl-Maschine Deine Fragen zu den Wahlprogrammen. Ob Bildung, Klimapolitik oder soziale Gerechtigkeit – wir zeigen Dir die relevanten Inhalte, klar und verständlich.</p>
<p>Nutze die Wahl-Maschine, um Deine Stimme mit Überzeugung abzugeben. Deine Fragen. Deine Entscheidung.</p>
</div>
<div class="text-end">
<form enctype="multipart/form-data" action="/question"><button type="submit" class="btn btn-outline-success disabled">Noch etwas Geduld – bald geht es los.</button></form> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</main> </div>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8e7b76fd6c366660',t:'MTczMjQ3Mjk3MC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>
</body></html>