AYO/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

jimmy/events (#6)

Browse source 
Co-authored-by: Jimmy Vargo <james@ayo.tokyo>
Reviewed-on: ayo/website#6
This commit is contained in:
corentin 2024-04-09 16:43:42 +09:00 • committed by Corentin
commit e3ddda951f
76 changed files with 564 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

76
events/templates/form.html Normal file
View 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?&NewLine;都合の良い時間を教えてください。</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?&NewLine;どのテーマに興味がありますか？</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?&NewLine;どちらの言語が良いですか？</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>

65
events/templates/stats.html Normal file
View file

@ -0,0 +1,65 @@
<!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>Thank you for your feedback submission!</p>
<p>アンケートのご協力いただき、ありがとうございました！</p>
<br>
<p class="instructions">Here are some insights into what others have said.</p>
<p class="instructions">以下は他の方からいただいた回答についての情報があります。</p>
<br>
<div class="stats-table">
<span class="stats-header">Times 都合の時間</span>
{% for id, label in times.items() %}
<div class="stat-item">
<div class="stat-chart">
<div class="pie-chart" style="background: conic-gradient(var(--color) 0%, var(--color) {{ data[id]['percent'] }}%, var(--bg) {{ data[id]['percent'] }}%, var(--bg) 100%);"></div>
<span class="stat-percent">{{ data[id]['percent'] }}%</span>
</div>
<div><p class="stat-label">{{ label }}</p></div>
</div>
{% endfor %}
<span class="stats-header">Topics of Interest 興味あるテーマ</span>
{% for id, label in topics.items() %}
<div class="stat-item">
<div class="stat-chart">
<div class="pie-chart" style="background: conic-gradient(var(--color) 0%, var(--color) {{ data[id]['percent'] }}%, var(--bg) {{ data[id]['percent'] }}%, var(--bg) 100%);"></div>
<span class="stat-percent">{{ data[id]['percent'] }}%</span>
</div>
<div><p class="stat-label">{{ label }}</p></div>
</div>
{% endfor %}
<span class="stats-header">Other Topics of Interest その他の興味あるテーマ</span>
<div class="stat-other-topics">
{% for item in data['topic-other'] %}
<p>{{ item }}</p>
{% endfor %}
</div>
<span class="stats-header">Languages 言語</span>
{% for id, label in languages.items() %}
<div class="stat-item">
<div class="stat-chart">
<div class="pie-chart" style="background: conic-gradient(var(--color) 0%, var(--color) {{ data[id]['percent'] }}%, var(--bg) {{ data[id]['percent'] }}%, var(--bg) 100%);"></div>
<span class="stat-percent">{{ data[id]['percent'] }}%</span>
</div>
<div><p class="stat-label">{{ label }}</p></div>
</div>
{% endfor %}
</div>
</body>
</html>