Hugging Face's logo

Spaces:
CidPascal
/
cid
Running

App Files Community
CidPascal commited on
Commit
c3acda0
·
verified ·
1 Parent(s): 98c27af

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +204 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Cid
3
- emoji: 👁
4
- colorFrom: pink
5
- colorTo: indigo
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: cid
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: pink
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,204 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>O Relato: Silêncio Rasgado - Ebook Exclusivo</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ .book-cover {
11
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 0 15px rgba(0, 0, 0, 0.1);
12
+ transform: perspective(1000px) rotateY(-10deg);
13
+ transition: all 0.3s ease;
14
+ }
15
+ .book-cover:hover {
16
+ transform: perspective(1000px) rotateY(0deg);
17
+ }
18
+ .pulse {
19
+ animation: pulse 2s infinite;
20
+ }
21
+ @keyframes pulse {
22
+ 0% { transform: scale(1); }
23
+ 50% { transform: scale(1.05); }
24
+ 100% { transform: scale(1); }
25
+ }
26
+ </style>
27
+ </head>
28
+ <body class="bg-gray-50 font-sans">
29
+ <!-- Cabeçalho com botão de compra -->
30
+ <header class="bg-indigo-900 text-white py-6">
31
+ <div class="container mx-auto px-4 flex flex-col md:flex-row justify-between items-center">
32
+ <div>
33
+ <h1 class="text-3xl font-bold">O Relato: Silêncio Rasgado</h1>
34
+ <p class="text-indigo-200 mt-2">Uma história que vai te marcar para sempre</p>
35
+ </div>
36
+ <div class="mt-4 md:mt-0">
37
+ <a href="#comprar" class="bg-amber-500 hover:bg-amber-600 text-white font-bold py-3 px-6 rounded-full flex items-center pulse">
38
+ <i class="fas fa-shopping-cart mr-2"></i>
39
+ COMPRAR AGORA - R$10,00
40
+ </a>
41
+ </div>
42
+ </div>
43
+ </header>
44
+
45
+ <!-- Seção principal -->
46
+ <main class="container mx-auto px-4 py-12">
47
+ <div class="flex flex-col lg:flex-row items-center gap-12">
48
+ <!-- Capa do livro -->
49
+ <div class="w-full lg:w-1/3 flex justify-center">
50
+ <div class="book-cover bg-white p-6 rounded-lg max-w-xs">
51
+ <div class="bg-indigo-800 text-white p-8 rounded text-center h-full flex flex-col justify-center">
52
+ <h2 class="text-2xl font-bold mb-2">O Relato:</h2>
53
+ <h3 class="text-xl italic">Silêncio Rasgado</h3>
54
+ <div class="mt-8 border-t border-indigo-400 pt-4">
55
+ <p class="text-sm">Uma história intensa</p>
56
+ <p class="text-sm">de superação e revelação</p>
57
+ </div>
58
+ </div>
59
+ </div>
60
+ </div>
61
+
62
+ <!-- Descrição -->
63
+ <div class="w-full lg:w-2/3">
64
+ <h2 class="text-4xl font-bold text-gray-800 mb-6">Descubra uma história que vai te emocionar</h2>
65
+
66
+ <div class="prose max-w-none text-gray-700 mb-8">
67
+ <p class="text-lg">"O Relato: Silêncio Rasgado" é uma obra poderosa que mergulha nas profundezas da experiência humana, revelando verdades que muitas vezes permanecem ocultas.</p>
68
+
69
+ <div class="bg-indigo-50 border-l-4 border-indigo-500 p-4 my-6">
70
+ <p class="italic text-indigo-800">"Uma narrativa que corta como uma faca e cura como um bálsamo. Impossível ficar indiferente."</p>
71
+ </div>
72
+
73
+ <h3 class="text-2xl font-semibold text-indigo-800 mt-8">O que você vai encontrar neste ebook:</h3>
74
+ <ul class="mt-4 space-y-2">
75
+ <li class="flex items-start">
76
+ <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
77
+ <span>Uma história envolvente que prende do início ao fim</span>
78
+ </li>
79
+ <li class="flex items-start">
80
+ <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
81
+ <span>Personagens profundos e marcantes</span>
82
+ </li>
83
+ <li class="flex items-start">
84
+ <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
85
+ <span>Revelações que vão te fazer refletir</span>
86
+ </li>
87
+ <li class="flex items-start">
88
+ <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
89
+ <span>Narrativa poética e impactante</span>
90
+ </li>
91
+ </ul>
92
+ </div>
93
+
94
+ <div class="mt-8">
95
+ <a href="#comprar" class="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-4 px-8 rounded-full inline-flex items-center">
96
+ <i class="fas fa-book-open mr-3"></i>
97
+ QUERO MEU EBOOK AGORA - APENAS R$10,00
98
+ </a>
99
+ </div>
100
+ </div>
101
+ </div>
102
+ </main>
103
+
104
+ <!-- Seção de depoimentos -->
105
+ <section class="bg-indigo-50 py-12">
106
+ <div class="container mx-auto px-4">
107
+ <h2 class="text-3xl font-bold text-center text-indigo-900 mb-12">O que os leitores estão dizendo</h2>
108
+
109
+ <div class="grid md:grid-cols-3 gap-8">
110
+ <div class="bg-white p-6 rounded-lg shadow-md">
111
+ <div class="flex items-center mb-4">
112
+ <div class="text-amber-400 text-2xl">
113
+ <i class="fas fa-star"></i>
114
+ <i class="fas fa-star"></i>
115
+ <i class="fas fa-star"></i>
116
+ <i class="fas fa-star"></i>
117
+ <i class="fas fa-star"></i>
118
+ </div>
119
+ </div>
120
+ <p class="text-gray-700 italic mb-4">"Não consegui parar de ler até terminar. Uma história que fica com você muito depois da última página."</p>
121
+ <p class="font-semibold text-indigo-800">— Ana C.</p>
122
+ </div>
123
+
124
+ <div class="bg-white p-6 rounded-lg shadow-md">
125
+ <div class="flex items-center mb-4">
126
+ <div class="text-amber-400 text-2xl">
127
+ <i class="fas fa-star"></i>
128
+ <i class="fas fa-star"></i>
129
+ <i class="fas fa-star"></i>
130
+ <i class="fas fa-star"></i>
131
+ <i class="fas fa-star"></i>
132
+ </div>
133
+ </div>
134
+ <p class="text-gray-700 italic mb-4">"O autor tem uma voz única. Cada palavra parece cuidadosamente escolhida para criar o máximo impacto."</p>
135
+ <p class="font-semibold text-indigo-800">— Ricardo M.</p>
136
+ </div>
137
+
138
+ <div class="bg-white p-6 rounded-lg shadow-md">
139
+ <div class="flex items-center mb-4">
140
+ <div class="text-amber-400 text-2xl">
141
+ <i class="fas fa-star"></i>
142
+ <i class="fas fa-star"></i>
143
+ <i class="fas fa-star"></i>
144
+ <i class="fas fa-star"></i>
145
+ <i class="fas fa-star-half-alt"></i>
146
+ </div>
147
+ </div>
148
+ <p class="text-gray-700 italic mb-4">"Comprei sem muitas expectativas e fui surpreendido pela qualidade da narrativa. Vale cada centavo."</p>
149
+ <p class="font-semibold text-indigo-800">— Juliana S.</p>
150
+ </div>
151
+ </div>
152
+ </div>
153
+ </section>
154
+
155
+ <!-- Seção de compra -->
156
+ <section id="comprar" class="py-16 bg-indigo-900 text-white">
157
+ <div class="container mx-auto px-4 text-center">
158
+ <h2 class="text-3xl font-bold mb-6">Adquira seu exemplar agora mesmo</h2>
159
+ <p class="text-xl text-indigo-200 mb-8">Por apenas R$10,00 você terá acesso a esta obra marcante</p>
160
+
161
+ <div class="max-w-2xl mx-auto bg-white rounded-lg shadow-xl overflow-hidden">
162
+ <div class="p-8 text-gray-800">
163
+ <h3 class="text-2xl font-bold mb-4 text-indigo-900">Formas de pagamento</h3>
164
+ <div class="flex justify-center gap-6 mb-8">
165
+ <i class="fab fa-cc-paypal text-4xl text-blue-600"></i>
166
+ <i class="fab fa-cc-visa text-4xl text-blue-900"></i>
167
+ <i class="fab fa-cc-mastercard text-4xl text-red-600"></i>
168
+ <i class="fas fa-barcode text-4xl text-green-600"></i>
169
+ </div>
170
+
171
+ <p class="mb-6">Após a confirmação do pagamento, você receberá o ebook em seu e-mail em até 24 horas.</p>
172
+
173
+ <a href="#" class="bg-amber-500 hover:bg-amber-600 text-white font-bold py-4 px-8 rounded-full inline-flex items-center text-lg">
174
+ <i class="fas fa-lock mr-3"></i>
175
+ COMPRAR COM SEGURANÇA
176
+ </a>
177
+
178
+ <div class="mt-6 flex items-center justify-center">
179
+ <i class="fas fa-shield-alt text-indigo-500 mr-2"></i>
180
+ <span class="text-sm">Compra 100% segura</span>
181
+ </div>
182
+ </div>
183
+ </div>
184
+ </div>
185
+ </section>
186
+
187
+ <!-- Rodapé -->
188
+ <footer class="bg-gray-800 text-white py-8">
189
+ <div class="container mx-auto px-4">
190
+ <div class="flex flex-col md:flex-row justify-between items-center">
191
+ <div class="mb-4 md:mb-0">
192
+ <p>&copy; 2023 O Relato: Silêncio Rasgado. Todos os direitos reservados.</p>
193
+ </div>
194
+ <div>
195
+ <a href="#comprar" class="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 px-6 rounded-full inline-flex items-center">
196
+ <i class="fas fa-shopping-cart mr-2"></i>
197
+ COMPRAR EBOOK - R$10,00
198
+ </a>
199
+ </div>
200
+ </div>
201
+ </div>
202
+ </footer>
203
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=CidPascal/cid" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
204
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Quero criar um site para venda do meu ebook. Ele se chaam: O relato: Silêncio rasgado. quero algo simples para bota isso no blogger. quero ele destacando meu ebook, e dois meios no comeco e no fim para compra o ebook e destaca o preço do ebook de 10R$.