1<!DOCTYPE html> 2<html lang="af" translate="no"> 3<head> 4 5 <!-- Favicon --> 6<link rel="apple-touch-icon" sizes="180x180" href="https://aanlyn.solidariteit.co.za/apple-touch-icon.png"> 7<link rel="icon" type="image/png" sizes="32x32" href="https://aanlyn.solidariteit.co.za/favicon-32x32.png"> 8<link rel="icon" type="image/png" sizes="16x16" href="https://aanlyn.solidariteit.co.za/favicon-16x16.png"> 9 10 11<meta charset="utf-8"> 12<meta name="csrf-token" content="za8q9zJ9l9rJhmnrIjmOrTuQbe77LcRQdXfamDDH"> 13<meta name="google" content="notranslate"> 14<meta http-equiv="refresh" content="3600"> 15<meta name="facebook-domain-verification" content="bw3zntoh8by9zdg09|kxmqukbtxoug"> 16 17 <meta http-equiv="Content-Security-Policy" content="base-uri 'self';object-src 'self';worker-src 'self' blob:;upgrade-insecure-requests;media-src 'self' https://player.vimeo.com https://youtube.com https://facebook.com https:;connect-src 'self' sentry-new.tidio.co socket.tidio.co api-v2.tidio.co wss://nottasocket.io https://aanlyn.solidariteit.co.za data: https: wss: blob:;font-src 'self' https https://fonts.gstatic.com https://widget-v4.tidiochat.com data: blob: https:;img-src 'self' https://dfx9en9i3j5cn.cloudfront.net https://cdnjs.cloudflare.com https://cms.solidariteit.co.za/* https: data: blob:;script-src 'unsafe-eval' 'unsafe-inline' https:;script-src-elem 'self' 'unsafe-inline' https://www.googletagmanager.com https://facebook.com https:;style-src 'unsafe-inline' fonts.googleapis.com https:;default-src 'self' data: https://www.google-analytics.com https://www.googletagmanager.com https://maps.googleapis.com https://facebook.com;frame-src 'self' https://challenges.cloudflare.com https://player.vimeo.com https://maps.googleapis.com https://www.youtube.com https://www.google.com https://youtube.com https://facebook.com https://embed.vimeo.com https://www.googletagmanager.com https://td.doubleclick.net"> 18<!-- 1. General Tags --> 19<meta name="description" content="Welkom by Solidariteit se aanlyn werkgemeenskap! Hier stap ons saam met jou op jou loopbaanpad, van skool tot aftrede. #RaakTuis by Solidariteit."> 20<meta name="keywords" content=""> 21 22<!-- 2. Microformat Markup --> 23<meta itemprop="name" content="Solidariteit aanlyn"> 24<meta itemprop="description" content="Welkom by Solidariteit se aanlyn werkgemeenskap! Hier stap ons saam met jou op jou loopbaanpad, van skool tot aftrede. #RaakTuis by Solidariteit."> 25<!-- conditional statements can also be used to selectively render contents --> 26<meta itemprop="image" content="https://aanlyn.solidariteit.co.za/images/share/share-image.png"> 27 28<!-- 3. Twitter Card Data --> 29<meta name="twitter:card" content="summary"> 30<meta name="twitter:site" content=""> <!-- company/website's twitter handle --> 31<meta name="twitter:creator" content="@authorHandle"> <!-- author/website/company's twitter handle --> 32<meta name="twitter:title" content="Solidariteit aanlyn"> <!-- page title or post headline --> 33<meta name="twitter:description" content="Welkom by Solidariteit se aanlyn werkgemeenskap! Hier stap ons saam met jou op jou loopbaanpad, van skool tot aftrede. #RaakTuis by Solidariteit."> 34<meta name="twitter:image" content="https://aanlyn.solidariteit.co.za/images/share/share-image.png"> 35 36<!-- 4. Open Graph Protocol Data --> 37<meta property="og:site_name" content="Solidariteit netwerk"/> 38<meta property="og:url" content="https://aanlyn.solidariteit.co.za/teken-aan" /> 39<meta property="og:type" content="website" /> 40<meta property="og:title" content="Solidariteit aanlyn" /> 41<meta property="og:description" content="Welkom by Solidariteit se aanlyn werkgemeenskap! Hier stap ons saam met jou op jou loopbaanpad, van skool tot aftrede. #RaakTuis by Solidariteit." /> 42<meta property="og:image" content="https://aanlyn.solidariteit.co.za/images/share/share-image.png"> 43 44<meta property="fb:app_id" content="219425637290667"> <!-- at https://developers.facebook.com create an app & get your fb app id --> 45<title> 46 Solidariteit netwerk 47 </title> 48 49 50<link rel="preload" as="style" href="https://aanlyn.solidariteit.co.za/build/assets/app-4Ex4QZMv.css" /><link rel="preload" as="style" href="https://aanlyn.solidariteit.co.za/build/assets/index-B3M2Z7Tr.css" /><link rel="modulepreload" as="script" href="https://aanlyn.solidariteit.co.za/build/assets/app-DTBNxlgd.js" /><link rel="modulepreload" as="script" href="https://aanlyn.solidariteit.co.za/build/assets/index-DZmR65BL.js" /><link rel="stylesheet" href="https://aanlyn.solidariteit.co.za/build/assets/app-4Ex4QZMv.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://aanlyn.solidariteit.co.za/build/assets/index-B3M2Z7Tr.css" data-navigate-track="reload" />
50<script type="module" src="https://aanlyn.solidariteit.co.za/build/assets/app-DTBNxlgd.js" data-navigate-track="reload"></script>
50<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [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>
51<script src="https://aanlyn.solidariteit.co.za/livewire-e0e32071/livewire.min.js?id=657d57c2" data-csrf="za8q9zJ9l9rJhmnrIjmOrTuQbe77LcRQdXfamDDH" data-module-url="https://aanlyn.solidariteit.co.za/livewire-e0e32071" data-update-uri="https://aanlyn.solidariteit.co.za/livewire-e0e32071/update" data-navigate-once="true"></script>
51 52<!----------------Model content----------------> 53<div wire:key="lw-1039570982-0-password" wire:snapshot="{"data":{"activeComponent":null,"components":[[],{"s":"arr"}]},"memo":{"id":"PJiWEu0QBOprkDiufdFQ","name":"livewire-ui-modal","path":"teken-aan","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"af","islands":[]},"checksum":"488cd9404a029db66c8b1d7a108738538841dcd355a1da18af61021af974b65e"}" wire:effects="{"partials":[],"listeners":["openModal","destroyComponent"]}" wire:id="PJiWEu0QBOprkDiufdFQ" wire:name="livewire-ui-modal"> 54 <!--[if BLOCK]><![endif]-->
54<script>(()=>{var t,e={646:()=>{function t(t){return function(t){if(Array.isArray(t))return e(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,o){if(t){if("string"==typeof t)return e(t,o);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?e(t,o):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,n=Array(e);o<e;o++)n[o]=t[o];return n}window.LivewireUIModal=function(){return{show:!1,showActiveComponent:!0,activeComponent:!1,componentHistory:[],modalWidth:null,listeners:[],getActiveComponentModalAttribute:function(t){if(void 0!==this.$wire.get("components")[this.activeComponent])return this.$wire.get("components")[this.activeComponent].modalAttributes[t]},closeModalOnEscape:function(t){if(!1!==this.getActiveComponentModalAttribute("closeOnEscape")&&this.closingModal("closingModalOnEscape")){var e=!0===this.getActiveComponentModalAttribute("closeOnEscapeIsForceful");this.closeModal(e)}},closeModalOnClickAway:function(t){!1!==this.getActiveComponentModalAttribute("closeOnClickAway")&&this.closingModal("closingModalOnClickAway")&&this.closeModal(!0)},closingModal:function(t){var e=this.$wire.get("components")[this.activeComponent].name,o={id:this.activeComponent,closing:!0};return Livewire.dispatchTo(e,t,o),o.closing},closeModal:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!1!==this.show){if(!0===this.getActiveComponentModalAttribute("dispatchCloseEvent")){var n=this.$wire.get("components")[this.activeComponent].name;Livewire.dispatch("modalClosed",{name:n})}if(!0===this.getActiveComponentModalAttribute("destroyOnClose")&&Livewire.dispatch("destroyComponent",{id:this.activeComponent}),e>0)for(var i=0;i<e;i++){if(o){var s=this.componentHistory[this.componentHistory.length-1];Livewire.dispatch("destroyComponent",{id:s})}this.componentHistory.pop()}var r=this.componentHistory.pop();r&&!t&&r?this.setActiveModalComponent(r,!0):this.setShowPropertyTo(!1)}},setActiveModalComponent:function(t){var e=this,o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.setShowPropertyTo(!0),this.activeComponent!==t){!1!==this.activeComponent&&!1===o&&this.componentHistory.push(this.activeComponent);var n=50;!1===this.activeComponent?(this.activeComponent=t,this.showActiveComponent=!0,this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass")):(this.showActiveComponent=!1,n=400,setTimeout((function(){e.activeComponent=t,e.showActiveComponent=!0,e.modalWidth=e.getActiveComponentModalAttribute("maxWidthClass")}),300)),this.$nextTick((function(){var o,i=null===(o=e.$refs[t])||void 0===o?void 0:o.querySelector("[autofocus]");i&&setTimeout((function(){i.focus()}),n)}))}},focusables:function(){return t(this.$el.querySelectorAll("a, button, input:not([type='hidden']), textarea, select, details, [tabindex]:not([tabindex='-1'])")).filter((function(t){return!t.hasAttribute("disabled")}))},firstFocusable:function(){return this.focusables()[0]},lastFocusable:function(){return this.focusables().slice(-1)[0]},nextFocusable:function(){return this.focusables()[this.nextFocusableIndex()]||this.firstFocusable()},prevFocusable:function(){return this.focusables()[this.prevFocusableIndex()]||this.lastFocusable()},nextFocusableIndex:function(){return(this.focusables().indexOf(document.activeElement)+1)%(this.focusables().length+1)},prevFocusableIndex:function(){return Math.max(0,this.focusables().indexOf(document.activeElement))-1},setShowPropertyTo:function(t){var e=this;this.show=t,t?document.body.classList.add("overflow-y-hidden"):(document.body.classList.remove("overflow-y-hidden"),setTimeout((function(){e.activeComponent=!1,e.$wire.resetState()}),300))},init:function(){var t=this;this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass"),this.listeners.push(Livewire.on("closeModal",(function(e){var o,n,i;t.closeModal(null!==(o=null==e?void 0:e.force)&&void 0!==o&&o,null!==(n=null==e?void 0:e.skipPreviousModals)&&void 0!==n?n:0,null!==(i=null==e?void 0:e.destroySkipped)&&void 0!==i&&i)}))),this.listeners.push(Livewire.on("activeModalComponentChanged",(function(e){var o=e.id;t.setActiveModalComponent(o)}
54)))},destroy:function(){this.listeners.forEach((function(t){t()}))}}}},761:()=>{}},o={};function n(t){var i=o[t];if(void 0!==i)return i.exports;var s=o[t]={exports:{}};return e[t](s,s.exports,n),s.exports}n.m=e,t=[],n.O=(e,o,i,s)=>{if(!o){var r=1/0;for(u=0;u<t.length;u++){for(var[o,i,s]=t[u],a=!0,c=0;c<o.length;c++)(!1&s||r>=s)&&Object.keys(n.O).every((t=>n.O[t](o[c])))?o.splice(c--,1):(a=!1,s<r&&(r=s));if(a){t.splice(u--,1);var l=i();void 0!==l&&(e=l)}}return e}s=s||0;for(var u=t.length;u>0&&t[u-1][2]>s;u--)t[u]=t[u-1];t[u]=[o,i,s]},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t={931:0,994:0};n.O.j=e=>0===t[e];var e=(e,o)=>{var i,s,[r,a,c]=o,l=0;if(r.some((e=>0!==t[e]))){for(i in a)n.o(a,i)&&(n.m[i]=a[i]);if(c)var u=c(n)}for(e&&e(o);l<r.length;l++)s=r[l],n.o(t,s)&&t[s]&&t[s][0](),t[s]=0;return n.O(u)},o=self.webpackChunk=self.webpackChunk||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})(),n.O(void 0,[994],(()=>n(646)));var i=n.O(void 0,[994],(()=>n(761)));i=n.O(i)})();</script>
54 55 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 56 <div 57 x-data="LivewireUIModal()" 58 x-on:close.stop="setShowPropertyTo(false)" 59 x-on:keydown.escape.window="closeModalOnEscape()" 60 x-show="show" 61 class="fixed inset-0 z-[60] overflow-y-auto" 62 style="display: none;" 63 > 64 <div class="flex items-start justify-center min-h-screen px-4 pt-4 pb-10 text-center sm:block sm:p-0"> 65 <div 66 x-show="show" 67 x-on:click="closeModalOnClickAway()" 68 x-transition:enter="ease-out duration-300" 69 x-transition:enter-start="opacity-0" 70 x-transition:enter-end="opacity-100" 71 x-transition:leave="ease-in duration-200" 72 x-transition:leave-start="opacity-100" 73 x-transition:leave-end="opacity-0" 74 class="fixed inset-0 transition-all transform" 75 > 76 <div class="absolute inset-0 bg-secondary-500 opacity-75"></div> 77 </div> 78 79 <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">​</span> 80 81 <div 82 x-show="show && showActiveComponent" 83 x-transition:enter="ease-out duration-300" 84 x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 85 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" 86 x-transition:leave="ease-in duration-200" 87 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" 88 x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 89 x-bind:class="modalWidth" 90 class="relative inline-block w-full align-bottom bg-white rounded-3xl text-left shadow-xl transform 91 transition-all sm:my-8 sm:align-middle sm:w-full" 92 id="modal-container" 93 x-trap.noscroll.inert="show && showActiveComponent" 94 aria-modal="true" 95 > 96 <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div> 97 </div> 98 </div> 99</div> 100<!----------------/Model content----------------> 101 102<!-- Google Tag Manager -->
103<script async src="https://www.googletagmanager.com/gtm.js?id="></script>
103 104
105<script>
vendor: 360 bytes, lines 105-109
105(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 106 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 107 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 108 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 109 })(window,document,'script','dataLayer', '
109GTM-T9747P4H
vendor: 3 bytes, line 109
109');
109</script>
109 110<!-- End Google Tag Manager --> 111
112<script> 113 var metaTag = document.createElement('meta'); 114 metaTag.setAttribute('name', 'viewport'); 115 116 if (window.screen.availWidth >= 320) { 117 metaTag.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'); 118 } else { 119 metaTag.setAttribute('content', 'width=device-width, initial-scale=0.1'); 120 } 121 122 document.head.appendChild(metaTag); 123</script>
123 124 125<!-- Emoji Mart -->
126<script src="https://cdn.jsdelivr.net/npm/emoji-mart@latest/dist/browser.js"></script>
126 127 128<!-- Meta Pixel Code --> 129
130<script>
vendor: 611 bytes, lines 130-157
130 131 132 !function (f, b, e, v, n, t, s) { 133 if (f.fbq) return; 134 n = f.fbq = function () { 135 n.callMethod ? 136 137 n.callMethod.apply(n, arguments) : n.queue.push(arguments) 138 }; 139 140 if (!f._fbq) f._fbq = n; 141 n.push = n; 142 n.loaded = !0; 143 n.version = '2.0'; 144 145 n.queue = []; 146 t = b.createElement(e); 147 t.async = !0; 148 149 t.src = v; 150 s = b.getElementsByTagName(e)[0]; 151 152 s.parentNode.insertBefore(t, s) 153 }(window, document, 'script', 154 155 'https://connect.facebook.net/en_US/fbevents.js'); 156 157 fbq('init', '
157205242273286619
vendor: 36 bytes, lines 157-160
157'); 158 159 fbq('track', 'PageView'); 160
161</script>
161 162 163<!----------------Monitoring---------------->
164<script async type="text/javascript"> 165 (function(w,d,s,r,k,h,m){ 166 if(w.performance && w.performance.timing && w.performance.navigation && !w.s247r) { 167 w[r] = w[r] || function(){(w[r].q = w[r].q || []).push(arguments)}; 168 h=d.createElement('script');h.async=true;h.setAttribute('src',s+k); 169 d.getElementsByTagName('head')[0].appendChild(h); 170 (m = window.onerror),(window.onerror = function (b, c, d, f, g) { 171 m && m(b, c, d, f, g),g || (g = new Error(b)),(w[r].q = w[r].q || []).push(["captureException",g]);}) 172 } 173 })(window,document,'//static.site24x7rum.com/beacon/site24x7rum-min.js?appKey=','s247r','5eae88321407a6267d817a1ec0ab3bab'); 174</script>
174 175<!----------------/Monitoring----------------> 176 177<noscript> 178 179 <img 180 height="1" 181 width="1" 182 src="https://www.facebook.com/tr?id=205242273286619&ev=PageView&noscript=1" 183 /> 184 185</noscript> 186
187<script> 188 function trackEvent(eventName, eventData) { 189 window.dataLayer = window.dataLayer || []; 190 dataLayer.push({ 191 event: eventName, 192 ...eventData 193 }); 194 } 195 196 function trackHelpClick(section, menuLocation, publicId) { 197 trackEvent('helpClick', { section, menuLocation, public_id: publicId }); 198 } 199 200 function trackLearningCourse(publicId, learningCourseTitle) { 201 trackEvent('learningCourseClick', { public_id: publicId, learning_course_title: learningCourseTitle }); 202 } 203 204 function trackMemberBenefitPage(publicId) { 205 trackEvent('memberBenefitClick', { public_id: publicId }); 206 } 207 208 function trackPrimeDocument(publicId, documentTitle) { 209 trackEvent('primeDocumentClick', { public_id: publicId, document_title: documentTitle }); 210 } 211 212 function trackShareLink(publicId, shareTitle, shareText, shareUrl, buttonType) { 213 trackEvent('shareButtonClick', { public_id: publicId, share_title: shareTitle, share_text: shareText, share_url: shareUrl, button_type: buttonType }); 214 } 215 216 function trackStudeerkamerLink(publicId) { 217 trackEvent('studeerkamerButtonClick', { public_id: publicId }); 218 } 219 220 function trackLoopbaanfases(publicId, loopbaanfase) { 221 trackEvent('loopbaanfaseClick', { public_id: publicId, loopbaanfase }); 222 } 223 224 function trackMoreAboutSolidarity(publicId) { 225 trackEvent('moreAboutSolidarityClick', { public_id: publicId }); 226 } 227 228 function trackChatbotMembership(publicId, description) { 229 trackEvent('chatbotMembershipClick', { public_id: publicId, description }); 230 } 231 232 function trackSchoolGroups(publicId) { 233 trackEvent('schoolGroupClick', { public_id: publicId }); 234 } 235 236 function trackSchoolOverviewCardClick(publicId, cardName, groupName = '') { 237 trackEvent('schoolOverviewCardClick', { public_id: publicId, card_name: cardName, group_name: groupName }); 238 } 239 240 function trackStudySupportOrganizationClick(publicId, organizationName) { 241 trackEvent('studySupportOrganizationClick', { public_id: publicId, organization_name: organizationName }); 242 } 243 244 function trackTakeCourseClick(publicId, courseName) { 245 trackEvent('takeCourseClick', { public_id: publicId, course_name: courseName }); 246 } 247 248 function trackPDFProfile(publicId) { 249 trackEvent('profilePDFClick', { public_id: publicId }); 250 } 251 252 function trackSolidarityLogo(publicId) { 253 trackEvent('solidarityLogoClick', { public_id: publicId }); 254 } 255 256 function trackBuildingBlockDownloadDocumentButton(buildingBlockTitle, buildingBlockTypeId, publicId, documentFileName) { 257 if (buildingBlockTypeId === '3') { 258 trackEvent( 259 'buildingBlockDocuments', 260 { building_block_title: buildingBlockTitle, public_id: publicId, downloaded_file_name: documentFileName || '' } 261 ); 262 } 263 } 264 265 function trackHighSchoolDownloadDocumentButton(section, publicId, tab, episode, documentFileName) { 266 trackEvent( 267 'highSchoolDocuments', 268 { skolier_section: section, public_id: publicId, tab: tab, episode: episode, downloaded_file_name: documentFileName || '' } 269 ); 270 } 271 272 function trackDangerFlashClose(message, publicId) { 273 trackEvent( 274 'dangerFlashClose', 275 { danger_message: message, public_id: publicId } 276 ); 277 } 278</script>
278 279<!-- End Meta Pixel Code -->
vendor: 66 bytes, lines 279-281
279 280 281 <script src="https://www.google.com/recaptcha/api.js?render=
2816Lc2Q4gfAAAAAG6TVQv94bAJYnm-ZRbq9eRMRRlg
vendor: 24 bytes, line 281
281" async defer></script>
282</head> 283<body> 284 285<!-- Google Tag Manager (noscript) -->
vendor: 73 bytes, lines 285-287
285 286<noscript> 287 <iframe src="https://www.googletagmanager.com/ns.html?id=
287GTM-T9747P4H
vendor: 102 bytes, lines 287-291
287" 288 height="0" width="0" style="display:none;visibility:hidden"> 289 290 </iframe> 291</noscript>
292<!-- End Google Tag Manager (noscript) --> 293 294<main 295 class="lg:grid lg:grid-cols-2 bg-registration-mobile lg:bg-registration-6 gap-1 py-10 lg:px-8 px-5 296 min-h-screen w-screen bg-cover bg-no-repeat bg-center lg:content-center" 297> 298 <section class="column-1 flex flex-col relative"> 299 300 <div 301 class="flex justify-center" 302> 303 <img src="https://aanlyn.solidariteit.co.za/images/logos/primary-logo-white.webp" height="96" width="250" class="mb-3 hidden lg:block" alt="Solidariteit netwerk - Logo" loading="lazy"/> 304 <img src="https://aanlyn.solidariteit.co.za/images/logos/primary-logo.webp" height="96" width="320" class="lg:hidden mb-8" alt="Solidariteit netwerk - Logo" loading="lazy"> 305</div> 306 307 <div class="flex justify-center md:justify-center" > 308 <div class="w-full"> 309 310 311 312 </div> 313 </div> 314 315 <article 316 class="guest-card relative" 317> 318 <div class=" w-full" id="card"> 319 <header class="text-center"> 320 <h3 321 class="md:text-xl text-base font-semibold text-secondary-900 tracking-tight wrap-break-word my-4" 322> 323 Teken in 324</h3> 325</header> 326 327 328 <div x-data="{ submitButtonDisabled: false }"> 329 <form 330 autocomplete="off" 331 method="POST" 332 action="https://aanlyn.solidariteit.co.za/teken-aan" 333 id="recaptcha" 334 x-on:submit="submitButtonDisabled = true" 335 > 336 <input type="hidden" name="_token" value="za8q9zJ9l9rJhmnrIjmOrTuQbe77LcRQdXfamDDH" autocomplete="off"> 337 <!----------------------Recaptcha----------------------> 338 <div 339 class="py-1.5" 340> 341 <div wire:key="recaptchaResponse"> 342 343 344 <div class="mt-0.5 relative rounded-md"> 345 346 347 348 <input 349 autocomplete="off" 350 class="pl-0 block w-full border-0 border-b border-secondary-300 351 focus:bg-transparent focus:border-primary-500 focus:ring-0 sm:text-sm 352 placeholder-secondary-400" type="hidden" name="recaptchaResponse" id="recaptchaResponse" 353 > 354 355 356 357 </div> 358 359 360 </div> 361</div> 362 <!----------------------/Recaptcha---------------------> 363 364 <div 365 class="py-1.5" 366> 367 <div wire:key="email"> 368 369 <div class="flex gap-1"> 370 <span ><label 371 class="block text-sm font-semibold text-secondary-900" for="email" 372> 373 Vul jou e-posadres in 374</label></span> </div> 375 376 <div class="mt-0.5 relative rounded-md"> 377 378 <div 379 class="absolute inset-y-0 left-0 pl-0 flex items-center mr-8" 380> 381 <span class="text-secondary-500 sm:text-sm"><svg class="heroicon-input-size" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 382 <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"/> 383</svg></span> 384</div> 385 386 <input 387 autocomplete="off" 388 class="pl-8 block w-full border-0 border-b border-secondary-300 389 focus:bg-transparent focus:border-primary-500 focus:ring-0 sm:text-sm 390 placeholder-secondary-400" type="text" name="email" id="email" placeholder="[email protected]" autofocus="autofocus" 391 > 392 393 394 395 </div> 396 397 398 </div> 399</div> 400 401 <div 402 class="py-1.5" x-data="{ 403 input: 'password' 404 }" 405> 406 <div wire:key="password"> 407 408 <div class="flex gap-1"> 409 <span ><label 410 class="block text-sm font-semibold text-secondary-900" for="password" 411> 412 Vul jou wagwoord in 413</label></span> </div> 414 415 <div class="mt-0.5 relative rounded-md"> 416 417 <div 418 class="absolute inset-y-0 left-0 pl-0 flex items-center mr-8" 419> 420 <span class="text-secondary-500 sm:text-sm"><svg class="heroicon-input-size" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 421 <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/> 422</svg></span> 423</div> 424 425 <input 426 autocomplete="off" 427 class="pl-8 block w-full border-0 border-b border-secondary-300 428 focus:bg-transparent focus:border-primary-500 focus:ring-0 sm:text-sm 429 placeholder-secondary-400" type="text" name="password" id="password" x-bind:type="input" 430 > 431 432 <div 433 class="absolute inset-y-0 right-0 pr-3 flex items-center" 434> 435 <span class="text-secondary-500 sm:text-sm"><template x-if="(input === 'text')"> 436 <svg x-on:click="input = (input === 'password') ? 'text' : 'password'" class="heroicon-input-size" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 437 <path stroke-linecap="round" stroke-linejoin="round" d="M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88"/> 438</svg> </template> 439 440 <template x-if="input === 'password'"> 441 <svg x-on:click="input = (input === 'password') ? 'text' : 'password'" class="heroicon-input-size" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 442 <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"/> 443 <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/> 444</svg> </template></span> 445</div> 446 447 </div> 448 449 450 </div> 451</div> 452 453 <div 454 class="py-1.5" 455> 456 <a class="text-xs mt-4 text-primary-600 font-bold" href="https://aanlyn.solidariteit.co.za/otp-versoek"> 457 Wagwoord vergeet? 458 </a> 459</div> 460 461 <div 462 class="py-1.5" 463> 464 <label 465 class="block text-sm font-semibold text-secondary-900" for="remember_me" 466> 467 <input 468 type="checkbox" 469 class="rounded-full border border-secondary-300 text-primary-600 shadow-sm checked:border-primary-600 checked:bg-primary-600" id="remember_me" name="remember" 470>
471 <span class="ml-2 text-sm text-secondary-900">Onthou my</span> 472</label> 473</div> 474 475 <div 476 class="py-1.5" 477> 478 <button 479 type="submit" class="btn-new btn-primary btn-standard btn-md w-full" x-bind:disabled="submitButtonDisabled" 480> 481 482 <span> 483 Teken in 484 </span> 485 486 </button> 487</div> 488 489 <div 490 class="py-1.5 py-2 text-center" 491> 492 <a href="https://aanlyn.solidariteit.co.za/registreer" class="text-primary-600 font-bold"> 493 Is jy nuut? Registreer nou! 494 </a> 495</div> 496 497 </form> 498 </div> 499 </div> 500 501 </article> 502 </section> 503 504 <section class="column-2 flex flex-col relative"> 505 </section> 506 507</main> 508 509
509<script type="text/javascript"> 510 document.addEventListener('DOMContentLoaded', function () { 511 var form = document.getElementById('recaptcha'); 512 513 form.addEventListener('submit', function (e) { 514 e.preventDefault(); 515 516 grecaptcha.ready(function() { 517 grecaptcha.execute('6Lc2Q4gfAAAAAG6TVQv94bAJYnm-ZRbq9eRMRRlg', {action: 'submit'}) 518 .then(function(token) { 519 const input = document.getElementById('recaptchaResponse'); 520 521 if (input) { 522 input.value = token; 523 input.dispatchEvent(new Event('input', { bubbles: true })); 524 525 console.log('Initialized'); 526 form.submit(); 527 } else { 528 console.error('Input field not found!'); 529 } 530 }).catch(function (error) { 531 console.error('Error:', error); 532 }); 533 }); 534 }); 535 }); 536 </script>
536 537
538<script src="//code.tidio.co/d4uri7sftptreipqq7xnp0mvmk1smipb.js" async></script>
538 539 540</body> 541</html> 542
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.