dae67ce653
This update restructures the events page code and provides additional functionality. - Overwrite old entries on re-submission of previously used emails - Build data and stats caches on launch for use in submission checks and stats regeneration - Update to form content - Move stats function to separate utils file Reviewed-on: ayo/website#10 Co-authored-by: Jimmy Vargo <james@ayo.tokyo> Co-committed-by: Jimmy Vargo <james@ayo.tokyo>
76 lines
No EOL
3 KiB
HTML
76 lines
No EOL
3 KiB
HTML
<!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">Backgrounds 履歴・業種</span>
|
|
{% for id, label in background.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">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> |