list_notes.tmpl 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. {{showFile "templates/section/head.tmpl"}}
  2. <body class="bg-[#0b0d12] text-white font-sans min-h-screen">
  3. <div class="max-w-5xl mx-auto px-6 py-10">
  4. <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-10">
  5. <div>
  6. <h1 class="text-3xl md:text-4xl font-bold tracking-tight text-white">
  7. Lista notițelor
  8. </h1>
  9. <p class="text-gray-400 mt-2 text-sm md:text-base">
  10. Explorează folderele și deschide sau editează notițele.
  11. </p>
  12. </div>
  13. <a href="/index.html"
  14. class="inline-flex items-center justify-center rounded-xl border border-[#313846] bg-[#171b22] px-4 py-3 text-sm font-semibold text-gray-200 transition hover:bg-[#20252f] hover:text-white">
  15. Notă nouă
  16. </a>
  17. </div>
  18. <div class="rounded-2xl border border-[#262c36] bg-[#11151b] p-6 md:p-8 shadow-2xl">
  19. {{template "folder" .}}
  20. </div>
  21. </div>
  22. </body>
  23. </html>
  24. {{define "folder"}}
  25. <div class="ml-0 md:ml-4 mb-6">
  26. <div class="rounded-2xl border border-[#2a3140] bg-[#151922] overflow-hidden shadow-lg">
  27. <div class="px-5 py-4 border-b border-[#252b37] bg-[#181d27]">
  28. <h2 class="text-lg md:text-xl font-bold text-[#b899ff] break-words flex items-center gap-2">
  29. 📁 {{.Nume}}
  30. </h2>
  31. </div>
  32. <div class="p-4 md:p-5">
  33. {{if .Fisiere}}
  34. <div class="space-y-3 mb-4">
  35. {{range .Fisiere}}
  36. <div
  37. class="flex items-center justify-between rounded-xl border border-[#323949] bg-[#1a1f29] px-4 py-3 transition hover:border-[#7b58ad] hover:bg-[#202634]">
  38. <a href="/notes/?note={{.Path}}"
  39. class="flex items-center gap-3 text-gray-200 hover:text-white font-medium">
  40. 📄 {{.Nume}}
  41. </a>
  42. <a href="/edit/?note={{.Path}}"
  43. class="text-xs px-3 py-1 rounded-lg bg-[#2a2f3a] text-gray-300 hover:bg-[#7b58ad] hover:text-white transition">
  44. Edit
  45. </a>
  46. </div>
  47. {{end}}
  48. </div>
  49. {{end}}
  50. {{if .Subfoldere}}
  51. <div class="mt-4 space-y-4 border-l border-[#2b3140] pl-4">
  52. {{range .Subfoldere}}
  53. {{template "folder" .}}
  54. {{end}}
  55. </div>
  56. {{end}}
  57. </div>
  58. </div>
  59. </div>
  60. {{end}}
  61. {{range $val:= (genSeriesInt 50 10) }}
  62. {{$val}},
  63. {{end}}