Open source survey management
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

56 lines
2.5 KiB

  1. <html>
  2. <head>
  3. <link rel="stylesheet" type="text/css" href="style.css">
  4. </head>
  5. <body>
  6. <div id="container">
  7. <div id="header">
  8. <h1>UNIXPORN SURVEY 2018</h1>
  9. <h3>User Demography</h3>
  10. <p>Given that there's about 110,000 of you now, we want to get to know you all a little better. All survey responses can be anonymous, though there's the option at the end to enter your Reddit username and be entered into a prize draw for some Reddit Gold. Fo that reason questions in this section are optional.</p>
  11. </div>
  12. <div class="template">
  13. <h2>What's your gender?</h2>
  14. <div><label>Male</label><input type="radio" name="gender" value="male"/></div>
  15. <div><label>Female</label><input type="radio" name="gender" value="female"/></div>
  16. <div><label>Other</label><input type="radio" name="gender" value="other"/></div>
  17. </div>
  18. <hr>
  19. <div class="template">
  20. <h2>How old are you?</h2>
  21. <p>What are you, like 12?</p>
  22. <input type="number" class="number other" /> years
  23. </div>
  24. <hr>
  25. <div class="template">
  26. <h2>What country do you call home?</h2>
  27. <p>Do we have a worldwide audience or an anglocentric one?</p>
  28. <select>
  29. <option>Please Select</option>
  30. <option>Option 1</option>
  31. <option>Option 2</option>
  32. <option>Option 3</option>
  33. </select>
  34. </div>
  35. <hr>
  36. <div class="template">
  37. <h2>What's your occupation?</h2>
  38. <p>What field you work in (if you do) or if you're still in education. You can add more detail in the "other" box if you feel like it.</p>
  39. <div><label>Academia (teacher, lecturer, etc)</label><input type="checkbox" name="occupation" value="academia"></div>
  40. <div><label>Developer/Programmer</label><input type="checkbox" name="occupation" value="developer"></div>
  41. <div><label>IT Support</label><input type="checkbox" name="occupation" value="support"></div>
  42. <div><label>Science</label><input type="checkbox" name="occupation" value="science"></div>
  43. <div><label>Student (any level/subjects)</label><input type="checkbox" name="occupation" value="student"></div>
  44. <div><label>SysAdmin</label><input type="checkbox" name="occupation" value="sysadmin"></div>
  45. <div><label>Unemployed</label><input type="checkbox" name="occupation" value="unemployed"></div>
  46. <div>
  47. <label>Other</label><input type="checkbox" name="occupation" value="other"><br>
  48. <input class="other" type="textbox" name="occupation_other">
  49. </div>
  50. </div>
  51. <hr>
  52. <input type="submit" value="Continue" />
  53. </div>
  54. </body>
  55. </html>