https://semantius.nl/login

1<!DOCTYPE html>
2<html lang="nl" class="bg-gray-100 dark:bg-gray-900">
3    <head>
4        <meta charset="utf-8">
5        <meta name="viewport" content="width=device-width, initial-scale=1">
6        <meta name="csrf-token" content="Pogbn2bJqPQZ3sm8LiB8Whl0qFYMhbWO41BpHe0n">
7        <meta name="robots" content="noindex">
8
9        <link rel="canonical" href="https://semantius.nl/login" />
10
11        <title>Semantius</title>
12
13        

13<script>
14            window.localStorage.setItem('flux.appearance', 'none');
15        </script>

15
16
17        <link rel="stylesheet" href="/flux/flux.css?id=da3247ce">

18<script>
19    let appearance = window.localStorage.getItem('flux.appearance') || 'system'
20
21    if (appearance === 'system') {
22        appearance = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
23    }
24
25    appearance === 'dark' ? document.documentElement.classList.add('dark') : document.documentElement.classList.remove('dark')
26</script>

26
27
28        <!-- Favicon -->
29<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
30<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
31<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
32<link rel="manifest" href="/site.webmanifest">
33<!-- Analytics -->

34<script>
35    // stub for analytics related function calls
36    // adblocker blocks analytics so we just create a stub so fathom should still exists, even though its blocked
37    window.addEventListener('DOMContentLoaded', function () {
38        window.fathom = window.fathom || {
39            trackEvent: function () {},
40            trackPageview: function () {},
41        };
42    });
43</script>

43
44
45<!-- Fathom - beautiful, simple website analytics -->

46<script src="https://cdn.usefathom.com/script.js" data-site="GXOQEIOF" defer></script>

46
47<!-- / Fathom -->
48
49<!-- Preconnect -->
50<link rel="preconnect" href="https://zoeken.semantius.nl" crossorigin />
51<link rel="preconnect" href="https://fonts.bunny.net" crossorigin />
52
53<!-- Fonts -->
54<link rel="preload" as="style" href="https://fonts.bunny.net/css?family=inter:400,500,600&display=swap">
55<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.bunny.net/css?family=inter:400,500,600&display=swap">
56<noscript><link rel="stylesheet" href="https://fonts.bunny.net/css?family=inter:400,500,600&display=swap"></noscript>
57
58<!-- Scripts -->
59<link rel="preload" as="style" href="https://semantius.nl/build/assets/app-DwHrZDUI.css" /><link rel="modulepreload" href="https://semantius.nl/build/assets/app-eN16crbq.js" /><link rel="stylesheet" href="https://semantius.nl/build/assets/app-DwHrZDUI.css" data-navigate-track="reload" />

59<script type="module" src="https://semantius.nl/build/assets/app-eN16crbq.js" data-navigate-track="reload"></script>

59
60<!-- Styles -->
61<!-- 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>
62
63<!-- User Feedback -->

64<script async src="https://w.appzi.io/w.js?token=4rO57"></script>

64
65    </head>
66    <body class="min-h-screen" x-data="themeSwitcher()">
67        <div class="font-sans text-gray-900 dark:text-gray-100 antialiased">
68            <div class="p-3 min-h-screen flex flex-col sm:justify-center items-center bg-gray-100 dark:bg-gray-900">
69        <a href="https://semantius.nl" class="h-10 flex items-center mr-4 gap-2" data-flux-brand>
70        <div class="size-6 rounded overflow-hidden shrink-0">
71                            <img src="/apple-touch-icon.png"  />
72                    </div>
73
74        <div class="text-sm font-medium truncate [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-zinc-100">Semantius</div>
75    </a>
76        <div class="p-6 rounded-xl bg-white dark:bg-white/10 border border-zinc-200 dark:border-white/10 space-y-6 w-full sm:max-w-md" data-flux-card>
77    <div>
78                <div class="font-medium text-zinc-800 dark:text-white text-base [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2" data-flux-heading>Inloggen bij Semantius</div>
79                <div class="text-sm text-zinc-500 dark:text-white/70" data-flux-subheading>
80    Login met je account om verder te gaan.
81</div>
82            </div>
83
84            <div class="space-y-6">
85                <div class="space-y-2.5">
86    <a href="https://semantius.nl/auth/google" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-10 text-sm rounded-lg px-4 inline-flex  bg-white hover:bg-zinc-50 dark:bg-zinc-700 dark:hover:bg-zinc-600/75 text-zinc-800 dark:text-white border border-zinc-200 hover:border-zinc-200 border-b-zinc-300/80 dark:border-zinc-600 dark:hover:border-zinc-600 shadow-sm [[data-flux-button-group]_&amp;]:border-l-0 [:is([data-flux-button-group]&gt;&amp;:first-child,_[data-flux-button-group]_:first-child&gt;&amp;)]:border-l-[1px]  w-full" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target">
87        <svg class="mr-2 -ml-1 w-4 h-4" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="google" role="img" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M113.47,309.408L95.648,375.94l-65.139,1.378C11.042,341.211,0,299.9,0,256  c0-42.451,10.324-82.483,28.624-117.732h0.014l57.992,10.632l25.404,57.644c-5.317,15.501-8.215,32.141-8.215,49.456  C103.821,274.792,107.225,292.797,113.47,309.408z" style="fill:#FBBB00;"/><path d="M507.527,208.176C510.467,223.662,512,239.655,512,256c0,18.328-1.927,36.206-5.598,53.451  c-12.462,58.683-45.025,109.925-90.134,146.187l-0.014-0.014l-73.044-3.727l-10.338-64.535  c29.932-17.554,53.324-45.025,65.646-77.911h-136.89V208.176h138.887L507.527,208.176L507.527,208.176z" style="fill:#518EF8;"/><path d="M416.253,455.624l0.014,0.014C372.396,490.901,316.666,512,256,512  c-97.491,0-182.252-54.491-225.491-134.681l82.961-67.91c21.619,57.698,77.278,98.771,142.53,98.771  c28.047,0,54.323-7.582,76.87-20.818L416.253,455.624z" style="fill:#28B446;"/><path d="M419.404,58.936l-82.933,67.896c-23.335-14.586-50.919-23.012-80.471-23.012  c-66.729,0-123.429,42.957-143.965,102.724l-83.397-68.276h-0.014C71.23,56.123,157.06,0,256,0  C318.115,0,375.068,22.126,419.404,58.936z" style="fill:#F14336;"/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/></svg>
88        Google
89    </a>
90    <a href="https://semantius.nl/auth/microsoft" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-10 text-sm rounded-lg px-4 inline-flex  bg-white hover:bg-zinc-50 dark:bg-zinc-700 dark:hover:bg-zinc-600/75 text-zinc-800 dark:text-white border border-zinc-200 hover:border-zinc-200 border-b-zinc-300/80 dark:border-zinc-600 dark:hover:border-zinc-600 shadow-sm [[data-flux-button-group]_&amp;]:border-l-0 [:is([data-flux-button-group]&gt;&amp;:first-child,_[data-flux-button-group]_:first-child&gt;&amp;)]:border-l-[1px]  w-full" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target">
91        <svg class="mr-2 -ml-1 w-4 h-4" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="microsoft" role="img" height="512px" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="_x37_8-microsoft"><g><g><path d="M270.912,241.049h223.691V31.708c0-8.26-6.68-14.958-14.914-14.958H270.912V241.049z      M270.912,241.049" style="fill:#5ACF5F;"/><path d="M241.09,241.049V16.75H32.313c-8.236,0-14.916,6.698-14.916,14.958v209.341H241.09z      M241.09,241.049" style="fill:#F84437;"/><path d="M241.09,270.953H17.397v209.343c0,8.251,6.68,14.954,14.916,14.954H241.09V270.953z      M241.09,270.953" style="fill:#2299F8;"/><path d="M270.912,270.953V495.25h208.777c8.234,0,14.914-6.703,14.914-14.954V270.953H270.912z      M270.912,270.953" style="fill:#FFC107;"/></g></g></g><g id="Layer_1"/></svg>
92        Microsoft
93    </a>
94    <a href="https://semantius.nl/auth/linkedin-openid" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-10 text-sm rounded-lg px-4 inline-flex  bg-white hover:bg-zinc-50 dark:bg-zinc-700 dark:hover:bg-zinc-600/75 text-zinc-800 dark:text-white border border-zinc-200 hover:border-zinc-200 border-b-zinc-300/80 dark:border-zinc-600 dark:hover:border-zinc-600 shadow-sm [[data-flux-button-group]_&amp;]:border-l-0 [:is([data-flux-button-group]&gt;&amp;:first-child,_[data-flux-button-group]_:first-child&gt;&amp;)]:border-l-[1px]  w-full" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target">
95        <svg class="mr-2 -ml-1 w-4 h-4" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin" role="img" height="100%" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" version="1.1" viewBox="0 0 512 512" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="g5891"><path d="M512,64c0,-35.323 -28.677,-64 -64,-64l-384,0c-35.323,0 -64,28.677 -64,64l0,384c0,35.323 28.677,64 64,64l384,0c35.323,0 64,-28.677 64,-64l0,-384Z" id="background" style="fill:#2867b2;"/><g id="shapes"><rect height="257.962" id="rect11" style="fill:#fff;" width="85.76" x="61.053" y="178.667"/><path d="M104.512,54.28c-29.341,0 -48.512,19.29 -48.512,44.573c0,24.752 18.588,44.574 47.377,44.574l0.554,0c29.903,0 48.516,-19.822 48.516,-44.574c-0.555,-25.283 -18.611,-44.573 -47.935,-44.573Z" id="path13-0" style="fill:#fff;fill-rule:nonzero;"/><path d="M357.278,172.601c-45.49,0 -65.866,25.017 -77.276,42.589l0,-36.523l-85.738,0c1.137,24.197 0,257.961 0,257.961l85.737,0l0,-144.064c0,-7.711 0.554,-15.42 2.827,-20.931c6.188,-15.4 20.305,-31.352 43.993,-31.352c31.012,0 43.436,23.664 43.436,58.327l0,138.02l85.741,0l0,-147.93c0,-79.237 -42.305,-116.097 -98.72,-116.097Z" id="path1

955" style="fill:#fff;fill-rule:nonzero;"/></g></g></svg>
96        Linkedin
97    </a>
98</div>            </div>
99
100            <div class="space-y-2">
101                <div class="text-sm text-zinc-500 dark:text-white/70 text-center" data-flux-subheading>
102    Nog geen account?
103</div>
104                <a href="https://semantius.nl/register" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-10 text-sm rounded-lg px-4 inline-flex  bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_theme(colors.white/.2)] [[data-flux-button-group]_&amp;]:border-r-0 [:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-r-[1px] dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-r-0 dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-l-[1px] [:is([data-flux-button-group]&gt;&amp;:not(:first-child),_[data-flux-button-group]_:not(:first-child)&gt;&amp;)]:border-l-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)]  w-full" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target">
105        Maak een gratis account
106    </a>
107            </div>
108</div>
109        <div class="p-6 rounded-xl bg-white dark:bg-white/10 border border-zinc-200 dark:border-white/10 !bg-lime-500/10 !border-lime-500 mt-3 space-y-4 w-full sm:max-w-md" data-flux-card>
110    <div class="font-medium text-zinc-800 dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2" data-flux-heading>Waarom een Semantius account maken?</div>
111    <div class="text-sm text-zinc-500 dark:text-white/70" data-flux-subheading>
112    De voordelen op een rijtje:
113</div>
114    <div class="space-y-2">
115        <div class="flex flex-row items-center">
116            <svg class="shrink-0 [:where(&amp;)]:size-6 text-lime-500" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
117  <path fill-rule="evenodd" d="M8.603 3.799A4.49 4.49 0 0 1 12 2.25c1.357 0 2.573.6 3.397 1.549a4.49 4.49 0 0 1 3.498 1.307 4.491 4.491 0 0 1 1.307 3.497A4.49 4.49 0 0 1 21.75 12a4.49 4.49 0 0 1-1.549 3.397 4.491 4.491 0 0 1-1.307 3.497 4.491 4.491 0 0 1-3.497 1.307A4.49 4.49 0 0 1 12 21.75a4.49 4.49 0 0 1-3.397-1.549 4.49 4.49 0 0 1-3.498-1.306 4.491 4.491 0 0 1-1.307-3.498A4.49 4.49 0 0 1 2.25 12c0-1.357.6-2.573 1.549-3.397a4.49 4.49 0 0 1 1.307-3.497 4.49 4.49 0 0 1 3.497-1.307Zm7.007 6.387a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd"/>
118</svg>
119
120                    <span class="ml-2 text-sm text-zinc-700">Het is <strong>volledig gratis</strong>.</span>
121        </div>
122        <div class="flex flex-row items-center">
123            <svg class="shrink-0 [:where(&amp;)]:size-6 text-lime-500" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
124  <path fill-rule="evenodd" d="M8.603 3.799A4.49 4.49 0 0 1 12 2.25c1.357 0 2.573.6 3.397 1.549a4.49 4.49 0 0 1 3.498 1.307 4.491 4.491 0 0 1 1.307 3.497A4.49 4.49 0 0 1 21.75 12a4.49 4.49 0 0 1-1.549 3.397 4.491 4.491 0 0 1-1.307 3.497 4.491 4.491 0 0 1-3.497 1.307A4.49 4.49 0 0 1 12 21.75a4.49 4.49 0 0 1-3.397-1.549 4.49 4.49 0 0 1-3.498-1.306 4.491 4.491 0 0 1-1.307-3.498A4.49 4.49 0 0 1 2.25 12c0-1.357.6-2.573 1.549-3.397a4.49 4.49 0 0 1 1.307-3.497 4.49 4.49 0 0 1 3.497-1.307Zm7.007 6.387a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd"/>
125</svg>
126
127                    <span class="ml-2 text-sm text-zinc-700">100 slimme (AI) zoekopdrachten per maand.</span>
128        </div>
129        <div class="flex flex-row items-center">
130            <svg class="shrink-0 [:where(&amp;)]:size-6 text-lime-500" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
131  <path fill-rule="evenodd" d="M8.603 3.799A4.49 4.49 0 0 1 12 2.25c1.357 0 2.573.6 3.397 1.549a4.49 4.49 0 0 1 3.498 1.307 4.491 4.491 0 0 1 1.307 3.497A4.49 4.49 0 0 1 21.75 12a4.49 4.49 0 0 1-1.549 3.397 4.491 4.491 0 0 1-1.307 3.497 4.491 4.491 0 0 1-3.497 1.307A4.49 4.49 0 0 1 12 21.75a4.49 4.49 0 0 1-3.397-1.549 4.49 4.49 0 0 1-3.498-1.306 4.491 4.491 0 0 1-1.307-3.498A4.49 4.49 0 0 1 2.25 12c0-1.357.6-2.573 

1311.549-3.397a4.49 4.49 0 0 1 1.307-3.497 4.49 4.49 0 0 1 3.497-1.307Zm7.007 6.387a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd"/>
132</svg>
133
134                    <span class="ml-2 text-sm text-zinc-700">Maak bookmarks, alerts en tijdslijnen.</strong></span>
135        </div>
136    </div>
137</div>
138    </div>
139        </div>
140
141        

141<script src="/flux/flux.min.js?id=0ecd1d57" data-navigate-once></script>

141
142
143        

143<script src="/livewire/livewire.min.js?id=57eb113f"   data-csrf="Pogbn2bJqPQZ3sm8LiB8Whl0qFYMhbWO41BpHe0n" data-update-uri="/livewire/update" data-navigate-once="true"></script>

143    
144    

144<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"4ad61987ac444c58825fb8783c59ac88","r":1,"spa":2}' crossorigin="anonymous"></script>

144

145<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a46964dc49a1f80e',t:'MTc5MTMzOTI4Mw=='};var a=document.createElement('script');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>

145</body>
146</html>