<turbo-stream action="append" targets="body"><template><dialog id="new-contributor-modal" class="dialog-modal ez-modal ez-modal--centered" data-action="mousedown-&gt;dialog-modal#close close-dialog-&gt;dialog-modal#close" data-controller="dialog-modal" data-dialog-modal-open-on-connect-value="true">

  <!-- need tabindex="0" so links further down don't get autofocused when the dialog is opened -->
  <div class="ez-modal__inner-wrap" tabindex="0">
    <div class="ez-modal__modal ">
      <div class="ez-close-btn group cursor-pointer flex items-center justify-center h-2 w-2 z-99 whitespace-nowrap absolute overflow-hidden indent-[100%]" title="Schließen" data-action="click-&gt;dialog-modal#close"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.99 12.99" role="img" class="ez-close-btn__icon h-full w-full pointer-events-none fill-grey-300 group-hover:fill-grey-600 group-active:fill-grey-900"><path d="M12.99 1.42 11.57 0 6.49 5.07 1.42 0 0 1.42l5.07 5.07L0 11.57l1.42 1.42 5.07-5.07 5.08 5.07 1.42-1.42-5.07-5.08 5.07-5.07z"></path></svg>
</div>


      <div class="ez-modal__content" data-dialog-modal-target="content">
        <div class="new-contributor-modal">
  <h1 class="new-contributor-modal__title">Begin Vecteezy<br> Contributor Application</h1>
  <form data-controller="new-contributor-modal" action="/contributors/apply" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="61WQJHXFH-WQucuvIfrU1Bt8YeuBV2sMZ3vdFHOceZihjuIa_SHvO5UjZQk4bUEVfu2vIhtwvKuF6He8NPVhMw" autocomplete="off" />

    <div class="ez-layout ez-layout__row">
      
<div class="ez-input is-required">
  <label class="ez-input__label" for="user_email">Email Address</label>

  
    <input type="email" required="required" data-errors="{&quot;field_empty&quot;:&quot;Email Required&quot;,&quot;invalid_email&quot;:&quot;Invalid Email&quot;}" data-action="focus-&gt;form-analytics#sendFormFieldFocusEvent" data-english-label="email" aria-label="Email Address" class="ez-input__field ez-input__field--basic ez-input__field--text" name="user[email]" id="user_email" />

  
</div>
    </div>
    <div class="ez-layout ez-layout__row">
      
<div class="ez-input is-required">
  <label class="ez-input__label" for="user_password">Password</label>

  <div class="ez-input__password-wrap">
    
      <input autocomplete="new-password" required="required" data-errors="{&quot;field_empty&quot;:&quot;Password Required&quot;}" data-advanced-password-validation="true" data-match-field="password_confirmation" data-match-field-id="password" data-action="focus-&gt;form-analytics#sendFormFieldFocusEvent" data-english-label="password" aria-label="Password" class="ez-input__field ez-input__field--basic ez-input__field--password ez-input__field--sensitive" type="password" name="user[password]" id="user_password" />

      
  </div>
</div>
    </div>
    <div class="ez-layout ez-layout__row">
      
<div class="ez-input is-required">
  <label class="ez-input__label" for="user_password_confirmation">Password Confirmation</label>

  <div class="ez-input__password-wrap">
    
      <input autocomplete="new-password" required="required" data-errors="{&quot;field_empty&quot;:&quot;Password Confirmation Required&quot;,&quot;field_length&quot;:&quot;Passwörter müssen mindestens 7 Zeichen lang sein.&quot;,&quot;errors_prefix&quot;:&quot;Das Passwort muss mindestens enthalten&quot;,&quot;password_character_length&quot;:&quot;acht Zeichen&quot;,&quot;password_lowercase&quot;:&quot;ein Kleinbuchstabe (a-z)&quot;,&quot;password_numbers&quot;:&quot;eine Zahl (0-9)&quot;,&quot;password_symbols&quot;:&quot;ein Symbol (Beispiel: !, $, #, %)&quot;,&quot;password_uppercase&quot;:&quot;ein Großbuchstabe (A-Z)&quot;,&quot;fields_mismatch&quot;:&quot;Die Passwörter stimmen nicht überein&quot;}" data-advanced-password-validation="true" data-main-field-id="password" data-match-field-id="password_confirmation" data-action="focus-&gt;form-analytics#sendFormFieldFocusEvent" data-english-label="password_confirmation" aria-label="Password Confirmation" class="ez-input__field ez-input__field--basic ez-input__field--password ez-input__field--sensitive" type="password" name="user[password_confirmation]" id="user_password_confirmation" />

      
  </div>
</div>
    </div>

    

    <div class="ez-layout ez-layout__row">
      


<div>


  <input type="hidden" name="bypass_captcha" id="bypass_captcha" value="false" autocomplete="off" />

  <div class="ez-input recaptcha-holder" data-recaptcha-target="captchaHolder" data-captcha-type="default" data-recaptcha-auto-fill="false"></div>

</div>
    </div>

    
<div class="ez-input">
  <button name="button" type="submit" data-disable-with="Begin application" data-action="new-contributor-modal#validateAndSubmit" data-new-contributor-modal-target="formSubmitBtn" class="ez-btn ez-btn--primary ez-btn--submit">Begin application</button>
</div>
</form></div>

<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/5261753.js"></script>
<!-- End of HubSpot Embed Code -->

      </div>
    </div>
  </div>
</dialog></template></turbo-stream>