jimmy/events (#6)
Co-authored-by: Jimmy Vargo <james@ayo.tokyo> Reviewed-on: ayo/website#6
This commit is contained in:
parent
83a0903155
commit
e3ddda951f
76 changed files with 564 additions and 1 deletions
76
events/templates/form.html
Normal file
76
events/templates/form.html
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='app.css') }}">
|
||||
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.svg') }}">
|
||||
<title>AYO Events</title>
|
||||
<script src="{{ url_for('static', filename='app.js') }}"></script>
|
||||
</head>
|
||||
<body>
|
||||
<img class="header" src="{{ url_for('static', filename='event_header.jpeg') }}" />
|
||||
|
||||
<h1>AYO Events</h1>
|
||||
|
||||
<p>Questionnaire / アンケート</p>
|
||||
<br>
|
||||
|
||||
<div class="questionnaire-content">
|
||||
|
||||
<div class="info">
|
||||
<p class="required">Name 名前</p>
|
||||
<input id="name" type="text" />
|
||||
</div>
|
||||
|
||||
<div class="info">
|
||||
<p class="required">Email メールアドレス</p>
|
||||
<input id="email" type="email" />
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<p class="instructions">Please provide answers to the following questions.</p>
|
||||
<p class="instructions">以下のアンケートにお答えしていただければ幸いです。</p>
|
||||
|
||||
<div class="question">
|
||||
<p class="required">What days and times of the week are convenient for you?
都合の良い時間を教えてください。</p>
|
||||
{% for id, name in times.items() %}
|
||||
<div class="row">
|
||||
<input id="{{ id }}" type="checkbox" />
|
||||
<label for="{{ id }}">{{ name }}</label>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="question">
|
||||
<p class="required">What topics are of interest to you?
どのテーマに興味がありますか?</p>
|
||||
{% for id, name in topics.items() %}
|
||||
<div class="row">
|
||||
<input id="{{ id }}" type="checkbox" />
|
||||
<label for="{{ id }}">{{ name }}</label>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="row">
|
||||
<input id="topic-other" type="checkbox" onchange="toggleOtherTopic()" />
|
||||
<label for="topic-other">Other その他</label>
|
||||
</div>
|
||||
<input id="other-text" type="text" placeholder="Other その他" />
|
||||
</div>
|
||||
|
||||
<div class="question">
|
||||
<p class="required">What language would you prefer?
どちらの言語が良いですか?</p>
|
||||
<select id="language">
|
||||
<option value="english">English 英語</option>
|
||||
<option value="japanese">Japanese 日本語</option>
|
||||
<option value="either">Either One どっちでも良い</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<p id="error"></p>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<button onclick="send()">Submit Response</button>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue