judge-signup.html

---
tab: judging
layout: default
---

<script src="assets/js/judge-signup.js"></script>

<title>Ruffin Ridley Science Fair 2019 - judges signup</title>

<h2>Sign up for Science Fair judging</h2>

<p>I'm interested in being a judge for the Ruffin Ridley Science Fair on Saturday, May 8, 2021.</p>

<form class="registration-form">
  <div class="form-row mt-3">
    <div class="col-12">
      <label for="name">Name</label>
      <input
        autocomplete="name"
        class="form-control"
        id="name"
        type="text"
      />
    </div>
  </div>
  <div class="form-row mt-3">
    <div class="col-12">
      <label for="yesEmail">Email</label>
      <input
        autocomplete="email"
        class="form-control"
        id="yesEmail"
        type="email"
      />
    </div>
  </div>
  <div class="form-row mt-3">
    <div class="col-12">
      <label for="expertise">Expertise</label>
      <div id="expertise-helper-text">
        Degree and area of expertise
      </div>
      <input
        aria-describedby="expertise-helper-text"
        class="form-control"
        id="expertise"
        type="text"
      />
    </div>
  </div>
  
  <div class="form-check mt-3">
    <input
      aria-describedby="haveRuffinRidleyKids-helper-text"
      class="form-check-input"
      id="haveRuffinRidleyKids"
      type="checkbox"
    />
    <label for="haveRuffinRidleyKids">Are you the parent of any children currently attending Ruffin Ridley School?</label>

    <div id="haveRuffinRidleyKids-helper-text">
      
    </div>
  </div>
  <div class="form-row mt-3">
    <div class="col-12">
      <label for="kidsAndGrades">If yes, what grades are they in?</label>
      <input
        autocomplete="text"
        class="form-control"
        id="kidsAndGrades"
        type="text"
      />
    </div>
  </div>

  <div class="form-check mt-3">
    <input
      aria-describedby="nonRuffinRidleyKids-helper-text"
      class="form-check-input"
      id="nonRuffinRidleyKids"
      type="checkbox"
    />
    <label for="nonRuffinRidleyKids">Are you the parent of any children attending another Brookline K-8 school who are participating in the Ruffin Ridley Science Fair?</label>

    <div id="nonRuffinRidleyKids-helper-text">
      
    </div>
  </div>

  <div class="form-check mt-3 mb-3">
    <input
      class="form-check-input"
      id="pastJudge"
      type="checkbox"
    />
    <label for="pastJudge">Have you been a Ruffin Ridley Science Fair judge in the past?</label>
  </div>

  <div class="container judging">
    <div class="frame1">
      <button id="form_submit_judge" type="submit" class="btn btn-primary">
        Sign up
      </button>
    </div>

    <div class="frame2">
      <div class="success alert alert-success">
        <span class="fa fa-check"></span>
        <p>Thanks for signing up!</p>
        <button class="ok btn btn-success" role="button">OK</button>
      </div>
      <div class="remove alert alert-success">
        <span class="fa fa-check"></span>
        <p>
          OK, we will remove you from our mailing list. Sorry for any
          inconvenience.
        </p>
        <button class="ok btn btn-success" role="button">OK</button>
      </div>
      <div class="fail alert alert-warning">
        <span class="fa fa-times"></span>
        <p>
          Oops, there was a problem. The reason is: <span class="reason"></span>
        </p>
        <button class="ok btn btn-warning" role="button">OK</button>
      </div>
    </div>
  </div>
</form>
<script src="assets/js/judge-signup.js"></script>