Spaces:
Sleeping
Sleeping
refactor(start): improve profile creation form layout and toggle logic
Browse files- templates/start.html +3 -8
templates/start.html
CHANGED
|
@@ -10,6 +10,7 @@
|
|
| 10 |
document.getElementById('formulario-perfil').classList.add('hidden');
|
| 11 |
document.getElementById('link-ja-tenho').classList.add('hidden');
|
| 12 |
document.getElementById('link-criar').classList.remove('hidden');
|
|
|
|
| 13 |
}
|
| 14 |
</script>
|
| 15 |
|
|
@@ -17,7 +18,7 @@
|
|
| 17 |
<body>
|
| 18 |
|
| 19 |
<form method="POST">
|
| 20 |
-
<h1>Vamos criar seu perfil?</h1>
|
| 21 |
|
| 22 |
<div class="small-link" id="link-ja-tenho">
|
| 23 |
<a href="#" onclick="mostrarPerfis(); return false;">Já tenho perfil</a>
|
|
@@ -28,7 +29,7 @@
|
|
| 28 |
</div>
|
| 29 |
|
| 30 |
<div id="existing-profiles" class="hidden">
|
| 31 |
-
<
|
| 32 |
<ul>
|
| 33 |
{% for id, data in profiles.items() %}
|
| 34 |
<li><a href="/perfil/{{ id }}">{{ data.name or "Usuário " ~ id }}</a></li>
|
|
@@ -42,12 +43,6 @@
|
|
| 42 |
|
| 43 |
<p>Quais gêneros de livros você gosta?</p>
|
| 44 |
|
| 45 |
-
{% set genres = [
|
| 46 |
-
'aventura', 'autoajuda', 'biografia', 'ciência', 'drama', 'educação',
|
| 47 |
-
'espiritualidade', 'fantasia', 'ficção', 'filosofia', 'história', 'humor',
|
| 48 |
-
'mistério', 'negócios', 'não-ficção', 'poesia', 'romance', 'tecnologia', 'terror'
|
| 49 |
-
] %}
|
| 50 |
-
|
| 51 |
<div class="genre-grid">
|
| 52 |
{% for genre in genres %}
|
| 53 |
<label class="genre-label" for="{{ genre }}">
|
|
|
|
| 10 |
document.getElementById('formulario-perfil').classList.add('hidden');
|
| 11 |
document.getElementById('link-ja-tenho').classList.add('hidden');
|
| 12 |
document.getElementById('link-criar').classList.remove('hidden');
|
| 13 |
+
document.getElementById('titulo-criar-perfil').classList.add('hidden');
|
| 14 |
}
|
| 15 |
</script>
|
| 16 |
|
|
|
|
| 18 |
<body>
|
| 19 |
|
| 20 |
<form method="POST">
|
| 21 |
+
<h1 id="titulo-criar-perfil">Vamos criar seu perfil?</h1>
|
| 22 |
|
| 23 |
<div class="small-link" id="link-ja-tenho">
|
| 24 |
<a href="#" onclick="mostrarPerfis(); return false;">Já tenho perfil</a>
|
|
|
|
| 29 |
</div>
|
| 30 |
|
| 31 |
<div id="existing-profiles" class="hidden">
|
| 32 |
+
<h1>Selecione um perfil</h1>
|
| 33 |
<ul>
|
| 34 |
{% for id, data in profiles.items() %}
|
| 35 |
<li><a href="/perfil/{{ id }}">{{ data.name or "Usuário " ~ id }}</a></li>
|
|
|
|
| 43 |
|
| 44 |
<p>Quais gêneros de livros você gosta?</p>
|
| 45 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 46 |
<div class="genre-grid">
|
| 47 |
{% for genre in genres %}
|
| 48 |
<label class="genre-label" for="{{ genre }}">
|