Hugging Face's logo

Spaces:
chartManD
/
cata_system
Running

App Files Community
chartManD commited on
Commit
ff7afc7
·
1 Parent(s): 64c72d1

Aplicando paleta de colores a autentificacion

Browse files
Files changed (2) hide show
  1. tecnicas/templates/tecnicas/auth.html +27 -21
  2. tecnicas/templates/tecnicas/cata-login.html +41 -36
tecnicas/templates/tecnicas/auth.html CHANGED
@@ -3,29 +3,35 @@
3
  {% block title %}Login{% endblock %}
4
 
5
  {% block content %}
6
- <article class="w-full h-full flex flex-col justify-center items-center bg-gray-600">
7
- <form action="/auth" method="post" class="bg-gray-200 w-xl p-8 rounded-xl">
8
- <header class="text-center">
9
- <h1 class="text-5xl font-bold">Cateo System</h1>
10
- <p class="text-2xl font-medium mt-3">Presentador</p>
11
- </header>
12
- <section class="flex flex-col gap-6 items-center w-full mt-5">
13
- <label for="id">
14
- <input type="text" name="id" id="id" placeholder="Ingrese Indentifiacion"
15
- class="placeholder:text-gray-100 placeholder:text-xl bg-gray-400 py-3 px-6 rounded-xl w-sm border-b-2 border-blue-700" required>
16
- </label>
 
 
17
 
18
- <label for="id">
19
- <input type="text" name="id" id="id" placeholder="Ingrese Contraseña"
20
- class="placeholder:text-gray-100 placeholder:text-xl bg-gray-400 py-3 px-6 rounded-xl w-sm border-b-2 border-blue-700" required>
21
- </label>
 
22
 
23
- <section class="flex flex-row flex-wrap gap-4 w-f ull justify-center">
24
- <button type="submit"
25
- class="text-white bg-blue-600 hover:bg-blue-700 active:outline-none active:ring-4 active:ring-blue-300 font-medium rounded-xl text-xl px-8 py-2 text-center uppercase">Ingresar</button>
26
- </section>
 
 
27
 
28
- </section>
29
- </form>
 
30
  </article>
31
  {% endblock %}
 
3
  {% block title %}Login{% endblock %}
4
 
5
  {% block content %}
6
+ <article class="cts-container-main">
7
+ <article class="cts-wrap-content">
8
+ <form action="" method="post" class="p-8 rounded-xl text-black">
9
+ <header class="text-center">
10
+ <h1 class="text-5xl max-sm:text-3xl font-bold">Cata System</h1>
11
+ <p class="text-2xl max-sm:text-xl font-semibold mt-3">Presentador</p>
12
+ </header>
13
+ <section class="flex flex-col gap-6 items-center w-full mt-5">
14
+ <label for="id">
15
+ <input type="text" name="id" id="id" placeholder="Ingrese Indentifiacion"
16
+ class="placeholder:text-gray-400 placeholder:font-semibold text-xl max-sm:text-base bg-surface-ligt py-3 px-6 rounded-xl lg:w-sm border-b-2 border-surface-sweet"
17
+ required>
18
+ </label>
19
 
20
+ <label for="id">
21
+ <input type="text" name="id" id="id" placeholder="Ingrese Contraseña"
22
+ class="placeholder:text-gray-400 placeholder:font-semibold text-xl max-sm:text-base bg-surface-ligt py-3 px-6 rounded-xl lg:w-sm border-b-2 border-surface-sweet"
23
+ required>
24
+ </label>
25
 
26
+ <section class="flex flex-row flex-wrap gap-4 w-f ull justify-center">
27
+ <button type="submit"
28
+ class="cts-btn-general cts-btn-primary btn-push uppercase lg:w-sm">
29
+ Ingresar
30
+ </button>
31
+ </section>
32
 
33
+ </section>
34
+ </form>
35
+ </article>
36
  </article>
37
  {% endblock %}
tecnicas/templates/tecnicas/cata-login.html CHANGED
@@ -3,42 +3,47 @@
3
  {% block title %}Login{% endblock %}
4
 
5
  {% block content %}
6
- <article class="w-full h-full flex flex-col justify-center items-center bg-gray-600">
7
- <form action="" method="post" class="bg-gray-200 w-xl p-8 rounded-xl">
8
- {% csrf_token %}
9
- <header class="text-center">
10
- <h1 class="text-5xl font-bold">Cateo System</h1>
11
- <p class="text-2xl font-medium mt-3">Catadores</p>
12
- </header>
13
-
14
- {% if error %}
15
- <article class="bg-red-600 p-4 text-white rounded-xl ct-notification-error">
16
- <p class="block font-sans text-white text-xl antialiased font-bold uppercase tracking-wider text-center">
17
- {{ error }}
18
- </p>
19
- </article>
20
- {% endif %}
21
-
22
- <article class="flex flex-col gap-6 items-center w-full mt-5">
23
- <label for="id">
24
- <input type="text" name="code_session" id="id" placeholder="Codigo de sesion"
25
- class="placeholder:text-gray-100 placeholder:text-xl bg-gray-400 py-3 px-6 rounded-xl w-sm border-b-2 border-blue-700"
26
- required>
27
- </label>
28
-
29
- <label for="id">
30
- <input type="text" name="user_tester" id="id" placeholder="Nombre de usuario"
31
- class="placeholder:text-gray-100 placeholder:text-xl bg-gray-400 py-3 px-6 rounded-xl w-sm border-b-2 border-blue-700"
32
- required>
33
- </label>
34
-
35
- <section class="flex flex-row flex-wrap gap-4 w-f ull justify-center">
36
- <button type="submit"
37
- class="text-white bg-blue-600 hover:bg-blue-700 active:outline-none active:ring-4 active:ring-blue-300 font-medium rounded-xl text-xl px-8 py-2 text-center uppercase">Ingresar</button>
38
- </section>
39
-
40
- </article>
41
- </form>
 
 
 
 
 
42
  </article>
43
  {% endblock %}
44
 
 
3
  {% block title %}Login{% endblock %}
4
 
5
  {% block content %}
6
+ <article class="cts-container-main">
7
+ <article class="cts-wrap-content">
8
+ <form action="" method="post" class="p-8 rounded-xl text-black">
9
+ {% csrf_token %}
10
+ <header class="text-center">
11
+ <h1 class="text-5xl max-sm:text-3xl font-bold">Cata System</h1>
12
+ <p class="text-2xl max-sm:text-xl font-semibold mt-3">Catadores</p>
13
+ </header>
14
+
15
+ {% if error %}
16
+ <article class="bg-ct-error p-4 text-white rounded-xl ct-notification-error">
17
+ <p
18
+ class="block font-sans text-white text-xl antialiased font-bold uppercase tracking-wider text-center">
19
+ {{ error }}
20
+ </p>
21
+ </article>
22
+ {% endif %}
23
+
24
+ <article class="flex flex-col gap-6 items-center w-full mt-5">
25
+ <label for="id">
26
+ <input type="text" name="code_session" id="id" placeholder="Codigo de sesion"
27
+ class="placeholder:text-gray-400 placeholder:font-semibold text-xl max-sm:text-base bg-surface-ligt py-3 px-6 rounded-xl lg:w-sm border-b-2 border-surface-sweet"
28
+ required>
29
+ </label>
30
+
31
+ <label for="id">
32
+ <input type="text" name="user_tester" id="id" placeholder="Nombre de usuario"
33
+ class="placeholder:text-gray-400 placeholder:font-semibold text-xl max-sm:text-base bg-surface-ligt py-3 px-6 rounded-xl lg:w-sm border-b-2 border-surface-sweet"
34
+ required>
35
+ </label>
36
+
37
+ <section class="flex flex-row flex-wrap gap-4 w-f ull justify-center">
38
+ <button type="submit"
39
+ class="cts-btn-general cts-btn-primary btn-push uppercase lg:w-sm">
40
+ Ingresar
41
+ </button>
42
+ </section>
43
+
44
+ </article>
45
+ </form>
46
+ </article>
47
  </article>
48
  {% endblock %}
49