tailwind_dsl 0.0.10 → 0.0.11

Sign up to get free protection for your applications and to get access to all the features.
Files changed (61) hide show
  1. checksums.yaml +4 -4
  2. data/.builders/generators/domain-model.rb +30 -28
  3. data/.builders/generators/utilities.rb +19 -17
  4. data/CHANGELOG.md +7 -0
  5. data/docs/domain-model.drawio +49 -46
  6. data/docs/domain-model.json +144 -121
  7. data/docs/domain-model.svg +1 -1
  8. data/lib/tailwind_dsl/etl/component_structures/raw_component_query.rb +197 -0
  9. data/lib/tailwind_dsl/version.rb +1 -1
  10. data/lib/tailwind_dsl.rb +1 -0
  11. data/package-lock.json +2 -2
  12. data/package.json +1 -1
  13. metadata +3 -50
  14. data/.components/tui/application-ui/component/data-display/calendar/01.clean.html +0 -204
  15. data/.components/tui/application-ui/component/data-display/calendar/01.html +0 -243
  16. data/.components/tui/application-ui/component/data-display/calendar/01.settings.json +0 -9
  17. data/.components/tui/application-ui/component/data-display/calendar/02.clean.html +0 -496
  18. data/.components/tui/application-ui/component/data-display/calendar/02.html +0 -551
  19. data/.components/tui/application-ui/component/data-display/calendar/02.settings.json +0 -9
  20. data/.components/tui/application-ui/component/data-display/calendar/03.clean.html +0 -240
  21. data/.components/tui/application-ui/component/data-display/calendar/03.html +0 -274
  22. data/.components/tui/application-ui/component/data-display/calendar/03.settings.json +0 -9
  23. data/.components/tui/application-ui/component/data-display/calendar/04.clean.html +0 -385
  24. data/.components/tui/application-ui/component/data-display/calendar/04.html +0 -439
  25. data/.components/tui/application-ui/component/data-display/calendar/04.settings.json +0 -9
  26. data/.components/tui/application-ui/component/data-display/calendar/05.clean.html +0 -211
  27. data/.components/tui/application-ui/component/data-display/calendar/05.html +0 -254
  28. data/.components/tui/application-ui/component/data-display/calendar/05.settings.json +0 -9
  29. data/.components/tui/application-ui/component/data-display/calendar/06.clean.html +0 -320
  30. data/.components/tui/application-ui/component/data-display/calendar/06.html +0 -336
  31. data/.components/tui/application-ui/component/data-display/calendar/06.settings.json +0 -9
  32. data/.components/tui/application-ui/component/data-display/calendar/07.clean.html +0 -266
  33. data/.components/tui/application-ui/component/data-display/calendar/07.html +0 -294
  34. data/.components/tui/application-ui/component/data-display/calendar/07.settings.json +0 -9
  35. data/.components/tui/application-ui/component/data-display/calendar/08.clean.html +0 -268
  36. data/.components/tui/application-ui/component/data-display/calendar/08.html +0 -296
  37. data/.components/tui/application-ui/component/data-display/calendar/08.settings.json +0 -9
  38. data/.components/tui/application-ui/component/data-display/description-list/01.clean.html +0 -59
  39. data/.components/tui/application-ui/component/data-display/description-list/01.html +0 -61
  40. data/.components/tui/application-ui/component/data-display/description-list/01.settings.json +0 -9
  41. data/.components/tui/application-ui/component/data-display/description-list/02.clean.html +0 -59
  42. data/.components/tui/application-ui/component/data-display/description-list/02.html +0 -61
  43. data/.components/tui/application-ui/component/data-display/description-list/02.settings.json +0 -9
  44. data/.components/tui/application-ui/component/data-display/description-list/03.clean.html +0 -86
  45. data/.components/tui/application-ui/component/data-display/description-list/03.html +0 -88
  46. data/.components/tui/application-ui/component/data-display/description-list/03.settings.json +0 -9
  47. data/.components/tui/application-ui/component/data-display/description-list/04.clean.html +0 -59
  48. data/.components/tui/application-ui/component/data-display/description-list/04.html +0 -61
  49. data/.components/tui/application-ui/component/data-display/description-list/04.settings.json +0 -9
  50. data/.components/tui/application-ui/component/data-display/description-list/05.clean.html +0 -59
  51. data/.components/tui/application-ui/component/data-display/description-list/05.html +0 -61
  52. data/.components/tui/application-ui/component/data-display/description-list/05.settings.json +0 -9
  53. data/.components/tui/application-ui/component/data-display/stats/01.clean.html +0 -17
  54. data/.components/tui/application-ui/component/data-display/stats/01.html +0 -19
  55. data/.components/tui/application-ui/component/data-display/stats/01.settings.json +0 -9
  56. data/.components/tui/application-ui/component/data-display/stats/02.clean.html +0 -80
  57. data/.components/tui/application-ui/component/data-display/stats/02.html +0 -89
  58. data/.components/tui/application-ui/component/data-display/stats/02.settings.json +0 -9
  59. data/.components/tui/application-ui/component/data-display/stats/03.clean.html +0 -53
  60. data/.components/tui/application-ui/component/data-display/stats/03.html +0 -61
  61. data/.components/tui/application-ui/component/data-display/stats/03.settings.json +0 -9
@@ -1,86 +0,0 @@
1
- <div>
2
- <h3 class="text-lg font-medium leading-6 text-gray-900">Applicant Information</h3>
3
- <p class="mt-1 max-w-2xl text-sm text-gray-500">Personal details and application.</p>
4
- </div>
5
- <div class="mt-5 border-t border-gray-200">
6
- <dl class="divide-y divide-gray-200">
7
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
8
- <dt class="text-sm font-medium text-gray-500">Full name</dt>
9
- <dd class="mt-1 flex text-sm text-gray-900 sm:col-span-2 sm:mt-0">
10
- <span class="flex-grow">Margot Foster</span>
11
- <span class="ml-4 flex-shrink-0">
12
- <button type="button" class="rounded-md bg-white font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Update</button>
13
- </span>
14
- </dd>
15
- </div>
16
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
17
- <dt class="text-sm font-medium text-gray-500">Application for</dt>
18
- <dd class="mt-1 flex text-sm text-gray-900 sm:col-span-2 sm:mt-0">
19
- <span class="flex-grow">Backend Developer</span>
20
- <span class="ml-4 flex-shrink-0">
21
- <button type="button" class="rounded-md bg-white font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Update</button>
22
- </span>
23
- </dd>
24
- </div>
25
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
26
- <dt class="text-sm font-medium text-gray-500">Email address</dt>
27
- <dd class="mt-1 flex text-sm text-gray-900 sm:col-span-2 sm:mt-0">
28
- <span class="flex-grow">margotfoster@example.com</span>
29
- <span class="ml-4 flex-shrink-0">
30
- <button type="button" class="rounded-md bg-white font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Update</button>
31
- </span>
32
- </dd>
33
- </div>
34
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
35
- <dt class="text-sm font-medium text-gray-500">Salary expectation</dt>
36
- <dd class="mt-1 flex text-sm text-gray-900 sm:col-span-2 sm:mt-0">
37
- <span class="flex-grow">$120,000</span>
38
- <span class="ml-4 flex-shrink-0">
39
- <button type="button" class="rounded-md bg-white font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Update</button>
40
- </span>
41
- </dd>
42
- </div>
43
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
44
- <dt class="text-sm font-medium text-gray-500">About</dt>
45
- <dd class="mt-1 flex text-sm text-gray-900 sm:col-span-2 sm:mt-0">
46
- <span class="flex-grow">Fugiat ipsum ipsum deserunt culpa aute sint do nostrud anim incididunt cillum culpa consequat. Excepteur qui ipsum aliquip consequat sint. Sit id mollit nulla mollit nostrud in ea officia proident. Irure nostrud pariatur mollit ad adipisicing reprehenderit deserunt qui eu.</span>
47
- <span class="ml-4 flex-shrink-0">
48
- <button type="button" class="rounded-md bg-white font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Update</button>
49
- </span>
50
- </dd>
51
- </div>
52
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
53
- <dt class="text-sm font-medium text-gray-500">Attachments</dt>
54
- <dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">
55
- <ul role="list" class="divide-y divide-gray-200 rounded-md border border-gray-200">
56
- <li class="flex items-center justify-between py-3 pl-3 pr-4 text-sm">
57
- <div class="flex w-0 flex-1 items-center">
58
- <svg class="h-5 w-5 flex-shrink-0 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
59
- <path fill-rule="evenodd" d="M15.621 4.379a3 3 0 00-4.242 0l-7 7a3 3 0 004.241 4.243h.001l.497-.5a.75.75 0 011.064 1.057l-.498.501-.002.002a4.5 4.5 0 01-6.364-6.364l7-7a4.5 4.5 0 016.368 6.36l-3.455 3.553A2.625 2.625 0 119.52 9.52l3.45-3.451a.75.75 0 111.061 1.06l-3.45 3.451a1.125 1.125 0 001.587 1.595l3.454-3.553a3 3 0 000-4.242z" clip-rule="evenodd" />
60
- </svg>
61
- <span class="ml-2 w-0 flex-1 truncate">resume_back_end_developer.pdf</span>
62
- </div>
63
- <div class="ml-4 flex flex-shrink-0 space-x-4">
64
- <button type="button" class="rounded-md bg-white font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Update</button>
65
- <span class="text-gray-300" aria-hidden="true">|</span>
66
- <button type="button" class="rounded-md bg-white font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Remove</button>
67
- </div>
68
- </li>
69
- <li class="flex items-center justify-between py-3 pl-3 pr-4 text-sm">
70
- <div class="flex w-0 flex-1 items-center">
71
- <svg class="h-5 w-5 flex-shrink-0 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
72
- <path fill-rule="evenodd" d="M15.621 4.379a3 3 0 00-4.242 0l-7 7a3 3 0 004.241 4.243h.001l.497-.5a.75.75 0 011.064 1.057l-.498.501-.002.002a4.5 4.5 0 01-6.364-6.364l7-7a4.5 4.5 0 016.368 6.36l-3.455 3.553A2.625 2.625 0 119.52 9.52l3.45-3.451a.75.75 0 111.061 1.06l-3.45 3.451a1.125 1.125 0 001.587 1.595l3.454-3.553a3 3 0 000-4.242z" clip-rule="evenodd" />
73
- </svg>
74
- <span class="ml-2 w-0 flex-1 truncate">coverletter_back_end_developer.pdf</span>
75
- </div>
76
- <div class="ml-4 flex flex-shrink-0 space-x-4">
77
- <button type="button" class="rounded-md bg-white font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Update</button>
78
- <span class="text-gray-300" aria-hidden="true">|</span>
79
- <button type="button" class="rounded-md bg-white font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Remove</button>
80
- </div>
81
- </li>
82
- </ul>
83
- </dd>
84
- </div>
85
- </dl>
86
- </div>
@@ -1,88 +0,0 @@
1
- <div>
2
- <h3 class="text-lg font-medium leading-6 text-gray-900">Applicant Information</h3>
3
- <p class="mt-1 max-w-2xl text-sm text-gray-500">Personal details and application.</p>
4
- </div>
5
- <div class="mt-5 border-t border-gray-200">
6
- <dl class="divide-y divide-gray-200">
7
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
8
- <dt class="text-sm font-medium text-gray-500">Full name</dt>
9
- <dd class="mt-1 flex text-sm text-gray-900 sm:col-span-2 sm:mt-0">
10
- <span class="flex-grow">Margot Foster</span>
11
- <span class="ml-4 flex-shrink-0">
12
- <button type="button" class="rounded-md bg-white font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Update</button>
13
- </span>
14
- </dd>
15
- </div>
16
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
17
- <dt class="text-sm font-medium text-gray-500">Application for</dt>
18
- <dd class="mt-1 flex text-sm text-gray-900 sm:col-span-2 sm:mt-0">
19
- <span class="flex-grow">Backend Developer</span>
20
- <span class="ml-4 flex-shrink-0">
21
- <button type="button" class="rounded-md bg-white font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Update</button>
22
- </span>
23
- </dd>
24
- </div>
25
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
26
- <dt class="text-sm font-medium text-gray-500">Email address</dt>
27
- <dd class="mt-1 flex text-sm text-gray-900 sm:col-span-2 sm:mt-0">
28
- <span class="flex-grow">margotfoster@example.com</span>
29
- <span class="ml-4 flex-shrink-0">
30
- <button type="button" class="rounded-md bg-white font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Update</button>
31
- </span>
32
- </dd>
33
- </div>
34
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
35
- <dt class="text-sm font-medium text-gray-500">Salary expectation</dt>
36
- <dd class="mt-1 flex text-sm text-gray-900 sm:col-span-2 sm:mt-0">
37
- <span class="flex-grow">$120,000</span>
38
- <span class="ml-4 flex-shrink-0">
39
- <button type="button" class="rounded-md bg-white font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Update</button>
40
- </span>
41
- </dd>
42
- </div>
43
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
44
- <dt class="text-sm font-medium text-gray-500">About</dt>
45
- <dd class="mt-1 flex text-sm text-gray-900 sm:col-span-2 sm:mt-0">
46
- <span class="flex-grow">Fugiat ipsum ipsum deserunt culpa aute sint do nostrud anim incididunt cillum culpa consequat. Excepteur qui ipsum aliquip consequat sint. Sit id mollit nulla mollit nostrud in ea officia proident. Irure nostrud pariatur mollit ad adipisicing reprehenderit deserunt qui eu.</span>
47
- <span class="ml-4 flex-shrink-0">
48
- <button type="button" class="rounded-md bg-white font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Update</button>
49
- </span>
50
- </dd>
51
- </div>
52
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
53
- <dt class="text-sm font-medium text-gray-500">Attachments</dt>
54
- <dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">
55
- <ul role="list" class="divide-y divide-gray-200 rounded-md border border-gray-200">
56
- <li class="flex items-center justify-between py-3 pl-3 pr-4 text-sm">
57
- <div class="flex w-0 flex-1 items-center">
58
- <!-- Heroicon name: mini/paper-clip -->
59
- <svg class="h-5 w-5 flex-shrink-0 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
60
- <path fill-rule="evenodd" d="M15.621 4.379a3 3 0 00-4.242 0l-7 7a3 3 0 004.241 4.243h.001l.497-.5a.75.75 0 011.064 1.057l-.498.501-.002.002a4.5 4.5 0 01-6.364-6.364l7-7a4.5 4.5 0 016.368 6.36l-3.455 3.553A2.625 2.625 0 119.52 9.52l3.45-3.451a.75.75 0 111.061 1.06l-3.45 3.451a1.125 1.125 0 001.587 1.595l3.454-3.553a3 3 0 000-4.242z" clip-rule="evenodd" />
61
- </svg>
62
- <span class="ml-2 w-0 flex-1 truncate">resume_back_end_developer.pdf</span>
63
- </div>
64
- <div class="ml-4 flex flex-shrink-0 space-x-4">
65
- <button type="button" class="rounded-md bg-white font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Update</button>
66
- <span class="text-gray-300" aria-hidden="true">|</span>
67
- <button type="button" class="rounded-md bg-white font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Remove</button>
68
- </div>
69
- </li>
70
- <li class="flex items-center justify-between py-3 pl-3 pr-4 text-sm">
71
- <div class="flex w-0 flex-1 items-center">
72
- <!-- Heroicon name: mini/paper-clip -->
73
- <svg class="h-5 w-5 flex-shrink-0 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
74
- <path fill-rule="evenodd" d="M15.621 4.379a3 3 0 00-4.242 0l-7 7a3 3 0 004.241 4.243h.001l.497-.5a.75.75 0 011.064 1.057l-.498.501-.002.002a4.5 4.5 0 01-6.364-6.364l7-7a4.5 4.5 0 016.368 6.36l-3.455 3.553A2.625 2.625 0 119.52 9.52l3.45-3.451a.75.75 0 111.061 1.06l-3.45 3.451a1.125 1.125 0 001.587 1.595l3.454-3.553a3 3 0 000-4.242z" clip-rule="evenodd" />
75
- </svg>
76
- <span class="ml-2 w-0 flex-1 truncate">coverletter_back_end_developer.pdf</span>
77
- </div>
78
- <div class="ml-4 flex flex-shrink-0 space-x-4">
79
- <button type="button" class="rounded-md bg-white font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Update</button>
80
- <span class="text-gray-300" aria-hidden="true">|</span>
81
- <button type="button" class="rounded-md bg-white font-medium text-indigo-600 hover:text-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Remove</button>
82
- </div>
83
- </li>
84
- </ul>
85
- </dd>
86
- </div>
87
- </dl>
88
- </div>
@@ -1,9 +0,0 @@
1
- {
2
- "source": "https://tailwindui.com/components/application-ui/component/data-display/description-list",
3
- "custom_html": {
4
- "html": null,
5
- "body": null
6
- },
7
- "tailwind_config": {
8
- }
9
- }
@@ -1,59 +0,0 @@
1
- <div>
2
- <div>
3
- <h3 class="text-lg font-medium leading-6 text-gray-900">Applicant Information</h3>
4
- <p class="mt-1 max-w-2xl text-sm text-gray-500">Personal details and application.</p>
5
- </div>
6
- <div class="mt-5 border-t border-gray-200">
7
- <dl class="sm:divide-y sm:divide-gray-200">
8
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
9
- <dt class="text-sm font-medium text-gray-500">Full name</dt>
10
- <dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">Margot Foster</dd>
11
- </div>
12
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
13
- <dt class="text-sm font-medium text-gray-500">Application for</dt>
14
- <dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">Backend Developer</dd>
15
- </div>
16
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
17
- <dt class="text-sm font-medium text-gray-500">Email address</dt>
18
- <dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">margotfoster@example.com</dd>
19
- </div>
20
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
21
- <dt class="text-sm font-medium text-gray-500">Salary expectation</dt>
22
- <dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">$120,000</dd>
23
- </div>
24
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
25
- <dt class="text-sm font-medium text-gray-500">About</dt>
26
- <dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">Fugiat ipsum ipsum deserunt culpa aute sint do nostrud anim incididunt cillum culpa consequat. Excepteur qui ipsum aliquip consequat sint. Sit id mollit nulla mollit nostrud in ea officia proident. Irure nostrud pariatur mollit ad adipisicing reprehenderit deserunt qui eu.</dd>
27
- </div>
28
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
29
- <dt class="text-sm font-medium text-gray-500">Attachments</dt>
30
- <dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">
31
- <ul role="list" class="divide-y divide-gray-200 rounded-md border border-gray-200">
32
- <li class="flex items-center justify-between py-3 pl-3 pr-4 text-sm">
33
- <div class="flex w-0 flex-1 items-center">
34
- <svg class="h-5 w-5 flex-shrink-0 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
35
- <path fill-rule="evenodd" d="M15.621 4.379a3 3 0 00-4.242 0l-7 7a3 3 0 004.241 4.243h.001l.497-.5a.75.75 0 011.064 1.057l-.498.501-.002.002a4.5 4.5 0 01-6.364-6.364l7-7a4.5 4.5 0 016.368 6.36l-3.455 3.553A2.625 2.625 0 119.52 9.52l3.45-3.451a.75.75 0 111.061 1.06l-3.45 3.451a1.125 1.125 0 001.587 1.595l3.454-3.553a3 3 0 000-4.242z" clip-rule="evenodd" />
36
- </svg>
37
- <span class="ml-2 w-0 flex-1 truncate">resume_back_end_developer.pdf</span>
38
- </div>
39
- <div class="ml-4 flex-shrink-0">
40
- <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500">Download</a>
41
- </div>
42
- </li>
43
- <li class="flex items-center justify-between py-3 pl-3 pr-4 text-sm">
44
- <div class="flex w-0 flex-1 items-center">
45
- <svg class="h-5 w-5 flex-shrink-0 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
46
- <path fill-rule="evenodd" d="M15.621 4.379a3 3 0 00-4.242 0l-7 7a3 3 0 004.241 4.243h.001l.497-.5a.75.75 0 011.064 1.057l-.498.501-.002.002a4.5 4.5 0 01-6.364-6.364l7-7a4.5 4.5 0 016.368 6.36l-3.455 3.553A2.625 2.625 0 119.52 9.52l3.45-3.451a.75.75 0 111.061 1.06l-3.45 3.451a1.125 1.125 0 001.587 1.595l3.454-3.553a3 3 0 000-4.242z" clip-rule="evenodd" />
47
- </svg>
48
- <span class="ml-2 w-0 flex-1 truncate">coverletter_back_end_developer.pdf</span>
49
- </div>
50
- <div class="ml-4 flex-shrink-0">
51
- <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500">Download</a>
52
- </div>
53
- </li>
54
- </ul>
55
- </dd>
56
- </div>
57
- </dl>
58
- </div>
59
- </div>
@@ -1,61 +0,0 @@
1
- <div>
2
- <div>
3
- <h3 class="text-lg font-medium leading-6 text-gray-900">Applicant Information</h3>
4
- <p class="mt-1 max-w-2xl text-sm text-gray-500">Personal details and application.</p>
5
- </div>
6
- <div class="mt-5 border-t border-gray-200">
7
- <dl class="sm:divide-y sm:divide-gray-200">
8
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
9
- <dt class="text-sm font-medium text-gray-500">Full name</dt>
10
- <dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">Margot Foster</dd>
11
- </div>
12
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
13
- <dt class="text-sm font-medium text-gray-500">Application for</dt>
14
- <dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">Backend Developer</dd>
15
- </div>
16
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
17
- <dt class="text-sm font-medium text-gray-500">Email address</dt>
18
- <dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">margotfoster@example.com</dd>
19
- </div>
20
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
21
- <dt class="text-sm font-medium text-gray-500">Salary expectation</dt>
22
- <dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">$120,000</dd>
23
- </div>
24
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
25
- <dt class="text-sm font-medium text-gray-500">About</dt>
26
- <dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">Fugiat ipsum ipsum deserunt culpa aute sint do nostrud anim incididunt cillum culpa consequat. Excepteur qui ipsum aliquip consequat sint. Sit id mollit nulla mollit nostrud in ea officia proident. Irure nostrud pariatur mollit ad adipisicing reprehenderit deserunt qui eu.</dd>
27
- </div>
28
- <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5">
29
- <dt class="text-sm font-medium text-gray-500">Attachments</dt>
30
- <dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">
31
- <ul role="list" class="divide-y divide-gray-200 rounded-md border border-gray-200">
32
- <li class="flex items-center justify-between py-3 pl-3 pr-4 text-sm">
33
- <div class="flex w-0 flex-1 items-center">
34
- <!-- Heroicon name: mini/paper-clip -->
35
- <svg class="h-5 w-5 flex-shrink-0 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
36
- <path fill-rule="evenodd" d="M15.621 4.379a3 3 0 00-4.242 0l-7 7a3 3 0 004.241 4.243h.001l.497-.5a.75.75 0 011.064 1.057l-.498.501-.002.002a4.5 4.5 0 01-6.364-6.364l7-7a4.5 4.5 0 016.368 6.36l-3.455 3.553A2.625 2.625 0 119.52 9.52l3.45-3.451a.75.75 0 111.061 1.06l-3.45 3.451a1.125 1.125 0 001.587 1.595l3.454-3.553a3 3 0 000-4.242z" clip-rule="evenodd" />
37
- </svg>
38
- <span class="ml-2 w-0 flex-1 truncate">resume_back_end_developer.pdf</span>
39
- </div>
40
- <div class="ml-4 flex-shrink-0">
41
- <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500">Download</a>
42
- </div>
43
- </li>
44
- <li class="flex items-center justify-between py-3 pl-3 pr-4 text-sm">
45
- <div class="flex w-0 flex-1 items-center">
46
- <!-- Heroicon name: mini/paper-clip -->
47
- <svg class="h-5 w-5 flex-shrink-0 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
48
- <path fill-rule="evenodd" d="M15.621 4.379a3 3 0 00-4.242 0l-7 7a3 3 0 004.241 4.243h.001l.497-.5a.75.75 0 011.064 1.057l-.498.501-.002.002a4.5 4.5 0 01-6.364-6.364l7-7a4.5 4.5 0 016.368 6.36l-3.455 3.553A2.625 2.625 0 119.52 9.52l3.45-3.451a.75.75 0 111.061 1.06l-3.45 3.451a1.125 1.125 0 001.587 1.595l3.454-3.553a3 3 0 000-4.242z" clip-rule="evenodd" />
49
- </svg>
50
- <span class="ml-2 w-0 flex-1 truncate">coverletter_back_end_developer.pdf</span>
51
- </div>
52
- <div class="ml-4 flex-shrink-0">
53
- <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500">Download</a>
54
- </div>
55
- </li>
56
- </ul>
57
- </dd>
58
- </div>
59
- </dl>
60
- </div>
61
- </div>
@@ -1,9 +0,0 @@
1
- {
2
- "source": "https://tailwindui.com/components/application-ui/component/data-display/description-list",
3
- "custom_html": {
4
- "html": null,
5
- "body": null
6
- },
7
- "tailwind_config": {
8
- }
9
- }
@@ -1,59 +0,0 @@
1
- <div class="overflow-hidden bg-white shadow sm:rounded-lg">
2
- <div class="px-4 py-5 sm:px-6">
3
- <h3 class="text-lg font-medium leading-6 text-gray-900">Applicant Information</h3>
4
- <p class="mt-1 max-w-2xl text-sm text-gray-500">Personal details and application.</p>
5
- </div>
6
- <div class="border-t border-gray-200 px-4 py-5 sm:px-6">
7
- <dl class="grid grid-cols-1 gap-x-4 gap-y-8 sm:grid-cols-2">
8
- <div class="sm:col-span-1">
9
- <dt class="text-sm font-medium text-gray-500">Full name</dt>
10
- <dd class="mt-1 text-sm text-gray-900">Margot Foster</dd>
11
- </div>
12
- <div class="sm:col-span-1">
13
- <dt class="text-sm font-medium text-gray-500">Application for</dt>
14
- <dd class="mt-1 text-sm text-gray-900">Backend Developer</dd>
15
- </div>
16
- <div class="sm:col-span-1">
17
- <dt class="text-sm font-medium text-gray-500">Email address</dt>
18
- <dd class="mt-1 text-sm text-gray-900">margotfoster@example.com</dd>
19
- </div>
20
- <div class="sm:col-span-1">
21
- <dt class="text-sm font-medium text-gray-500">Salary expectation</dt>
22
- <dd class="mt-1 text-sm text-gray-900">$120,000</dd>
23
- </div>
24
- <div class="sm:col-span-2">
25
- <dt class="text-sm font-medium text-gray-500">About</dt>
26
- <dd class="mt-1 text-sm text-gray-900">Fugiat ipsum ipsum deserunt culpa aute sint do nostrud anim incididunt cillum culpa consequat. Excepteur qui ipsum aliquip consequat sint. Sit id mollit nulla mollit nostrud in ea officia proident. Irure nostrud pariatur mollit ad adipisicing reprehenderit deserunt qui eu.</dd>
27
- </div>
28
- <div class="sm:col-span-2">
29
- <dt class="text-sm font-medium text-gray-500">Attachments</dt>
30
- <dd class="mt-1 text-sm text-gray-900">
31
- <ul role="list" class="divide-y divide-gray-200 rounded-md border border-gray-200">
32
- <li class="flex items-center justify-between py-3 pl-3 pr-4 text-sm">
33
- <div class="flex w-0 flex-1 items-center">
34
- <svg class="h-5 w-5 flex-shrink-0 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
35
- <path fill-rule="evenodd" d="M15.621 4.379a3 3 0 00-4.242 0l-7 7a3 3 0 004.241 4.243h.001l.497-.5a.75.75 0 011.064 1.057l-.498.501-.002.002a4.5 4.5 0 01-6.364-6.364l7-7a4.5 4.5 0 016.368 6.36l-3.455 3.553A2.625 2.625 0 119.52 9.52l3.45-3.451a.75.75 0 111.061 1.06l-3.45 3.451a1.125 1.125 0 001.587 1.595l3.454-3.553a3 3 0 000-4.242z" clip-rule="evenodd" />
36
- </svg>
37
- <span class="ml-2 w-0 flex-1 truncate">resume_back_end_developer.pdf</span>
38
- </div>
39
- <div class="ml-4 flex-shrink-0">
40
- <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500">Download</a>
41
- </div>
42
- </li>
43
- <li class="flex items-center justify-between py-3 pl-3 pr-4 text-sm">
44
- <div class="flex w-0 flex-1 items-center">
45
- <svg class="h-5 w-5 flex-shrink-0 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
46
- <path fill-rule="evenodd" d="M15.621 4.379a3 3 0 00-4.242 0l-7 7a3 3 0 004.241 4.243h.001l.497-.5a.75.75 0 011.064 1.057l-.498.501-.002.002a4.5 4.5 0 01-6.364-6.364l7-7a4.5 4.5 0 016.368 6.36l-3.455 3.553A2.625 2.625 0 119.52 9.52l3.45-3.451a.75.75 0 111.061 1.06l-3.45 3.451a1.125 1.125 0 001.587 1.595l3.454-3.553a3 3 0 000-4.242z" clip-rule="evenodd" />
47
- </svg>
48
- <span class="ml-2 w-0 flex-1 truncate">coverletter_back_end_developer.pdf</span>
49
- </div>
50
- <div class="ml-4 flex-shrink-0">
51
- <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500">Download</a>
52
- </div>
53
- </li>
54
- </ul>
55
- </dd>
56
- </div>
57
- </dl>
58
- </div>
59
- </div>
@@ -1,61 +0,0 @@
1
- <div class="overflow-hidden bg-white shadow sm:rounded-lg">
2
- <div class="px-4 py-5 sm:px-6">
3
- <h3 class="text-lg font-medium leading-6 text-gray-900">Applicant Information</h3>
4
- <p class="mt-1 max-w-2xl text-sm text-gray-500">Personal details and application.</p>
5
- </div>
6
- <div class="border-t border-gray-200 px-4 py-5 sm:px-6">
7
- <dl class="grid grid-cols-1 gap-x-4 gap-y-8 sm:grid-cols-2">
8
- <div class="sm:col-span-1">
9
- <dt class="text-sm font-medium text-gray-500">Full name</dt>
10
- <dd class="mt-1 text-sm text-gray-900">Margot Foster</dd>
11
- </div>
12
- <div class="sm:col-span-1">
13
- <dt class="text-sm font-medium text-gray-500">Application for</dt>
14
- <dd class="mt-1 text-sm text-gray-900">Backend Developer</dd>
15
- </div>
16
- <div class="sm:col-span-1">
17
- <dt class="text-sm font-medium text-gray-500">Email address</dt>
18
- <dd class="mt-1 text-sm text-gray-900">margotfoster@example.com</dd>
19
- </div>
20
- <div class="sm:col-span-1">
21
- <dt class="text-sm font-medium text-gray-500">Salary expectation</dt>
22
- <dd class="mt-1 text-sm text-gray-900">$120,000</dd>
23
- </div>
24
- <div class="sm:col-span-2">
25
- <dt class="text-sm font-medium text-gray-500">About</dt>
26
- <dd class="mt-1 text-sm text-gray-900">Fugiat ipsum ipsum deserunt culpa aute sint do nostrud anim incididunt cillum culpa consequat. Excepteur qui ipsum aliquip consequat sint. Sit id mollit nulla mollit nostrud in ea officia proident. Irure nostrud pariatur mollit ad adipisicing reprehenderit deserunt qui eu.</dd>
27
- </div>
28
- <div class="sm:col-span-2">
29
- <dt class="text-sm font-medium text-gray-500">Attachments</dt>
30
- <dd class="mt-1 text-sm text-gray-900">
31
- <ul role="list" class="divide-y divide-gray-200 rounded-md border border-gray-200">
32
- <li class="flex items-center justify-between py-3 pl-3 pr-4 text-sm">
33
- <div class="flex w-0 flex-1 items-center">
34
- <!-- Heroicon name: mini/paper-clip -->
35
- <svg class="h-5 w-5 flex-shrink-0 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
36
- <path fill-rule="evenodd" d="M15.621 4.379a3 3 0 00-4.242 0l-7 7a3 3 0 004.241 4.243h.001l.497-.5a.75.75 0 011.064 1.057l-.498.501-.002.002a4.5 4.5 0 01-6.364-6.364l7-7a4.5 4.5 0 016.368 6.36l-3.455 3.553A2.625 2.625 0 119.52 9.52l3.45-3.451a.75.75 0 111.061 1.06l-3.45 3.451a1.125 1.125 0 001.587 1.595l3.454-3.553a3 3 0 000-4.242z" clip-rule="evenodd" />
37
- </svg>
38
- <span class="ml-2 w-0 flex-1 truncate">resume_back_end_developer.pdf</span>
39
- </div>
40
- <div class="ml-4 flex-shrink-0">
41
- <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500">Download</a>
42
- </div>
43
- </li>
44
- <li class="flex items-center justify-between py-3 pl-3 pr-4 text-sm">
45
- <div class="flex w-0 flex-1 items-center">
46
- <!-- Heroicon name: mini/paper-clip -->
47
- <svg class="h-5 w-5 flex-shrink-0 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
48
- <path fill-rule="evenodd" d="M15.621 4.379a3 3 0 00-4.242 0l-7 7a3 3 0 004.241 4.243h.001l.497-.5a.75.75 0 011.064 1.057l-.498.501-.002.002a4.5 4.5 0 01-6.364-6.364l7-7a4.5 4.5 0 016.368 6.36l-3.455 3.553A2.625 2.625 0 119.52 9.52l3.45-3.451a.75.75 0 111.061 1.06l-3.45 3.451a1.125 1.125 0 001.587 1.595l3.454-3.553a3 3 0 000-4.242z" clip-rule="evenodd" />
49
- </svg>
50
- <span class="ml-2 w-0 flex-1 truncate">coverletter_back_end_developer.pdf</span>
51
- </div>
52
- <div class="ml-4 flex-shrink-0">
53
- <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500">Download</a>
54
- </div>
55
- </li>
56
- </ul>
57
- </dd>
58
- </div>
59
- </dl>
60
- </div>
61
- </div>
@@ -1,9 +0,0 @@
1
- {
2
- "source": "https://tailwindui.com/components/application-ui/component/data-display/description-list",
3
- "custom_html": {
4
- "html": null,
5
- "body": null
6
- },
7
- "tailwind_config": {
8
- }
9
- }
@@ -1,17 +0,0 @@
1
- <div>
2
- <h3 class="text-lg font-medium leading-6 text-gray-900">Last 30 days</h3>
3
- <dl class="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-3">
4
- <div class="overflow-hidden rounded-lg bg-white px-4 py-5 shadow sm:p-6">
5
- <dt class="truncate text-sm font-medium text-gray-500">Total Subscribers</dt>
6
- <dd class="mt-1 text-3xl font-semibold tracking-tight text-gray-900">71,897</dd>
7
- </div>
8
- <div class="overflow-hidden rounded-lg bg-white px-4 py-5 shadow sm:p-6">
9
- <dt class="truncate text-sm font-medium text-gray-500">Avg. Open Rate</dt>
10
- <dd class="mt-1 text-3xl font-semibold tracking-tight text-gray-900">58.16%</dd>
11
- </div>
12
- <div class="overflow-hidden rounded-lg bg-white px-4 py-5 shadow sm:p-6">
13
- <dt class="truncate text-sm font-medium text-gray-500">Avg. Click Rate</dt>
14
- <dd class="mt-1 text-3xl font-semibold tracking-tight text-gray-900">24.57%</dd>
15
- </div>
16
- </dl>
17
- </div>
@@ -1,19 +0,0 @@
1
- <div>
2
- <h3 class="text-lg font-medium leading-6 text-gray-900">Last 30 days</h3>
3
- <dl class="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-3">
4
- <div class="overflow-hidden rounded-lg bg-white px-4 py-5 shadow sm:p-6">
5
- <dt class="truncate text-sm font-medium text-gray-500">Total Subscribers</dt>
6
- <dd class="mt-1 text-3xl font-semibold tracking-tight text-gray-900">71,897</dd>
7
- </div>
8
-
9
- <div class="overflow-hidden rounded-lg bg-white px-4 py-5 shadow sm:p-6">
10
- <dt class="truncate text-sm font-medium text-gray-500">Avg. Open Rate</dt>
11
- <dd class="mt-1 text-3xl font-semibold tracking-tight text-gray-900">58.16%</dd>
12
- </div>
13
-
14
- <div class="overflow-hidden rounded-lg bg-white px-4 py-5 shadow sm:p-6">
15
- <dt class="truncate text-sm font-medium text-gray-500">Avg. Click Rate</dt>
16
- <dd class="mt-1 text-3xl font-semibold tracking-tight text-gray-900">24.57%</dd>
17
- </div>
18
- </dl>
19
- </div>
@@ -1,9 +0,0 @@
1
- {
2
- "source": "https://tailwindui.com/components/application-ui/component/data-display/stats",
3
- "custom_html": {
4
- "html": null,
5
- "body": null
6
- },
7
- "tailwind_config": {
8
- }
9
- }
@@ -1,80 +0,0 @@
1
- <div>
2
- <h3 class="text-lg font-medium leading-6 text-gray-900">Last 30 days</h3>
3
- <dl class="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3">
4
- <div class="relative overflow-hidden rounded-lg bg-white px-4 pt-5 pb-12 shadow sm:px-6 sm:pt-6">
5
- <dt>
6
- <div class="absolute rounded-md bg-indigo-500 p-3">
7
- <svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
8
- <path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" />
9
- </svg>
10
- </div>
11
- <p class="ml-16 truncate text-sm font-medium text-gray-500">Total Subscribers</p>
12
- </dt>
13
- <dd class="ml-16 flex items-baseline pb-6 sm:pb-7">
14
- <p class="text-2xl font-semibold text-gray-900">71,897</p>
15
- <p class="ml-2 flex items-baseline text-sm font-semibold text-green-600">
16
- <svg class="h-5 w-5 flex-shrink-0 self-center text-green-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
17
- <path fill-rule="evenodd" d="M10 17a.75.75 0 01-.75-.75V5.612L5.29 9.77a.75.75 0 01-1.08-1.04l5.25-5.5a.75.75 0 011.08 0l5.25 5.5a.75.75 0 11-1.08 1.04l-3.96-4.158V16.25A.75.75 0 0110 17z" clip-rule="evenodd" />
18
- </svg>
19
- <span class="sr-only"> Increased by </span>
20
- 122
21
- </p>
22
- <div class="absolute inset-x-0 bottom-0 bg-gray-50 px-4 py-4 sm:px-6">
23
- <div class="text-sm">
24
- <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500"> View all<span class="sr-only"> Total Subscribers stats</span></a>
25
- </div>
26
- </div>
27
- </dd>
28
- </div>
29
- <div class="relative overflow-hidden rounded-lg bg-white px-4 pt-5 pb-12 shadow sm:px-6 sm:pt-6">
30
- <dt>
31
- <div class="absolute rounded-md bg-indigo-500 p-3">
32
- <svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
33
- <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 01-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 001.183 1.981l6.478 3.488m8.839 2.51l-4.66-2.51m0 0l-1.023-.55a2.25 2.25 0 00-2.134 0l-1.022.55m0 0l-4.661 2.51m16.5 1.615a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V8.844a2.25 2.25 0 011.183-1.98l7.5-4.04a2.25 2.25 0 012.134 0l7.5 4.04a2.25 2.25 0 011.183 1.98V19.5z" />
34
- </svg>
35
- </div>
36
- <p class="ml-16 truncate text-sm font-medium text-gray-500">Avg. Open Rate</p>
37
- </dt>
38
- <dd class="ml-16 flex items-baseline pb-6 sm:pb-7">
39
- <p class="text-2xl font-semibold text-gray-900">58.16%</p>
40
- <p class="ml-2 flex items-baseline text-sm font-semibold text-green-600">
41
- <svg class="h-5 w-5 flex-shrink-0 self-center text-green-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
42
- <path fill-rule="evenodd" d="M10 17a.75.75 0 01-.75-.75V5.612L5.29 9.77a.75.75 0 01-1.08-1.04l5.25-5.5a.75.75 0 011.08 0l5.25 5.5a.75.75 0 11-1.08 1.04l-3.96-4.158V16.25A.75.75 0 0110 17z" clip-rule="evenodd" />
43
- </svg>
44
- <span class="sr-only"> Increased by </span>
45
- 5.4%
46
- </p>
47
- <div class="absolute inset-x-0 bottom-0 bg-gray-50 px-4 py-4 sm:px-6">
48
- <div class="text-sm">
49
- <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500"> View all<span class="sr-only"> Avg. Open Rate stats</span></a>
50
- </div>
51
- </div>
52
- </dd>
53
- </div>
54
- <div class="relative overflow-hidden rounded-lg bg-white px-4 pt-5 pb-12 shadow sm:px-6 sm:pt-6">
55
- <dt>
56
- <div class="absolute rounded-md bg-indigo-500 p-3">
57
- <svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
58
- <path stroke-linecap="round" stroke-linejoin="round" d="M15.042 21.672L13.684 16.6m0 0l-2.51 2.225.569-9.47 5.227 7.917-3.286-.672zM12 2.25V4.5m5.834.166l-1.591 1.591M20.25 10.5H18M7.757 14.743l-1.59 1.59M6 10.5H3.75m4.007-4.243l-1.59-1.59" />
59
- </svg>
60
- </div>
61
- <p class="ml-16 truncate text-sm font-medium text-gray-500">Avg. Click Rate</p>
62
- </dt>
63
- <dd class="ml-16 flex items-baseline pb-6 sm:pb-7">
64
- <p class="text-2xl font-semibold text-gray-900">24.57%</p>
65
- <p class="ml-2 flex items-baseline text-sm font-semibold text-red-600">
66
- <svg class="h-5 w-5 flex-shrink-0 self-center text-red-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
67
- <path fill-rule="evenodd" d="M10 3a.75.75 0 01.75.75v10.638l3.96-4.158a.75.75 0 111.08 1.04l-5.25 5.5a.75.75 0 01-1.08 0l-5.25-5.5a.75.75 0 111.08-1.04l3.96 4.158V3.75A.75.75 0 0110 3z" clip-rule="evenodd" />
68
- </svg>
69
- <span class="sr-only"> Decreased by </span>
70
- 3.2%
71
- </p>
72
- <div class="absolute inset-x-0 bottom-0 bg-gray-50 px-4 py-4 sm:px-6">
73
- <div class="text-sm">
74
- <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500"> View all<span class="sr-only"> Avg. Click Rate stats</span></a>
75
- </div>
76
- </div>
77
- </dd>
78
- </div>
79
- </dl>
80
- </div>