page html tweaks

gogixweb · Mar 15, 2024 · 898bb38 · 898bb38
1 parent 7792bf2
commit 898bb38
Show file tree

Hide file tree

Showing 9 changed files with 88 additions and 10 deletions.
diff --git a/core/templates/core/home.html b/core/templates/core/home.html
@@ -1,10 +1,58 @@
 <!DOCTYPE html>
 <html>
-<body>
 
-<h1>Adicione os jogos do seu time</h1>
+<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
+
+<!DOCTYPE html>
+{% load static %}
+<html>
+<head>
+    <title>BaheaCal - Adicione Jogos do Seu Time Favorito</title>
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            padding-top: 20px;
+        }
+        h1 {
+            text-align: center;
+            margin-bottom: 30px;
+            font-size: 2.5rem; /* Responsive font size */
+            color: #007bff; /* Bootstrap primary color */
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>Adicione Jogos do Seu Time</h1>
+        <div class="row mt-5">
+            <h2 class="col text-center">no calendário do seu celular</h2>
+        </div>
+        <div class="row mt-5">
+            <div class="col text-center">
+                <!-- Bahia Button -->
+                <a href="/calendar/init" class="btn btn-primary">
+                    <img src="{% static 'icons/bahia.png' %}" alt="Bahia" style="height: 50px;"> Bahia
+                </a>
+            </div>
+        </div>
+        <div class="row mt-3">
+            <span class="col text-center">Em breve:</span>
+        </div>
+        <div class="row mt-3">
+            <!-- Disabled Buttons for Other Teams -->
+            <div class="col text-center">
+                <button class="btn btn-secondary disabled" disabled><img src="{% static 'icons/flamengo.png' %}" alt="Team 2" style="height: 20px;"> Flamengo</button>
+                <button class="btn btn-secondary disabled" disabled><img src="{% static 'icons/palmeiras.png' %}" alt="Team 3" style="height: 20px;"> Palmeiras</button>
+                <button class="btn btn-secondary disabled" disabled><img src="{% static 'icons/corinthians.png' %}" alt="Team 4" style="height: 20px;"> Corinthians</button>
+                <button class="btn btn-secondary disabled" disabled><img src="{% static 'icons/fluminense.png' %}" alt="Team 1" style="height: 20px;"> Fluminense</button>
+                <button class="btn btn-secondary disabled" disabled><img src="{% static 'icons/atletico.png' %}" alt="Team 5" style="height: 20px;"> Atlético</button>
+            </div>
+        </div>
+    </div>
 
-<a href="/calendar/init/">Adicione os jogos do Bahia</a>
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
 
 </body>
 </html>
diff --git a/core/templates/core/success.html b/core/templates/core/success.html
@@ -1,15 +1,41 @@
 <!DOCTYPE html>
 <html>
+
+<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
+
+<!DOCTYPE html>
+{% load static %}
+<html>
+<head>
+    <title>BaheaCal - Adicione Jogos do Seu Time Favorito</title>
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            padding-top: 20px;
+        }
+        h1 {
+            text-align: center;
+            margin-bottom: 30px;
+            font-size: 2.5rem; /* Responsive font size */
+            color: #007bff; /* Bootstrap primary color */
+        }
+    </style>
+</head>
 <body>
+    <div class="container">
+        <h1>Calendário Conectado!</h1>
+        {% if user.is_authenticated %}
+          <p class="col text-center">Obrigado, {{ user.username }}!</p>
+        {% else %}
+          <p class="col text-center">Obrigado, visitante!</p>
+        {% endif %}
 
-{% if user.is_authenticated %}
-  <p>Obrigado, {{ user.username }}!</p>
-{% else %}
-  <p>Obrigado, visitante!</p>
-{% endif %}
+        <p class="col text-center">Os eventos começarão a aparecer em breve.</p>
+    </div>
 
-<h1>Calendário Conectado!</h1>
-<p>Os eventos começarão a aparecer em breve.</p>
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
 
 </body>
 </html>
diff --git a/staticfiles/icons/atletico.png b/staticfiles/icons/atletico.png
diff --git a/staticfiles/icons/bahia.png b/staticfiles/icons/bahia.png
diff --git a/staticfiles/icons/corinthians.png b/staticfiles/icons/corinthians.png
diff --git a/staticfiles/icons/flamengo.png b/staticfiles/icons/flamengo.png
diff --git a/staticfiles/icons/fluminense.png b/staticfiles/icons/fluminense.png
diff --git a/staticfiles/icons/palmeiras.png b/staticfiles/icons/palmeiras.png
diff --git a/webapp/settings.py b/webapp/settings.py
@@ -136,6 +136,10 @@
 # Static files (CSS, JavaScript, Images)
 # https://docs.djangoproject.com/en/5.0/howto/static-files/
 
+STATICFILES_DIRS = [
+    BASE_DIR / "staticfiles",
+]
+
 STATIC_URL = "static/"
 STATIC_ROOT = "static"