82 lines
2.0 KiB
HTML
82 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Create Connections Puzzle</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
|
|
</head>
|
|
|
|
<body>
|
|
<nav class="header-links">
|
|
<a href="/all">all</a>
|
|
{% if show_zero_link %}
|
|
<a href="/0">0</a>
|
|
{% endif %}
|
|
{% for number in nav_numbers %}
|
|
<a href="/{{ number }}">{{ number }}</a>
|
|
{% endfor %}
|
|
<a href="/new" class="active">new</a>
|
|
<a href="/delete">delete</a>
|
|
</nav>
|
|
|
|
<h1>Connections</h1>
|
|
<p class="subtitle">Create Puzzle</p>
|
|
|
|
<form method="post" class="builder">
|
|
<div class="meta-row">
|
|
<label>
|
|
Author
|
|
<input type="text" name="author" value="{{ (form.author if form else '') }}" required>
|
|
</label>
|
|
<label>
|
|
Creation Date
|
|
<input
|
|
type="text"
|
|
name="creation_date"
|
|
placeholder="15 March 2026"
|
|
value="{{ (form.creation_date if form else creation_date) }}"
|
|
required
|
|
>
|
|
</label>
|
|
</div>
|
|
|
|
<div id="grid" class="builder-grid">
|
|
{% for i in range(1, 5) %}
|
|
<div class="card solved builder-row" style="background-color: var(--lvl-{{ i }})">
|
|
<input
|
|
type="text"
|
|
name="category_{{ i }}_name"
|
|
placeholder="Category {{ i }} name"
|
|
value="{{ (form['category_' ~ i ~ '_name'] if form else '') }}"
|
|
required
|
|
>
|
|
<div class="builder-words">
|
|
{% for j in range(1, 5) %}
|
|
<input
|
|
type="text"
|
|
name="category_{{ i }}_word_{{ j }}"
|
|
placeholder="Word {{ j }}"
|
|
value="{{ (form['category_' ~ i ~ '_word_' ~ j] if form else '') }}"
|
|
required
|
|
>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<div class="controls">
|
|
<button type="submit">Save Puzzle</button>
|
|
<a class="ghost-link" href="/">Back to Puzzle</a>
|
|
</div>
|
|
</form>
|
|
|
|
<div id="message" class="{{ 'ok' if success else '' }}">
|
|
{% if error %}{{ error }}{% elif success %}{{ success }}{% endif %}
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|