secret_valentine/welcome.html

   1 <html>
   2 <head>
   3 <title>Secret Velentine</title>
   4 <style type="text/css">
   5   label {
   6     text-align: left;
   7     float: left;
   8     margin-right: 1em;
   9     width: 10em;
  10   }
  11   #body {
  12     text-align: center;
  13   }
  14   #wrapper {
  15     margin:0 auto;
  16     width:700px;
  17     text-align: left;
  18   }
  19 </style>
  20 </head>
  21 <body>
  22  <div id="body">
  23   <div id="wrapper">
  24   <h1>Secret Valentine Sender</h1>
  25
  26   <div style="width: 35em">
  27   Use this page to send a secret Valentine greeting to someone you
  28   love.Fill in the details of the message below and it shall be
  29   sent.<br>
  30   <span style="color:red">(Warning: the content will not appear as you filled it in, the joke's on you!)</span>
  31   <br><br>
  32   {% if error_message %}
  33   <div style="color: red">{{ error_message }}</div>
  34   {% endif %}
  35   </table>
  36   <form action="send">
  37     <fieldset style="border: 0">
  38       <label for="email">To:</label>
  39       <input id="email" type="text" name="email">
  40       <br>
  41
  42       <label for="secret_name">Your secret name:</label>
  43       <input id="secret_name" type="text" name="secret_name">
  44       <br>
  45
  46       <label for="hint">&nbsp;</label>
  47       <div id="hint">(Don't use your real name!)</div>
  48
  49     </fieldset>
  50
  51     <fieldset>
  52     <legend>Message</legend>
  53     {% include "message_body.html" %}
  54     </fieldset>
  55     <fieldset>
  56     <legend>Formatting</legend>
  57       <input type="radio" name="format" value="html">HTML only</input><br>
  58       <input type="radio" name="format" value="text">Text only</input><br>
  59       <input type="radio" name="format" value="both">Both HTML and text</input>
  60     </fieldset>
  61     <input type="submit" value="Send">
  62   </form>
  63   </div>
  64  </div>
  65 </div>
  66 </body>
  67 </html>