Hugging Face's logo

Spaces:
kevinktg
/
deardidi
Running

App Files Community
kevinktg commited on
Commit
a578fc4
·
verified ·
1 Parent(s): 06f1bdd

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +561 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Deardidi
3
- emoji: 🌖
4
- colorFrom: blue
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: deardidi
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: purple
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,561 @@
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="ro">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Dear DiDi | Ajutor și Resurse pentru Tineri Vulnerabili în România</title>
7
+ <meta name="description" content="Dear DiDi oferă suport, resurse și ghidare pentru tinerii vulnerabili din România, inclusiv ajutor legal, sprijin financiar, locuri de muncă și formare profesională.">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
10
+ <link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
11
+ <style>
12
+ .dear-didi {
13
+ font-family: 'Dancing Script', cursive;
14
+ }
15
+ body {
16
+ font-family: 'Open Sans', sans-serif;
17
+ background-color: #FFF9F5; /* Light peach background */
18
+ }
19
+ /* Background Color Utilities */
20
+ .romanian-red-bg { background-color: #CE1126; }
21
+ .romanian-yellow-bg { background-color: #FCD116; }
22
+ .romanian-blue-bg { background-color: #002B7F; }
23
+
24
+ .warm-orange-bg { background-color: #FF8C42; }
25
+ .warm-peach-bg { background-color: #FFD3B6; }
26
+
27
+ /* Custom Text Color Utilities */
28
+ .text-romanian-custom-blue { color: #002B7F; }
29
+ .text-romanian-custom-red { color: #CE1126; }
30
+ .text-romanian-custom-yellow { color: #FCD116; }
31
+ .text-warm-orange { color: #FF8C42;} /* For text, if needed */
32
+ .text-warm-peach-darker { color: #E5A074; } /* Example darker peach for text on light peach bg */
33
+
34
+
35
+ .chatbot-container {
36
+ transition: all 0.3s ease;
37
+ }
38
+ .chatbot-hidden {
39
+ transform: translateY(100%);
40
+ opacity: 0;
41
+ }
42
+ .step-card:hover {
43
+ transform: translateY(-5px);
44
+ box-shadow: 0 10px 20px rgba(0,0,0,0.1);
45
+ }
46
+ </style>
47
+ </head>
48
+ <body class="text-gray-800">
49
+ <header class="romanian-red-bg text-white py-6 shadow-md">
50
+ <div class="container mx-auto px-4">
51
+ <div class="flex justify-between items-center">
52
+ <h1 class="dear-didi text-4xl md:text-5xl">Dear DiDi<span class="text-romanian-custom-yellow">💖</span></h1>
53
+ <button id="chatbotToggle" class="warm-orange-bg hover:bg-yellow-600 text-white font-bold py-2 px-4 rounded-full flex items-center">
54
+ <img src="https://i.ibb.co/9kkWq2HY/Didi3.jpg" alt="DiDi Chat" class="w-8 h-8 rounded-full mr-2 border-2 border-white object-cover">
55
+ Ajutor Chat
56
+ </button>
57
+ </div>
58
+ <p class="mt-2 text-warm-peach-darker">Suport și resurse pentru tineri vulnerabili</p>
59
+ </div>
60
+ </header>
61
+
62
+ <section id="about-didi" class="py-12 bg-warm-peach bg-opacity-20">
63
+ <div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
64
+ <div class="md:w-1/3 mb-6 md:mb-0 md:mr-8 flex justify-center">
65
+ <img src="https://i.ibb.co/WvqCRsVH/an-anime-style-futuristic-ai-innovator-your-name-standing-with-confidence-in-a-neon-lit-cyber-citys.webp" alt="an-anime-style-futuristic-ai-innovator-your-name-standing-with-confidence-in-a-neon-lit-cyber-citys-" border="0">
66
+ </div>
67
+ <div class="md:w-2/3 text-center md:text-left">
68
+ <h2 class="text-3xl font-bold romanian-blue mb-3">💖 You'll be ok 🤗</h2>
69
+ <p class="text-lg text-gray-700 mb-4">
70
+ I'm sorry if the site is not true or if there's anything insulting... I just asked my AI agents to research and make sure it's in Romanian 🤣. I don't know what anything says...
71
+ </p>
72
+ <p class="text-lg text-gray-700 mb-4">
73
+ You are a BEATIFUL GIRL, who any guy will be lucky to have.. or come to Australia and we'll make 💰🫰💵 somehow 😎 - 💖 Kev
74
+ </p>
75
+ </div>
76
+ </div>
77
+ </section>
78
+
79
+
80
+ <section class="warm-peach-bg py-12">
81
+ <div class="container mx-auto px-4 text-center">
82
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 text-romanian-custom-blue">Ai nevoie de ajutor urgent?</h2>
83
+ <p class="text-xl mb-8 max-w-2xl mx-auto text-gray-700">Dacă ești în pericol de evacuare sau ai nevoie de sprijin rapid, următorii pași te pot ajuta să obții soluții practice.</p>
84
+ <div class="flex flex-wrap justify-center gap-4">
85
+ <a href="#legal" class="romanian-red-bg hover:bg-red-800 text-white font-bold py-3 px-6 rounded-full">Ajutor Legal</a>
86
+ <a href="#financial" class="romanian-blue-bg hover:bg-blue-900 text-white font-bold py-3 px-6 rounded-full">Sprijin Financiar</a>
87
+ <a href="#jobs" class="warm-orange-bg hover:bg-orange-700 text-white font-bold py-3 px-6 rounded-full">Locuri de Muncă</a>
88
+ </div>
89
+ </div>
90
+ </section>
91
+
92
+ <main class="container mx-auto px-4 py-12">
93
+ <section id="legal" class="mb-16">
94
+ <div class="flex items-center mb-6">
95
+ <div class="romanian-red-bg text-white font-bold text-2xl rounded-full w-12 h-12 flex items-center justify-center mr-4">1</div>
96
+ <h2 class="text-2xl md:text-3xl font-bold text-romanian-custom-blue">Obține ajutor juridic gratuit</h2>
97
+ </div>
98
+
99
+ <div class="grid md:grid-cols-2 gap-6">
100
+ <div class="bg-white rounded-lg shadow-md overflow-hidden step-card transition duration-300">
101
+ <div class="romanian-blue-bg text-white px-6 py-4">
102
+ <h3 class="font-bold text-xl flex items-center">
103
+ <i class="fas fa-balance-scale mr-3"></i> Baroul București
104
+ </h3>
105
+ </div>
106
+ <div class="p-6">
107
+ <p class="mb-4">Serviciul de asistență juridică gratuită pentru persoanele vulnerabile.</p>
108
+ <ul class="space-y-3">
109
+ <li class="flex items-start">
110
+ <i class="fas fa-phone-alt text-romanian-custom-red mr-3 mt-1"></i>
111
+ <span><strong>Telefon:</strong> <a href="tel:0213142023" class="text-romanian-custom-blue hover:underline">021.314.20.23</a></span>
112
+ </li>
113
+ <li class="flex items-start">
114
+ <i class="fas fa-envelope text-romanian-custom-red mr-3 mt-1"></i>
115
+ <span><strong>Email:</strong> <a href="mailto:saj@baroul-bucuresti.ro" class="text-romanian-custom-blue hover:underline">saj@baroul-bucuresti.ro</a></span>
116
+ </li>
117
+ <li class="flex items-start">
118
+ <i class="fas fa-map-marker-alt text-romanian-custom-red mr-3 mt-1"></i>
119
+ <span><strong>Adresă:</strong> CAMERA P100 (marți și joi 12–14)</span>
120
+ </li>
121
+ </ul>
122
+ <div class="mt-4 p-3 warm-peach-bg rounded">
123
+ <i class="fas fa-lightbulb text-romanian-custom-blue mr-2"></i>
124
+ <strong>Sfat:</strong> Explică că ești fără venit și riști să fii evacuată. Cere consultanță pentru suspendarea evacuării.
125
+ </div>
126
+ </div>
127
+ </div>
128
+
129
+ <div class="bg-white rounded-lg shadow-md overflow-hidden step-card transition duration-300">
130
+ <div class="romanian-blue-bg text-white px-6 py-4">
131
+ <h3 class="font-bold text-xl flex items-center">
132
+ <i class="fas fa-gavel mr-3"></i> Acte necesare
133
+ </h3>
134
+ </div>
135
+ <div class="p-6">
136
+ <p class="mb-4">Documente pe care ar trebui să le ai pentru a-ți apăra drepturile:</p>
137
+ <ul class="space-y-2">
138
+ <li class="flex items-start">
139
+ <i class="fas fa-check-circle text-green-500 mr-3 mt-1"></i>
140
+ <span>Contractul de închiriere (dacă există)</span>
141
+ </li>
142
+ <li class="flex items-start">
143
+ <i class="fas fa-check-circle text-green-500 mr-3 mt-1"></i>
144
+ <span>Orice notificare primită de la proprietar</span>
145
+ </li>
146
+ <li class="flex items-start">
147
+ <i class="fas fa-check-circle text-green-500 mr-3 mt-1"></i>
148
+ <span>Dovada veniturilor (dacă ai)</span>
149
+ </li>
150
+ <li class="flex items-start">
151
+ <i class="fas fa-check-circle text-green-500 mr-3 mt-1"></i>
152
+ <span>Carte de identitate</span>
153
+ </li>
154
+ </ul>
155
+ <div class="mt-4 p-3 warm-peach-bg rounded">
156
+ <i class="fas fa-exclamation-triangle text-romanian-custom-red mr-2"></i>
157
+ <strong>Important:</strong> Dacă nu ai acte, contactează DGASPC pentru asistență în obținerea lor.
158
+ </div>
159
+ </div>
160
+ </div>
161
+ </div>
162
+ </section>
163
+
164
+ <section id="financial" class="mb-16">
165
+ <div class="flex items-center mb-6">
166
+ <div class="romanian-red-bg text-white font-bold text-2xl rounded-full w-12 h-12 flex items-center justify-center mr-4">2</div>
167
+ <h2 class="text-2xl md:text-3xl font-bold text-romanian-custom-blue">Aplică pentru sprijin financiar</h2>
168
+ </div>
169
+ <div class="grid md:grid-cols-2 gap-6">
170
+ <div class="bg-white rounded-lg shadow-md overflow-hidden step-card transition duration-300">
171
+ <div class="romanian-blue-bg text-white px-6 py-4">
172
+ <h3 class="font-bold text-xl flex items-center"><i class="fas fa-hand-holding-usd mr-3"></i> DGASPC Sector 1</h3>
173
+ </div>
174
+ <div class="p-6">
175
+ <p class="mb-4">Program de prevenire a marginalizării pentru tineri care au fost în sistemul de protecție.</p>
176
+ <ul class="space-y-3">
177
+ <li class="flex items-start"><i class="fas fa-envelope text-romanian-custom-red mr-3 mt-1"></i><span><strong>Email:</strong> <a href="mailto:preveniremarginalizare@dgaspc-sectorul1.ro" class="text-romanian-custom-blue hover:underline">preveniremarginalizare@dgaspc-sectorul1.ro</a></span></li>
178
+ <li class="flex items-start"><i class="fas fa-phone-alt text-romanian-custom-red mr-3 mt-1"></i><span><strong>Telefon:</strong> <a href="tel:0212221440" class="text-romanian-custom-blue hover:underline">021.222.14.40</a></span></li>
179
+ <li class="flex items-start"><i class="fas fa-map-marker-alt text-romanian-custom-red mr-3 mt-1"></i><span><strong>Adresă:</strong> Bd. Mareşal Averescu, nr.17, pavilionul E, Sector 1</span></li>
180
+ </ul>
181
+ <div class="mt-4 p-3 warm-peach-bg rounded"><i class="fas fa-lightbulb text-romanian-custom-blue mr-2"></i><strong>Eligibilitate:</strong> Ai dreptul la ajutor dacă ai fost în sistemul de protecție și ai un contract de închiriere valid.</div>
182
+ </div>
183
+ </div>
184
+ <div class="bg-white rounded-lg shadow-md overflow-hidden step-card transition duration-300">
185
+ <div class="romanian-blue-bg text-white px-6 py-4">
186
+ <h3 class="font-bold text-xl flex items-center"><i class="fas fa-first-aid mr-3"></i> Ajutor de urgență Sector 6</h3>
187
+ </div>
188
+ <div class="p-6">
189
+ <p class="mb-4">Asistență socială pentru persoane cu venituri sub 2.053 lei/lună.</p>
190
+ <ul class="space-y-3">
191
+ <li class="flex items-start"><i class="fas fa-envelope text-romanian-custom-red mr-3 mt-1"></i><span><strong>Email:</strong> <a href="mailto:ajutorsocial@dgaspc6.com" class="text-romanian-custom-blue hover:underline">ajutorsocial@dgaspc6.com</a></span></li>
192
+ <li class="flex items-start"><i class="fas fa-map-marker-alt text-romanian-custom-red mr-3 mt-1"></i><span><strong>Adresă:</strong> Str. Floare Roșie nr. 7A, Sector 6</span></li>
193
+ </ul>
194
+ <div class="mt-4">
195
+ <h4 class="font-bold mb-2">Documente necesare:</h4>
196
+ <ul class="space-y-2">
197
+ <li class="flex items-start"><i class="fas fa-file-alt text-gray-500 mr-3 mt-1"></i><span>Copie CI</span></li>
198
+ <li class="flex items-start"><i class="fas fa-file-alt text-gray-500 mr-3 mt-1"></i><span>Dovadă venituri (dacă există)</span></li>
199
+ <li class="flex items-start"><i class="fas fa-file-alt text-gray-500 mr-3 mt-1"></i><span>Contract de închiriere</span></li>
200
+ </ul>
201
+ </div>
202
+ </div>
203
+ </div>
204
+ </div>
205
+ </section>
206
+
207
+ <section id="jobs" class="mb-16">
208
+ <div class="flex items-center mb-6">
209
+ <div class="romanian-red-bg text-white font-bold text-2xl rounded-full w-12 h-12 flex items-center justify-center mr-4">3</div>
210
+ <h2 class="text-2xl md:text-3xl font-bold text-romanian-custom-blue">Caută muncă rapidă</h2>
211
+ </div>
212
+ <div class="grid md:grid-cols-3 gap-6">
213
+ <div class="bg-white rounded-lg shadow-md overflow-hidden step-card transition duration-300">
214
+ <div class="warm-orange-bg text-white px-6 py-4"><h3 class="font-bold text-xl flex items-center"><i class="fas fa-motorcycle mr-3"></i> Livrări</h3></div>
215
+ <div class="p-6">
216
+ <p class="mb-4">Locuri de muncă flexibile în domeniul livrărilor:</p>
217
+ <ul class="space-y-3">
218
+ <li class="flex items-start"><i class="fas fa-bolt text-romanian-custom-blue mr-3 mt-1"></i><span><strong>Bolt Food:</strong> <a href="https://bolt.eu/ro/" target="_blank" rel="noopener noreferrer" class="text-romanian-custom-blue hover:underline">www.bolt.eu</a></span></li>
219
+ <li class="flex items-start"><i class="fas fa-truck text-romanian-custom-blue mr-3 mt-1"></i><span><strong>Glovo:</strong> <a href="https://glovoapp.com" target="_blank" rel="noopener noreferrer" class="text-romanian-custom-blue hover:underline">www.glovoapp.com</a></span></li>
220
+ <li class="flex items-start"><i class="fas fa-hamburger text-romanian-custom-blue mr-3 mt-1"></i><span><strong>Tazz:</strong> <a href="https://tazz.ro" target="_blank" rel="noopener noreferrer" class="text-romanian-custom-blue hover:underline">www.tazz.ro</a></span></li>
221
+ </ul>
222
+ <div class="mt-4 p-3 warm-peach-bg rounded"><i class="fas fa-money-bill-wave text-romanian-custom-blue mr-2"></i><strong>Câștig:</strong> 30+ RON/oră + bacșișuri. Ai nevoie de smartphone și bicicletă/trotinetă.</div>
223
+ </div>
224
+ </div>
225
+ <div class="bg-white rounded-lg shadow-md overflow-hidden step-card transition duration-300">
226
+ <div class="warm-orange-bg text-white px-6 py-4"><h3 class="font-bold text-xl flex items-center"><i class="fas fa-broom mr-3"></i> Curățenie</h3></div>
227
+ <div class="p-6">
228
+ <p class="mb-4">Locuri de muncă în domeniul curățeniei:</p>
229
+ <ul class="space-y-3">
230
+ <li class="flex items-start"><i class="fas fa-hands-helping text-romanian-custom-blue mr-3 mt-1"></i><span><strong>Helperz:</strong> <a href="https://helperz.ro" target="_blank" rel="noopener noreferrer" class="text-romanian-custom-blue hover:underline">www.helperz.ro</a></span></li>
231
+ <li class="flex items-start"><i class="fas fa-search text-romanian-custom-blue mr-3 mt-1"></i><span><strong>Jooble:</strong> <a href="https://ro.jooble.org" target="_blank" rel="noopener noreferrer" class="text-romanian-custom-blue hover:underline">www.jooble.org</a></span></li>
232
+ </ul>
233
+ <div class="mt-4 p-3 warm-peach-bg rounded"><i class="fas fa-money-bill-wave text-romanian-custom-blue mr-2"></i><strong>Câștig:</strong> 40-100 RON/oră. Ai nevoie de atenție la detalii și fiabilitate.</div>
234
+ </div>
235
+ </div>
236
+ <div class="bg-white rounded-lg shadow-md overflow-hidden step-card transition duration-300">
237
+ <div class="warm-orange-bg text-white px-6 py-4"><h3 class="font-bold text-xl flex items-center"><i class="fas fa-newspaper mr-3"></i> Distribuire pliante</h3></div>
238
+ <div class="p-6">
239
+ <p class="mb-4">Locuri de muncă în distribuire materiale promoționale:</p>
240
+ <ul class="space-y-3">
241
+ <li class="flex items-start"><i class="fas fa-briefcase text-romanian-custom-blue mr-3 mt-1"></i><span><strong>eJobs:</strong> <a href="https://www.ejobs.ro" target="_blank" rel="noopener noreferrer" class="text-romanian-custom-blue hover:underline">www.ejobs.ro</a></span></li>
242
+ <li class="flex items-start"><i class="fas fa-ad text-romanian-custom-blue mr-3 mt-1"></i><span><strong>Anunțul:</strong> <a href="https://www.anuntul.ro" target="_blank" rel="noopener noreferrer" class="text-romanian-custom-blue hover:underline">www.anuntul.ro</a></span></li>
243
+ </ul>
244
+ <div class="mt-4 p-3 warm-peach-bg rounded"><i class="fas fa-money-bill-wave text-romanian-custom-blue mr-2"></i><strong>Câștig:</strong> Proiecte part-time (ex: 800 RON pentru 2 săptămâni de distribuție).</div>
245
+ </div>
246
+ </div>
247
+ </div>
248
+ </section>
249
+
250
+ <section id="training" class="mb-16">
251
+ <div class="flex items-center mb-6">
252
+ <div class="romanian-red-bg text-white font-bold text-2xl rounded-full w-12 h-12 flex items-center justify-center mr-4">4</div>
253
+ <h2 class="text-2xl md:text-3xl font-bold text-romanian-custom-blue">Învăță o meserie nouă</h2>
254
+ </div>
255
+ <div class="grid md:grid-cols-2 gap-6">
256
+ <div class="bg-white rounded-lg shadow-md overflow-hidden step-card transition duration-300">
257
+ <div class="romanian-blue-bg text-white px-6 py-4"><h3 class="font-bold text-xl flex items-center"><i class="fas fa-laptop-code mr-3"></i> Cursuri gratuite ANOFM</h3></div>
258
+ <div class="p-6">
259
+ <p class="mb-4">Programe de formare profesională finanțate de stat:</p>
260
+ <ul class="space-y-3">
261
+ <li class="flex items-start"><i class="fas fa-globe text-romanian-custom-red mr-3 mt-1"></i><span><strong>Website:</strong> <a href="https://www.anofm.ro" target="_blank" rel="noopener noreferrer" class="text-romanian-custom-blue hover:underline">www.anofm.ro</a></span></li>
262
+ <li class="flex items-start"><i class="fas fa-graduation-cap text-romanian-custom-red mr-3 mt-1"></i><span><strong>Cursuri disponibile:</strong> Electrician, Instalator, Asistent IT, Introducere date</span></li>
263
+ </ul>
264
+ <div class="mt-4 p-3 warm-peach-bg rounded"><i class="fas fa-file-alt text-romanian-custom-blue mr-2"></i><strong>Documente necesare:</strong> CI, adeverință medicală, diplome (dacă ai). Primești alocație lunară în timpul cursului.</div>
265
+ </div>
266
+ </div>
267
+ <div class="bg-white rounded-lg shadow-md overflow-hidden step-card transition duration-300">
268
+ <div class="romanian-blue-bg text-white px-6 py-4"><h3 class="font-bold text-xl flex items-center"><i class="fas fa-hands-helping mr-3"></i> The Social Incubator</h3></div>
269
+ <div class="p-6">
270
+ <p class="mb-4">Ghidare profesională și dezvoltare abilități pentru tineri vulnerabili:</p>
271
+ <ul class="space-y-3">
272
+ <li class="flex items-start"><i class="fas fa-envelope text-romanian-custom-red mr-3 mt-1"></i><span><strong>Email:</strong> <a href="mailto:office@asociatiasocialincubator.org" class="text-romanian-custom-blue hover:underline">office@asociatiasocialincubator.org</a></span></li>
273
+ <li class="flex items-start"><i class="fas fa-phone-alt text-romanian-custom-red mr-3 mt-1"></i><span><strong>Telefon:</strong> <a href="tel:0790599908" class="text-romanian-custom-blue hover:underline">0790 599 908</a></span></li>
274
+ <li class="flex items-start"><i class="fas fa-tools text-romanian-custom-red mr-3 mt-1"></i><span><strong>Servicii:</strong> Abilități digitale, pregătire interviu, stagii de practică</span></li>
275
+ </ul>
276
+ <div class="mt-4 p-3 warm-peach-bg rounded"><i class="fas fa-users text-romanian-custom-blue mr-2"></i><strong>Beneficii:</strong> Programe personalizate, mentorat, conexiuni cu angajatori.</div>
277
+ </div>
278
+ </div>
279
+ </div>
280
+ </section>
281
+
282
+ <section id="documents" class="mb-16">
283
+ <div class="flex items-center mb-6">
284
+ <div class="romanian-red-bg text-white font-bold text-2xl rounded-full w-12 h-12 flex items-center justify-center mr-4">5</div>
285
+ <h2 class="text-2xl md:text-3xl font-bold text-romanian-custom-blue">Asigură-ți actele</h2>
286
+ </div>
287
+ <div class="bg-white rounded-lg shadow-md overflow-hidden step-card transition duration-300 max-w-3xl mx-auto">
288
+ <div class="romanian-blue-bg text-white px-6 py-4"><h3 class="font-bold text-xl flex items-center"><i class="fas fa-id-card mr-3"></i> Acte de identitate și documente</h3></div>
289
+ <div class="p-6">
290
+ <p class="mb-4">Dacă nu ai acte de identitate sau alte documente importante, următorii pași te pot ajuta:</p>
291
+ <div class="space-y-4">
292
+ <div class="flex items-start">
293
+ <div class="romanian-red-bg text-white font-bold rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1 flex-shrink-0">1</div>
294
+ <div><h4 class="font-bold">Carte de identitate</h4><p class="text-sm">Dacă nu ai CI, mergi la Direcția Generală de Evidență a Persoanelor (DGE) cu:</p><ul class="list-disc list-inside text-sm ml-4 mt-1"><li>Certificat de naștere</li><li>Dovadă că ai fost în sistemul de protecție (dacă e cazul)</li></ul></div>
295
+ </div>
296
+ <div class="flex items-start">
297
+ <div class="romanian-red-bg text-white font-bold rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1 flex-shrink-0">2</div>
298
+ <div><h4 class="font-bold">Asistență DGASPC</h4><p class="text-sm">Contactează serviciile sociale locale pentru ajutor în obținerea actelor:</p><ul class="list-disc list-inside text-sm ml-4 mt-1"><li>Cerere scrisă pentru asistență în obținerea actelor</li><li>Orice documente pe care le ai (ex: copie veche de CI)</li></ul></div>
299
+ </div>
300
+ <div class="flex items-start">
301
+ <div class="romanian-red-bg text-white font-bold rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1 flex-shrink-0">3</div>
302
+ <div><h4 class="font-bold">Casa Ioana</h4><p class="text-sm">Pentru femei în situații vulnerabile:</p><ul class="list-disc list-inside text-sm ml-4 mt-1"><li>Telefon: <a href="tel:0800500333" class="text-romanian-custom-blue hover:underline">0800 500 333</a></li><li>Pot ajuta cu orientare și sprijin în procesul de obținere a actelor</li></ul></div>
303
+ </div>
304
+ </div>
305
+ <div class="mt-6 p-4 warm-peach-bg rounded"><h4 class="font-bold mb-2 flex items-center"><i class="fas fa-lightbulb text-romanian-custom-blue mr-2"></i>Sfaturi utile:</h4><ul class="list-disc list-inside space-y-1"><li>Păstrează copii ale tuturor documentelor într-un loc sigur</li><li>Notează numerele de caz și persoanele de contact</li><li>Dacă primești refuzuri, cere explicații scrise</li></ul></div>
306
+ </div>
307
+ </div>
308
+ </section>
309
+
310
+ <section id="last-resort" class="mb-16">
311
+ <div class="bg-red-50 border-l-4 border-romanian-custom-red p-6 rounded"> <h2 class="text-2xl font-bold text-romanian-custom-red mb-4 flex items-center">
312
+ <i class="fas fa-exclamation-triangle mr-3"></i> Ultima soluție - 🤔😮 WTF, Stupid AI! You call Kev and come live in Australia first!
313
+ </h2>
314
+ <p class="mb-4">Dacă nu reușești să rezolvi situația cu ajutorul pașilor de mai sus și riști să ajungi pe stradă:</p>
315
+ <div class="grid md:grid-cols-2 gap-6 mt-6">
316
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
317
+ <div class="romanian-red-bg text-white px-6 py-4"><h3 class="font-bold text-xl flex items-center"><i class="fas fa-home mr-3"></i> Casa Ioana</h3></div>
318
+ <div class="p-6">
319
+ <p class="mb-4">Adăpost pentru femei în situații de urgență:</p>
320
+ <ul class="space-y-3">
321
+ <li class="flex items-start"><i class="fas fa-phone-alt text-romanian-custom-blue mr-3 mt-1"></i><span><strong>Telefon de urgență:</strong> <a href="tel:0800500333" class="text-romanian-custom-blue hover:underline">0800 500 333</a></span></li>
322
+ <li class="flex items-start"><i class="fas fa-info-circle text-romanian-custom-blue mr-3 mt-1"></i><span><strong>Servicii:</strong> Cazare temporară, consiliere, sprijin juridic</span></li>
323
+ </ul>
324
+ </div>
325
+ </div>
326
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
327
+ <div class="romanian-red-bg text-white px-6 py-4"><h3 class="font-bold text-xl flex items-center"><i class="fas fa-utensils mr-3"></i> Banca de Alimente Sector 6</h3></div>
328
+ <div class="p-6">
329
+ <p class="mb-4">Ajutor alimentar pentru persoane în dificultate:</p>
330
+ <ul class="space-y-3">
331
+ <li class="flex items-start"><i class="fas fa-envelope text-romanian-custom-blue mr-3 mt-1"></i><span><strong>Email:</strong> <a href="mailto:contact@foodbank6.ro" class="text-romanian-custom-blue hover:underline">contact@foodbank6.ro</a></span></li>
332
+ <li class="flex items-start"><i class="fas fa-map-marker-alt text-romanian-custom-blue mr-3 mt-1"></i><span><strong>Adresă:</strong> 236 Calea Giulești, Sector 6</span></li>
333
+ </ul>
334
+ </div>
335
+ </div>
336
+ </div>
337
+ <div class="mt-6 p-4 warm-peach-bg rounded">
338
+ <h4 class="font-bold mb-2 flex items-center"><i class="fas fa-heart text-romanian-custom-red mr-2"></i>Nu renunța!</h4>
339
+ <p>În ciuda dificultăților, există soluții și oameni care te pot ajuta. Continuă să cauți ajutor și să apelezi la resursele disponibile.</p>
340
+ </div>
341
+ </div>
342
+ </div>
343
+ </section>
344
+ </main>
345
+
346
+ <div id="chatbotContainer" class="fixed bottom-0 right-0 mb-6 mr-6 w-96 max-w-full chatbot-container chatbot-hidden z-50">
347
+ <div class="bg-white rounded-t-lg shadow-xl overflow-hidden">
348
+ <div class="romanian-blue-bg text-white px-4 py-3 flex justify-between items-center">
349
+ <h3 class="font-bold">Chat de ajutor</h3>
350
+ <button id="closeChatbot" class="text-white hover:text-yellow-300">
351
+ <i class="fas fa-times"></i>
352
+ </button>
353
+ </div>
354
+ <div id="chatbotMessages" class="p-4 h-64 overflow-y-auto bg-gray-50">
355
+ <div class="chatbot-message mb-4 flex justify-start items-start">
356
+ <img src="https://i.ibb.co/9kkWq2HY/Didi3.jpg" alt="DiDi Avatar" class="w-10 h-10 rounded-full mr-3 object-cover self-start flex-shrink-0">
357
+ <div class="warm-peach-bg rounded-lg p-3 max-w-xs">
358
+ <p>Bună! Sunt DiDi și sunt aici să te ajut. Cu ce ai nevoie astăzi?</p>
359
+ </div>
360
+ </div>
361
+ </div>
362
+ <div class="p-4 border-t">
363
+ <div class="flex">
364
+ <input id="chatbotInput" type="text" placeholder="Scrie mesajul tău..." class="flex-1 border rounded-l-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-romanian-custom-blue">
365
+ <button id="sendChatbotMessage" class="romanian-red-bg text-white px-4 py-2 rounded-r-lg hover:bg-red-700">
366
+ <i class="fas fa-paper-plane"></i>
367
+ </button>
368
+ </div>
369
+ <div class="mt-2 flex flex-wrap gap-2">
370
+ <button class="quick-chat-option bg-gray-200 hover:bg-gray-300 text-sm px-3 py-1 rounded-full">Ajutor legal</button>
371
+ <button class="quick-chat-option bg-gray-200 hover:bg-gray-300 text-sm px-3 py-1 rounded-full">Locuri de muncă</button>
372
+ <button class="quick-chat-option bg-gray-200 hover:bg-gray-300 text-sm px-3 py-1 rounded-full">Sprijin financiar</button>
373
+ </div>
374
+ </div>
375
+ </div>
376
+ </div>
377
+
378
+ <footer class="romanian-blue-bg text-white py-8">
379
+ <div class="container mx-auto px-4">
380
+ <div class="flex flex-col md:flex-row justify-between">
381
+ <div class="mb-6 md:mb-0">
382
+ <h2 class="dear-didi text-4xl mb-2">Dear DiDi<span class="text-romanian-custom-yellow">💖</span></h2>
383
+ <p>Resurse și suport pentru tineri vulnerabili</p>
384
+ </div>
385
+ <div class="grid grid-cols-2 md:grid-cols-3 gap-8">
386
+ <div>
387
+ <h3 class="font-bold mb-3 text-warm-orange">Link-uri utile</h3>
388
+ <ul class="space-y-2">
389
+ <li><a href="https://www.anofm.ro" target="_blank" rel="noopener noreferrer" class="hover:underline">ANOFM</a></li>
390
+ <li><a href="https://www.ejobs.ro" target="_blank" rel="noopener noreferrer" class="hover:underline">eJobs</a></li>
391
+ <li><a href="https://helperz.ro" target="_blank" rel="noopener noreferrer" class="hover:underline">Helperz</a></li>
392
+ </ul>
393
+ </div>
394
+ <div>
395
+ <h3 class="font-bold mb-3 text-warm-orange">Contact Kev</h3>
396
+ <ul class="space-y-2">
397
+ <li class="flex items-start"><i class="fas fa-envelope mr-2 mt-1"></i><span>kevinktg@outlook.com</span></li>
398
+ </ul>
399
+ </div>
400
+ <div>
401
+ <h3 class="font-bold mb-3 text-warm-orange">Urgență</h3>
402
+ <ul class="space-y-2">
403
+ <li class="flex items-start"><i class="fas fa-phone-alt mr-2 mt-1"></i><span>112</span></li>
404
+ <li class="flex items-start"><i class="fas fa-phone-alt mr-2 mt-1"></i><span>0800 500 333</span></li>
405
+ </ul>
406
+ </div>
407
+ </div>
408
+ </div>
409
+ <div class="border-t border-blue-800 mt-8 pt-6 text-center text-sm">
410
+ <p>© 2025 Dear DiDi. Toate drepturile rezervate.</p>
411
+ </div>
412
+ </div>
413
+ </footer>
414
+
415
+ <script>
416
+ document.addEventListener('DOMContentLoaded', () => {
417
+ // DOM Element Selections
418
+ const chatbotToggle = document.getElementById('chatbotToggle');
419
+ const closeChatbotBtn = document.getElementById('closeChatbot');
420
+ const chatbotContainer = document.getElementById('chatbotContainer');
421
+ const chatbotMessages = document.getElementById('chatbotMessages');
422
+ const chatbotInput = document.getElementById('chatbotInput');
423
+ const sendChatbotMessageBtn = document.getElementById('sendChatbotMessage');
424
+ const quickChatOptions = document.querySelectorAll('.quick-chat-option');
425
+
426
+ function addMessage(text, isUser = false) {
427
+ const messageDiv = document.createElement('div');
428
+ messageDiv.className = `chatbot-message mb-4 flex ${isUser ? 'justify-end' : 'justify-start items-start'}`;
429
+
430
+ let messageContentHtml = '';
431
+ if (isUser) {
432
+ messageContentHtml = `
433
+ <div class="rounded-lg p-3 max-w-xs bg-romanian-blue-bg text-white ml-auto">
434
+ <p>${text}</p>
435
+ </div>`;
436
+ } else {
437
+ messageContentHtml = `
438
+ <img src="https://i.ibb.co/9kkWq2HY/Didi3.jpg" alt="DiDi Avatar" class="w-10 h-10 rounded-full mr-3 object-cover self-start flex-shrink-0">
439
+ <div class="warm-peach-bg rounded-lg p-3 max-w-xs">
440
+ ${text}
441
+ </div>`;
442
+ }
443
+ messageDiv.innerHTML = messageContentHtml;
444
+ chatbotMessages.appendChild(messageDiv);
445
+ chatbotMessages.scrollTop = chatbotMessages.scrollHeight;
446
+ }
447
+
448
+ function closeChatbotAndScroll(targetId) {
449
+ if (chatbotContainer) {
450
+ chatbotContainer.classList.add('chatbot-hidden');
451
+ }
452
+ const targetElement = document.querySelector(targetId);
453
+ if (targetElement) {
454
+ // A small delay can help ensure the chatbot is hidden before scrolling if animations are slow
455
+ setTimeout(() => {
456
+ targetElement.scrollIntoView({ behavior: 'smooth' });
457
+ }, 50);
458
+ }
459
+ }
460
+
461
+ function sendMessage() {
462
+ const messageText = chatbotInput.value.trim();
463
+ if (!messageText) return;
464
+
465
+ addMessage(messageText, true);
466
+ chatbotInput.value = '';
467
+
468
+ setTimeout(() => {
469
+ const lowerMessage = messageText.toLowerCase();
470
+ let botResponse = `<p>Nu am înțeles exact. Poți reformula sau alege una dintre opțiunile rapide? Pentru probleme complexe, te rog să folosești datele de contact de pe site.</p>`;
471
+
472
+ const responsesMap = {
473
+ "legal": "<p>Pentru ajutor legal, poți consulta secțiunea <a href='#legal' class='text-romanian-custom-red hover:underline'>Ajutor Legal</a>. Acolo găsești informații despre Baroul București și actele necesare.</p>",
474
+ "avocat": "<p>Pentru ajutor legal, poți consulta secțiunea <a href='#legal' class='text-romanian-custom-red hover:underline'>Ajutor Legal</a>. Acolo găsești informații despre Baroul București și actele necesare.</p>",
475
+ "drepturi": "<p>Pentru ajutor legal, poți consulta secțiunea <a href='#legal' class='text-romanian-custom-red hover:underline'>Ajutor Legal</a>. Acolo găsești informații despre Baroul București și actele necesare.</p>",
476
+ "bani": "<p>Pentru sprijin financiar, vezi secțiunea <a href='#financial' class='text-romanian-custom-red hover:underline'>Sprijin Financiar</a>. Găsești detalii despre DGASPC.</p>",
477
+ "financiar": "<p>Pentru sprijin financiar, vezi secțiunea <a href='#financial' class='text-romanian-custom-red hover:underline'>Sprijin Financiar</a>. Găsești detalii despre DGASPC.</p>",
478
+ "social": "<p>Pentru sprijin financiar, vezi secțiunea <a href='#financial' class='text-romanian-custom-red hover:underline'>Sprijin Financiar</a>. Găsești detalii despre DGASPC.</p>",
479
+ "muncă": "<p>Cauți un loc de muncă rapid? Mergi la secțiunea <a href='#jobs' class='text-romanian-custom-red hover:underline'>Caută muncă rapidă</a> pentru opțiuni de livrări sau curățenie.</p>",
480
+ "job": "<p>Cauți un loc de muncă rapid? Mergi la secțiunea <a href='#jobs' class='text-romanian-custom-red hover:underline'>Caută muncă rapidă</a> pentru opțiuni de livrări sau curățenie.</p>",
481
+ "angajare": "<p>Cauți un loc de muncă rapid? Mergi la secțiunea <a href='#jobs' class='text-romanian-custom-red hover:underline'>Caută muncă rapidă</a> pentru opțiuni de livrări sau curățenie.</p>",
482
+ "cursuri": "<p>Vrei să înveți o meserie nouă? Secțiunea <a href='#training' class='text-romanian-custom-red hover:underline'>Învăță o meserie nouă</a> are informații despre ANOFM și The Social Incubator.</p>",
483
+ "meserie": "<p>Vrei să înveți o meserie nouă? Secțiunea <a href='#training' class='text-romanian-custom-red hover:underline'>Învăță o meserie nouă</a> are informații despre ANOFM și The Social Incubator.</p>",
484
+ "training": "<p>Vrei să înveți o meserie nouă? Secțiunea <a href='#training' class='text-romanian-custom-red hover:underline'>Învăță o meserie nouă</a> are informații despre ANOFM și The Social Incubator.</p>",
485
+ "acte": "<p>Dacă ai nevoie de ajutor cu actele, consultă secțiunea <a href='#documents' class='text-romanian-custom-red hover:underline'>Asigură-ți actele</a>.</p>",
486
+ "documente": "<p>Dacă ai nevoie de ajutor cu actele, consultă secțiunea <a href='#documents' class='text-romanian-custom-red hover:underline'>Asigură-ți actele</a>.</p>",
487
+ "identitate": "<p>Dacă ai nevoie de ajutor cu actele, consultă secțiunea <a href='#documents' class='text-romanian-custom-red hover:underline'>Asigură-ți actele</a>.</p>",
488
+ "salut": "<p>Bună! Cum te pot ajuta astăzi? Poți întreba despre ajutor legal, sprijin financiar, locuri de muncă, cursuri sau acte.</p>",
489
+ "bună": "<p>Bună! Cum te pot ajuta astăzi? Poți întreba despre ajutor legal, sprijin financiar, locuri de muncă, cursuri sau acte.</p>",
490
+ "ajutor": "<p>Sigur! Despre ce anume ai nevoie de ajutor? Poți scrie 'legal', 'financiar', 'muncă', 'cursuri' sau 'acte'.</p>"
491
+ };
492
+
493
+ let foundResponse = false;
494
+ for (const keyword in responsesMap) {
495
+ if (lowerMessage.includes(keyword)) {
496
+ botResponse = responsesMap[keyword];
497
+ foundResponse = true;
498
+ break;
499
+ }
500
+ }
501
+ addMessage(botResponse);
502
+ }, 1000);
503
+ }
504
+
505
+ if (chatbotToggle) {
506
+ chatbotToggle.addEventListener('click', () => {
507
+ chatbotContainer.classList.remove('chatbot-hidden');
508
+ });
509
+ }
510
+ if (closeChatbotBtn) {
511
+ closeChatbotBtn.addEventListener('click', () => {
512
+ chatbotContainer.classList.add('chatbot-hidden');
513
+ });
514
+ }
515
+ if (sendChatbotMessageBtn) {
516
+ sendChatbotMessageBtn.addEventListener('click', sendMessage);
517
+ }
518
+ if (chatbotInput) {
519
+ chatbotInput.addEventListener('keypress', (e) => {
520
+ if (e.key === 'Enter') {
521
+ sendMessage();
522
+ }
523
+ });
524
+ }
525
+ quickChatOptions.forEach(option => {
526
+ option.addEventListener('click', () => {
527
+ const text = option.textContent;
528
+ if (chatbotInput) {
529
+ chatbotInput.value = text;
530
+ }
531
+ sendMessage();
532
+ });
533
+ });
534
+
535
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
536
+ anchor.addEventListener('click', function (e) {
537
+ const href = this.getAttribute('href');
538
+ if (!this.closest('#chatbotMessages')) {
539
+ e.preventDefault();
540
+ const targetElement = document.querySelector(href);
541
+ if (targetElement) {
542
+ targetElement.scrollIntoView({ behavior: 'smooth' });
543
+ }
544
+ }
545
+ });
546
+ });
547
+
548
+ if (chatbotMessages) {
549
+ chatbotMessages.addEventListener('click', function(event) {
550
+ const targetLink = event.target.closest('a[href^="#"]');
551
+ if (targetLink && chatbotMessages.contains(targetLink)) {
552
+ event.preventDefault();
553
+ const targetId = targetLink.getAttribute('href');
554
+ closeChatbotAndScroll(targetId);
555
+ }
556
+ });
557
+ }
558
+ });
559
+ </script>
560
+ <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=kevinktg/deardidi" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
561
+ </html>
prompts.txt ADDED
File without changes