Spaces:
Running
Running
clone exatamente esse site
Browse files- README.md +8 -5
- index.html +81 -19
README.md
CHANGED
|
@@ -1,10 +1,13 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
|
|
|
|
|
|
| 1 |
---
|
| 2 |
+
title: HabitHive Buzz 🐝
|
| 3 |
+
colorFrom: purple
|
| 4 |
+
colorTo: yellow
|
| 5 |
+
emoji: 🐳
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
| 8 |
+
tags:
|
| 9 |
+
- deepsite-v3
|
| 10 |
---
|
| 11 |
|
| 12 |
+
# Welcome to your new DeepSite project!
|
| 13 |
+
This project was created with [DeepSite](https://huggingface.co/deepsite).
|
index.html
CHANGED
|
@@ -1,19 +1,81 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
</
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="pt-br">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>HabitHive Buzz</title>
|
| 7 |
+
<link rel="stylesheet" href="style.css">
|
| 8 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 9 |
+
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 10 |
+
<script src="https://unpkg.com/feather-icons"></script>
|
| 11 |
+
</head>
|
| 12 |
+
<body class="bg-gray-100 min-h-screen">
|
| 13 |
+
<div class="container mx-auto px-4 py-8">
|
| 14 |
+
<header class="mb-8">
|
| 15 |
+
<div class="flex justify-between items-center">
|
| 16 |
+
<h1 class="text-2xl font-bold text-gray-800">Dashboard Diário</h1>
|
| 17 |
+
<div class="text-gray-600">sexta-feira, 2 de janeiro de 2026</div>
|
| 18 |
+
</div>
|
| 19 |
+
</header>
|
| 20 |
+
|
| 21 |
+
<main>
|
| 22 |
+
<section class="mb-8">
|
| 23 |
+
<div class="bg-white rounded-lg shadow-md p-6 text-center">
|
| 24 |
+
<h2 class="text-xl font-semibold mb-4 text-gray-700">Hoje é um novo dia para evoluir! 💪</h2>
|
| 25 |
+
</div>
|
| 26 |
+
</section>
|
| 27 |
+
|
| 28 |
+
<section class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
|
| 29 |
+
<div class="bg-white rounded-lg shadow-md p-6 text-center">
|
| 30 |
+
<h3 class="text-lg font-medium text-gray-600 mb-2">Hábitos Hoje</h3>
|
| 31 |
+
<p class="text-3xl font-bold text-gray-800">0/0</p>
|
| 32 |
+
<p class="text-gray-500">0% concluído</p>
|
| 33 |
+
</div>
|
| 34 |
+
|
| 35 |
+
<div class="bg-white rounded-lg shadow-md p-6 text-center">
|
| 36 |
+
<h3 class="text-lg font-medium text-gray-600 mb-2">Pontos</h3>
|
| 37 |
+
<p class="text-3xl font-bold text-gray-800">0/0</p>
|
| 38 |
+
<p class="text-gray-500">Pontuação do dia</p>
|
| 39 |
+
</div>
|
| 40 |
+
|
| 41 |
+
<div class="bg-white rounded-lg shadow-md p-6 text-center">
|
| 42 |
+
<h3 class="text-lg font-medium text-gray-600 mb-2">Sequência</h3>
|
| 43 |
+
<p class="text-3xl font-bold text-gray-800">0</p>
|
| 44 |
+
<p class="text-gray-500">Maior streak</p>
|
| 45 |
+
</div>
|
| 46 |
+
|
| 47 |
+
<div class="bg-white rounded-lg shadow-md p-6 text-center">
|
| 48 |
+
<h3 class="text-lg font-medium text-gray-600 mb-2">Desempenho</h3>
|
| 49 |
+
<p class="text-3xl font-bold text-gray-800">0%</p>
|
| 50 |
+
<p class="text-gray-500">Performance geral</p>
|
| 51 |
+
</div>
|
| 52 |
+
</section>
|
| 53 |
+
|
| 54 |
+
<section class="mb-8">
|
| 55 |
+
<div class="bg-white rounded-lg shadow-md p-6">
|
| 56 |
+
<h3 class="text-lg font-medium text-gray-600 mb-4">Progresso do Dia</h3>
|
| 57 |
+
<div class="w-full bg-gray-200 rounded-full h-4">
|
| 58 |
+
<div class="bg-blue-500 h-4 rounded-full" style="width: 0%"></div>
|
| 59 |
+
</div>
|
| 60 |
+
<p class="text-right text-gray-500 mt-2">Hábitos concluídos 0%</p>
|
| 61 |
+
</div>
|
| 62 |
+
</section>
|
| 63 |
+
|
| 64 |
+
<section>
|
| 65 |
+
<div class="bg-white rounded-lg shadow-md p-6">
|
| 66 |
+
<h3 class="text-lg font-medium text-gray-600 mb-4">Hábitos de Hoje</h3>
|
| 67 |
+
<div class="text-center py-8">
|
| 68 |
+
<p class="text-gray-500">Nenhum hábito configurado para hoje.</p>
|
| 69 |
+
<p class="text-gray-500 mt-2">Vá para a aba Hábitos para adicionar novos hábitos.</p>
|
| 70 |
+
</div>
|
| 71 |
+
</div>
|
| 72 |
+
</section>
|
| 73 |
+
</main>
|
| 74 |
+
</div>
|
| 75 |
+
|
| 76 |
+
<script>
|
| 77 |
+
feather.replace();
|
| 78 |
+
</script>
|
| 79 |
+
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
|
| 80 |
+
</body>
|
| 81 |
+
</html>
|