index.html 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Site Fain </title>
  5. <script src="https://cdn.tailwindcss.com"></script>
  6. </head>
  7. <body>
  8. <div class="min-h-screen bg-[#0f0f0f] flex items-center justify-center p-6 font-sans">
  9. <div class="w-full max-w-md bg-[#1a1a1a] border border-[#303030] rounded-xl shadow-2xl p-8">
  10. <div class="mb-8">
  11. <h2 class="text-[#9974d0] text-2xl font-bold tracking-tight">Notă Nouă</h2>
  12. <p class="text-gray-500 text-sm mt-1">Salvare în arhiva locală .md</p>
  13. </div>
  14. <form class="space-y-6" method="POST" action="api/save_note">
  15. <div>
  16. <label class="block text-xs font-semibold text-gray-400 uppercase tracking-wider mb-2">Folder</label>
  17. <input type="text" name="director" placeholder="ex: scoala/istorie"
  18. class="w-full bg-[#202020] border border-[#3e3e3e] text-gray-200 text-sm rounded-lg focus:ring-2 focus:ring-[#7b58ad] focus:border-transparent outline-none p-3 transition-all placeholder:text-gray-600">
  19. </div>
  20. <div>
  21. <label class="block text-xs font-semibold text-gray-400 uppercase tracking-wider mb-2">Titlu Fișier</label>
  22. <input type="text" name="titlu" placeholder="ex: Plan de idei 2026"
  23. class="w-full bg-[#202020] border border-[#3e3e3e] text-gray-200 text-sm rounded-lg focus:ring-2 focus:ring-[#7b58ad] focus:border-transparent outline-none p-3 transition-all placeholder:text-gray-600">
  24. </div>
  25. <div>
  26. <label class="block text-xs font-semibold text-gray-400 uppercase tracking-wider mb-2">Conținut Notita</label>
  27. <textarea rows="5" name="notita" placeholder="Începe să scrii..."
  28. class="w-full bg-[#202020] border border-[#3e3e3e] text-gray-200 text-sm rounded-lg focus:ring-2 focus:ring-[#7b58ad] focus:border-transparent outline-none p-3 transition-all placeholder:text-gray-600 resize-none"></textarea>
  29. </div>
  30. <button type="submit"
  31. class="w-full bg-[#7b58ad] hover:bg-[#9974d0] text-white font-bold py-3 px-4 rounded-lg transition-colors duration-200 shadow-lg shadow-purple-900/20">
  32. Creează Notă
  33. </button>
  34. </form>
  35. <div
  36. class="mt-6 pt-6 border-t border-[#303030] flex justify-between items-center text-[10px] text-gray-600 uppercase tracking-widest">
  37. <span>Status: Ready</span>
  38. <span class="flex items-center gap-1">
  39. <span class="w-1.5 h-1.5 bg-green-500 rounded-full"></span> Linked
  40. </span>
  41. </div>
  42. </div>
  43. </div>
  44. </body>
  45. </html>