troggle/templates/login/signup.html

<!-- signup.html - this text visible because this template has been included -->
{% extends "base.html" %}

{% block title %}

Loser Expo {{year}} SIGN-UP Form

{% endblock %}

{% block extraheaders %}
{% include 'html_editor_scripts_css.html' %}
{% endblock %}
{% block content %}

{% block head %}
{% endblock %}
{% load static %}

    <style type="text/css">
    body { margin-left: 8%; margin-right: 8%;  margin-bottom: 4% }
    h1 { font-size: 24pt; line-height: 100% }
    h2 { text-align: left}
	td { padding-left: 5px; padding-right: 10px }
    </style>

    <title>Loser Expo {{year}} Sign-up Form</title>
<br /><h1>Expo {{year}} ({{dates}})  Signup Form</h1>
     
    <p>This is the <strike>official</strike> experimental signup form for Expo {{year}}</p>
    <p>This form is <em>not</em> secure<a href="#footnote">*</a> and should not be used for <em>seriously confidential</em> information.<br>
	(However we take care not to <em>publish</em> your email address, phone numbers or residential addresses.)
<p>By submitting this form you consent to its contents being used for
    <ul 	style="list-style: disc">
<li> all expo organisational purposes
<li> being <em>public</em> in the printed Bier Book on Expo.</ul></p>
    <p>You are now also giving permission that all information you collect on expo 
	 <ul 	style="list-style: disc">
	<li>survey data, GPS tracks
	<li>photos, videos
	<li>trip writeups
    <li>rough notes
	<li>all other records or recordings you make
</ul>
    may be used without charge  <em>in perpetuity</em> for expo-related purposes.</p> 
	<p>Submitting this form will subscribe you to the expo mailing list
	if you are not already subscribed. 
	</p> 
 	{% if personal_login %}
	{% else %}
	<button  class="fancybutton"  style="padding: 0.5em 25px; font-size: 100%;" onclick="window.location.href='/accounts/register/'" value = "Go to">
		You need to register a personal login before you can signup to attend &rarr;
	</button>	<br /><br />
	{% endif %}   
    <hr>
<span style="color:red; font-family: monospace; font-weight: bold;">
{{ form.errors }} <br /> <!-- why are the field errors not being reported against the field as a red outline?? -->
{{ form.non_field_errors }} <!-- form validation errors appear here, and also at the top of the form-->
</span>	
    <form action="{% url 'signup' %}" method="post">
        {% csrf_token %}
    
    <h3>Personal information</h3>
    
    <table border="0">
      <tr>
        <td colspan="2"><b>Your details:</b></td>
        <td colspan="2"><b>Next of kin:</b></td>
      </tr>
      <tr>
        <td align="right"><i>Full</i> name:</td>
        <td>{{ form.name }}</td>
        <td align="right">Name:</td>
        <td>{{ form.kin_name }}</td>
      </tr>
      <tr>
        <td align="right">Address:</td>
        <td>{{ form.address }}</td>
        <td align="right">Address:</td>
        <td>{{ form.kin_address }}</td>
      </tr>
      <tr>
        <td align="right">Phone:</td>
        <td>{{ form.phone }}</td>
        <td align="right">Phone:</td>
        <td>{{ form.kin_phone }}</td>
      </tr>
      <tr>
        <td align="right">Email:</td>
        <td>{{ form.email }}</td>
        <td align="right">Email:</td>
        <td>{{ form.kin_email }}</td>
      </tr>
      <tr>
        <td colspan="2"></td>
        <td align="right">Relation to you:</td>
        <td>{{ form.relation }}</td>
      </tr>
    </table>
		&nbsp;<br />
    <table border="0">   
      <tr>
        <td><b>Are you a vegetarian?</b></td>
        <td><b>Are you a student/unwaged?</b></td>
      </tr>
      <tr>
        <td>{{ form.veggie }}</td>
        <td>{{ form.student }}</td>
      </tr>

    </table>

    <table border="0">   
    <h3>Transport</h3>
    <p>Please look now at the <a target="_blank" href="/years/{{year}}/travel.html">transport arrangements page</a> (will open in a new window). Then select one of the following:</p>
    
    <p>{{ form.transport_ok }}</p>
    
    <p>If your arrangements are shown incorrectly, then please state the corrected version in the box below. </p>
    <p>{{ form.transport_info }}</p>
    </table>
    <table border="0">   
    <h3>Tents</h3>
    <p>There will be two high camps in {{year}}:</p>
    <ul 	style="list-style: disc">
      <li>the Stone Bridge site;</li>
      <li>the Garlic Cave site</li>
    </ul>
    <p>As well as space for your own tent, there is space for three people in a Club tent at Base camp. At the stone bridge, a breathable and waterproof bivvy bag is not essential but useful if you have one. At Garlic Cave a bivvy bag is very strongly recommended.</p>
    <p>Will you be bringing any of the following to expo (please tick/complete as appropriate):</p>
    <p>{{ form.bivvy }} Yes I will have my own bivvy bag which I will use up the mountain.</p>
    <p>{{ form.tent }} Yes, I will have a {{ form.top_tent_cap }} person tent for the Top Camp site.</p>
    <p>{{ form.btent }} Yes, I will have a {{ form.base_tent_cap }} person tent for Base Camp.</p>
    <p>Leave the tick-boxes unchecked if you require Club tent space at a particular site.</p>

    <h3>Caving/surface work projects</h3>
    <p>To assist organisation of gear, it would be helpful to know people's possible aims on Expo. Thus if you have a particular project in mind, please state it below:</p>
    <p>{{ form.aims }}</p>
    
    <h3>Public medical information</h3>
    <p>This is for anything medical you want everyone to be aware of. The medical information entered here will appear, on paper, in the Bier Book. 
	More personal medical information relevant to your safe treatment on expo in case of need should be privately communicated to
    <a href="mailto:medic@austria.expo">the medical officer</a> [placeholder, inoperative email address] preferably only on paper. This will be placed in sealed envelopes inside the large first aid kits for use in case of emergency. Please ensure that you communicate such information in good time and <em>take it with you or destroy it yourself when you leave expo</em>.</p>
    <p>Please list any allergies which you want people to know about:</p>
    <p>{{ form.allergies }}</p>
    <!--<p>Please list any medication which you may be taking in Austria which need:</p>
    <p>{{ form.medication }}</p>-->
    <p>Please list any other medical conditions that everyone on the expedition should be aware of:</p>
    <p>{{ form.medic_info }}</p>
	<p>If you have medication which must be kept in the fridge at basecamp, then please tell the medical officer and  bring <em>your own</em> small <b>robust</b> container which will not be damaged by moving beer bottles, with a label with your name indelibly written on it and the words "MEDICAL - personal" prominently displayed. There is limited space in the fridge.
    
    <h3>Other</h3>
    <p>Any other information, including any skills e.g. first aid, languages, etc. that you have:</p>
    <p>{{ form.extra_info }}</p>
    

     </table>
    <hr>
    
    <h2>All done?</h2>
    <!-- <p>Click the <b>Preview</b> button below to review your submission.</p> -->
	<div style="text-align: center">
	{% if personal_login %}
 	<button  class="fancybutton"  style="padding: 0.5em 25px; font-size: 100%;" type = "submit" >
		Submit &rarr;
	</button>	
	{% else %}
	<button  class="fancybutton"  style="padding: 0.5em 25px; font-size: 100%;" onclick="window.location.href='/accounts/register/'" value = "Go to">
		You need to register a personal login before you can signup to attend &rarr;
	</button>	
	{% endif %}
	</div>
  </form>

<p>
<h3 id ="footnote">How secure is this ?</h3>
<p>It is rather more secure than most things you are likely to come across when interacting with a student club. We are writing up a threat analysis. Your password is very secure, as it is never stored, but the data you submit is stored (<a href="https://www.comparitech.com/blog/information-security/what-is-fernet/">encrypted</a>). This is open in principle to any of our programmers who could write code to decrypt it and export it; but our code base is under version control so unless the programmer is also a git expert it is unlikely that this would go unnoticed.
    
  &nbsp;<br />
  <hr>
  <p>Please report any problems with this form to a  <a href="mailto:philip.sargent@klebos.eu">troggle nerd</a>.</p>
{% endblock %}