@norskvideo/norsk-studio 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (263) hide show
  1. package/README.md +58 -0
  2. package/bin/info.ts.template +23 -0
  3. package/bin/studio-bundle +23 -0
  4. package/bin/studio-editor +3 -0
  5. package/bin/studio-runner +3 -0
  6. package/bin/studio-wrap-infos +44 -0
  7. package/lib/client/comms.d.ts +26 -0
  8. package/lib/client/comms.js +114 -0
  9. package/lib/client/comms.js.map +1 -0
  10. package/lib/client/componentevents.d.ts +12 -0
  11. package/lib/client/componentevents.js +41 -0
  12. package/lib/client/componentevents.js.map +1 -0
  13. package/lib/client/console.d.ts +19 -0
  14. package/lib/client/console.js +42 -0
  15. package/lib/client/console.js.map +1 -0
  16. package/lib/client/controls.d.ts +23 -0
  17. package/lib/client/controls.js +80 -0
  18. package/lib/client/controls.js.map +1 -0
  19. package/lib/client/creator.d.ts +45 -0
  20. package/lib/client/creator.js +276 -0
  21. package/lib/client/creator.js.map +1 -0
  22. package/lib/client/jsx/connection-editor.d.ts +11 -0
  23. package/lib/client/jsx/connection-editor.js +198 -0
  24. package/lib/client/jsx/connection-editor.js.map +1 -0
  25. package/lib/client/jsx/connection.d.ts +7 -0
  26. package/lib/client/jsx/connection.js +33 -0
  27. package/lib/client/jsx/connection.js.map +1 -0
  28. package/lib/client/jsx/console-log.d.ts +11 -0
  29. package/lib/client/jsx/console-log.js +17 -0
  30. package/lib/client/jsx/console-log.js.map +1 -0
  31. package/lib/client/jsx/console.d.ts +20 -0
  32. package/lib/client/jsx/console.js +30 -0
  33. package/lib/client/jsx/console.js.map +1 -0
  34. package/lib/client/jsx/node-editor.d.ts +23 -0
  35. package/lib/client/jsx/node-editor.js +442 -0
  36. package/lib/client/jsx/node-editor.js.map +1 -0
  37. package/lib/client/jsx/node.d.ts +25 -0
  38. package/lib/client/jsx/node.js +244 -0
  39. package/lib/client/jsx/node.js.map +1 -0
  40. package/lib/client/jsx/selected-connection.d.ts +21 -0
  41. package/lib/client/jsx/selected-connection.js +110 -0
  42. package/lib/client/jsx/selected-connection.js.map +1 -0
  43. package/lib/client/jsx/selected-node.d.ts +24 -0
  44. package/lib/client/jsx/selected-node.js +75 -0
  45. package/lib/client/jsx/selected-node.js.map +1 -0
  46. package/lib/client/jsx/selected.d.ts +24 -0
  47. package/lib/client/jsx/selected.js +15 -0
  48. package/lib/client/jsx/selected.js.map +1 -0
  49. package/lib/client/jsx/selectfilename.d.ts +7 -0
  50. package/lib/client/jsx/selectfilename.js +17 -0
  51. package/lib/client/jsx/selectfilename.js.map +1 -0
  52. package/lib/client/jsx/toolbox.d.ts +14 -0
  53. package/lib/client/jsx/toolbox.js +45 -0
  54. package/lib/client/jsx/toolbox.js.map +1 -0
  55. package/lib/client/library.d.ts +12 -0
  56. package/lib/client/library.js +53 -0
  57. package/lib/client/library.js.map +1 -0
  58. package/lib/client/modal.d.ts +21 -0
  59. package/lib/client/modal.js +34 -0
  60. package/lib/client/modal.js.map +1 -0
  61. package/lib/client/rete/connection.d.ts +20 -0
  62. package/lib/client/rete/connection.js +27 -0
  63. package/lib/client/rete/connection.js.map +1 -0
  64. package/lib/client/rete/node.d.ts +28 -0
  65. package/lib/client/rete/node.js +78 -0
  66. package/lib/client/rete/node.js.map +1 -0
  67. package/lib/client/rete/selector.d.ts +10 -0
  68. package/lib/client/rete/selector.js +22 -0
  69. package/lib/client/rete/selector.js.map +1 -0
  70. package/lib/client/rete.d.ts +81 -0
  71. package/lib/client/rete.js +384 -0
  72. package/lib/client/rete.js.map +1 -0
  73. package/lib/client/session-view.d.ts +7 -0
  74. package/lib/client/session-view.js +132 -0
  75. package/lib/client/session-view.js.map +1 -0
  76. package/lib/client/session.d.ts +70 -0
  77. package/lib/client/session.js +185 -0
  78. package/lib/client/session.js.map +1 -0
  79. package/lib/client/tools.d.ts +22 -0
  80. package/lib/client/tools.js +311 -0
  81. package/lib/client/tools.js.map +1 -0
  82. package/lib/extension/base-nodes.d.ts +55 -0
  83. package/lib/extension/base-nodes.js +120 -0
  84. package/lib/extension/base-nodes.js.map +1 -0
  85. package/lib/extension/built-ins.d.ts +4 -0
  86. package/lib/extension/built-ins.js +52 -0
  87. package/lib/extension/built-ins.js.map +1 -0
  88. package/lib/extension/client-system.d.ts +5 -0
  89. package/lib/extension/client-system.js +3 -0
  90. package/lib/extension/client-system.js.map +1 -0
  91. package/lib/extension/client-types.d.ts +245 -0
  92. package/lib/extension/client-types.js +87 -0
  93. package/lib/extension/client-types.js.map +1 -0
  94. package/lib/extension/common.d.ts +34 -0
  95. package/lib/extension/common.js +45 -0
  96. package/lib/extension/common.js.map +1 -0
  97. package/lib/extension/registration.d.ts +7 -0
  98. package/lib/extension/registration.js +62 -0
  99. package/lib/extension/registration.js.map +1 -0
  100. package/lib/extension/runtime-system.d.ts +9 -0
  101. package/lib/extension/runtime-system.js +3 -0
  102. package/lib/extension/runtime-system.js.map +1 -0
  103. package/lib/extension/runtime-types.d.ts +91 -0
  104. package/lib/extension/runtime-types.js +318 -0
  105. package/lib/extension/runtime-types.js.map +1 -0
  106. package/lib/extension/validation.d.ts +16 -0
  107. package/lib/extension/validation.js +50 -0
  108. package/lib/extension/validation.js.map +1 -0
  109. package/lib/library/test.d.ts +2 -0
  110. package/lib/library/test.js +11 -0
  111. package/lib/library/test.js.map +1 -0
  112. package/lib/runtime/document.d.ts +62 -0
  113. package/lib/runtime/document.js +322 -0
  114. package/lib/runtime/document.js.map +1 -0
  115. package/lib/runtime/execution.d.ts +48 -0
  116. package/lib/runtime/execution.js +327 -0
  117. package/lib/runtime/execution.js.map +1 -0
  118. package/lib/runtime/norsk-comms.d.ts +24 -0
  119. package/lib/runtime/norsk-comms.js +71 -0
  120. package/lib/runtime/norsk-comms.js.map +1 -0
  121. package/lib/runtime/system.d.ts +30 -0
  122. package/lib/runtime/system.js +83 -0
  123. package/lib/runtime/system.js.map +1 -0
  124. package/lib/server/config.d.ts +19 -0
  125. package/lib/server/config.js +26 -0
  126. package/lib/server/config.js.map +1 -0
  127. package/lib/server/index.d.ts +1 -0
  128. package/lib/server/index.js +310 -0
  129. package/lib/server/index.js.map +1 -0
  130. package/lib/server/logging.d.ts +6 -0
  131. package/lib/server/logging.js +96 -0
  132. package/lib/server/logging.js.map +1 -0
  133. package/lib/server/medialive.d.ts +1 -0
  134. package/lib/server/medialive.js +34 -0
  135. package/lib/server/medialive.js.map +1 -0
  136. package/lib/server/runner.d.ts +1 -0
  137. package/lib/server/runner.js +137 -0
  138. package/lib/server/runner.js.map +1 -0
  139. package/lib/server/session-registration.d.ts +5 -0
  140. package/lib/server/session-registration.js +18 -0
  141. package/lib/server/session-registration.js.map +1 -0
  142. package/lib/server/session.d.ts +117 -0
  143. package/lib/server/session.js +364 -0
  144. package/lib/server/session.js.map +1 -0
  145. package/lib/shared/client-msg.d.ts +13 -0
  146. package/lib/shared/client-msg.js +3 -0
  147. package/lib/shared/client-msg.js.map +1 -0
  148. package/lib/shared/config.d.ts +7 -0
  149. package/lib/shared/config.js +60 -0
  150. package/lib/shared/config.js.map +1 -0
  151. package/lib/shared/document.d.ts +164 -0
  152. package/lib/shared/document.js +496 -0
  153. package/lib/shared/document.js.map +1 -0
  154. package/lib/shared/names.d.ts +3 -0
  155. package/lib/shared/names.js +8 -0
  156. package/lib/shared/names.js.map +1 -0
  157. package/lib/shared/norsk.d.ts +21 -0
  158. package/lib/shared/norsk.js +3 -0
  159. package/lib/shared/norsk.js.map +1 -0
  160. package/lib/shared/server-msg.d.ts +69 -0
  161. package/lib/shared/server-msg.js +3 -0
  162. package/lib/shared/server-msg.js.map +1 -0
  163. package/lib/shared/util.d.ts +7 -0
  164. package/lib/shared/util.js +63 -0
  165. package/lib/shared/util.js.map +1 -0
  166. package/lib/test/_util/builder.d.ts +46 -0
  167. package/lib/test/_util/builder.js +200 -0
  168. package/lib/test/_util/builder.js.map +1 -0
  169. package/lib/test/_util/callback_app.d.ts +13 -0
  170. package/lib/test/_util/callback_app.js +25 -0
  171. package/lib/test/_util/callback_app.js.map +1 -0
  172. package/lib/test/_util/driver.d.ts +16 -0
  173. package/lib/test/_util/driver.js +89 -0
  174. package/lib/test/_util/driver.js.map +1 -0
  175. package/lib/test/_util/fake-norsk.d.ts +14 -0
  176. package/lib/test/_util/fake-norsk.js +19 -0
  177. package/lib/test/_util/fake-norsk.js.map +1 -0
  178. package/lib/test/_util/ffmpeg.d.ts +80 -0
  179. package/lib/test/_util/ffmpeg.js +266 -0
  180. package/lib/test/_util/ffmpeg.js.map +1 -0
  181. package/lib/test/_util/manual-driver.d.ts +42 -0
  182. package/lib/test/_util/manual-driver.js +206 -0
  183. package/lib/test/_util/manual-driver.js.map +1 -0
  184. package/lib/test/_util/runtime.d.ts +81 -0
  185. package/lib/test/_util/runtime.js +194 -0
  186. package/lib/test/_util/runtime.js.map +1 -0
  187. package/lib/test/_util/server.d.ts +8 -0
  188. package/lib/test/_util/server.js +33 -0
  189. package/lib/test/_util/server.js.map +1 -0
  190. package/lib/test/_util/sinks.d.ts +35 -0
  191. package/lib/test/_util/sinks.js +200 -0
  192. package/lib/test/_util/sinks.js.map +1 -0
  193. package/lib/test/_util/sources.d.ts +18 -0
  194. package/lib/test/_util/sources.js +113 -0
  195. package/lib/test/_util/sources.js.map +1 -0
  196. package/lib/test/_util/test-infos-views.d.ts +9 -0
  197. package/lib/test/_util/test-infos-views.js +46 -0
  198. package/lib/test/_util/test-infos-views.js.map +1 -0
  199. package/lib/test/_util/test-infos.d.ts +44 -0
  200. package/lib/test/_util/test-infos.js +202 -0
  201. package/lib/test/_util/test-infos.js.map +1 -0
  202. package/lib/test/client-designview.d.ts +1 -0
  203. package/lib/test/client-designview.js +258 -0
  204. package/lib/test/client-designview.js.map +1 -0
  205. package/lib/test/client-liveview.d.ts +1 -0
  206. package/lib/test/client-liveview.js +413 -0
  207. package/lib/test/client-liveview.js.map +1 -0
  208. package/lib/test/client-session.d.ts +1 -0
  209. package/lib/test/client-session.js +205 -0
  210. package/lib/test/client-session.js.map +1 -0
  211. package/lib/test/client-ui.d.ts +1 -0
  212. package/lib/test/client-ui.js +74 -0
  213. package/lib/test/client-ui.js.map +1 -0
  214. package/lib/test/document-execution.d.ts +1 -0
  215. package/lib/test/document-execution.js +162 -0
  216. package/lib/test/document-execution.js.map +1 -0
  217. package/lib/test/document-loading.d.ts +1 -0
  218. package/lib/test/document-loading.js +420 -0
  219. package/lib/test/document-loading.js.map +1 -0
  220. package/lib/test/runtime-comms.d.ts +1 -0
  221. package/lib/test/runtime-comms.js +321 -0
  222. package/lib/test/runtime-comms.js.map +1 -0
  223. package/lib/test/subscriptions.d.ts +1 -0
  224. package/lib/test/subscriptions.js +334 -0
  225. package/lib/test/subscriptions.js.map +1 -0
  226. package/package.json +112 -0
  227. package/static/98_slides.html +61 -0
  228. package/static/Norsk-Favicon-150x150.png +0 -0
  229. package/static/Norsk-Favicon.png +0 -0
  230. package/static/Norsk-Logo-Dark-Background.png +0 -0
  231. package/static/Norsk.png +0 -0
  232. package/static/ShortStack.woff2 +0 -0
  233. package/static/bonnie-green.png +0 -0
  234. package/static/button.svg +67 -0
  235. package/static/doodle.css +174 -0
  236. package/static/flowbite.min.css +1 -0
  237. package/static/flowbite.min.js +2 -0
  238. package/static/font.css +20 -0
  239. package/static/jese-leos.png +0 -0
  240. package/static/joseph-mcfall.png +0 -0
  241. package/static/michael-gough.png +0 -0
  242. package/static/news-embedded.html +106 -0
  243. package/static/overlay-score.html +210 -0
  244. package/static/overlay-ui.html +918 -0
  245. package/static/react-dom.development.js +29869 -0
  246. package/static/react.development.js +3342 -0
  247. package/static/robert-brown.png +0 -0
  248. package/static/roberta-casas.png +0 -0
  249. package/static/style-dark.css +2467 -0
  250. package/static/style.css +7252 -0
  251. package/static/tailwind.css +31 -0
  252. package/static/team1.png +0 -0
  253. package/static/team2.png +0 -0
  254. package/static/videoFrame.html +73 -0
  255. package/static/webrtc.js +430 -0
  256. package/tailwind-theme.js +66 -0
  257. package/tailwind.config.js +11 -0
  258. package/ui/bypass-esbuild.js +24 -0
  259. package/ui/index.html +189 -0
  260. package/ui/index.js +229180 -0
  261. package/ui/studio.css +31 -0
  262. package/ui/test.html +95 -0
  263. package/ui/view.html +23 -0
package/static/overlay-ui.html ADDED
@@ -0,0 +1,918 @@
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
2
+
3
+ <html>
4
+ <head>
5
+ <title>Norsk Sports</title>
6
+ <link rel="icon" href="Norsk-Favicon.png" />
7
+ <link href="style.css" rel="stylesheet" />
8
+ <script type="text/javascript">
9
+ function submitScore() {
10
+ fetch("/score", {
11
+ method: "POST",
12
+ headers: { "Content-Type": "application/json" },
13
+ body: JSON.stringify({
14
+ "team1-score": document.getElementById("score1").value,
15
+ "team2-score": document.getElementById("score2").value,
16
+ "team1-name": document.getElementById("name1").value,
17
+ "team2-name": document.getElementById("name2").value,
18
+ }),
19
+ });
20
+ }
21
+ fetch("/score")
22
+ .then((response) => response.json())
23
+ .then((scores) => {
24
+ document.getElementById("score1").value = scores.team1.score;
25
+ document.getElementById("score2").value = scores.team2.score;
26
+ document.getElementById("name1").value = scores.team1.name;
27
+ document.getElementById("name2").value = scores.team2.name;
28
+ });
29
+ </script>
30
+ </head>
31
+
32
+ <body class="doodle">
33
+ <header class="antialiased">
34
+ <nav
35
+ class="bg-white border-gray-200 px-4 lg:px-6 py-2.5 dark:bg-gray-800"
36
+ >
37
+ <div class="flex flex-wrap justify-between items-center">
38
+ <div class="flex justify-start items-center">
39
+ <button
40
+ id="toggleSidebar"
41
+ aria-expanded="true"
42
+ aria-controls="sidebar"
43
+ class="hidden p-2 mr-3 text-gray-600 rounded cursor-pointer lg:inline hover:text-gray-900 hover:bg-gray-100 dark:text-gray-400 dark:hover:text-white dark:hover:bg-gray-700"
44
+ >
45
+ <svg
46
+ class="w-5 h-5"
47
+ aria-hidden="true"
48
+ xmlns="http://www.w3.org/2000/svg"
49
+ fill="none"
50
+ viewBox="0 0 16 12"
51
+ >
52
+ <path
53
+ stroke="currentColor"
54
+ stroke-linecap="round"
55
+ stroke-linejoin="round"
56
+ stroke-width="2"
57
+ d="M1 1h14M1 6h14M1 11h7"
58
+ />
59
+ </svg>
60
+ </button>
61
+ <button
62
+ aria-expanded="true"
63
+ aria-controls="sidebar"
64
+ class="p-2 mr-2 text-gray-600 rounded-lg cursor-pointer lg:hidden hover:text-gray-900 hover:bg-gray-100 focus:bg-gray-100 dark:focus:bg-gray-700 focus:ring-2 focus:ring-gray-100 dark:focus:ring-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
65
+ >
66
+ <svg
67
+ class="w-[18px] h-[18px]"
68
+ aria-hidden="true"
69
+ xmlns="http://www.w3.org/2000/svg"
70
+ fill="none"
71
+ viewBox="0 0 17 14"
72
+ >
73
+ <path
74
+ stroke="currentColor"
75
+ stroke-linecap="round"
76
+ stroke-linejoin="round"
77
+ stroke-width="2"
78
+ d="M1 1h15M1 7h15M1 13h15"
79
+ />
80
+ </svg>
81
+ <span class="sr-only">Toggle sidebar</span>
82
+ </button>
83
+ <a href="https://flowbite.com" class="flex mr-4">
84
+ <img
85
+ src="Norsk-Logo-Dark-Background.png"
86
+ class="mr-3 h-8"
87
+ alt="Norsh Logo"
88
+ />
89
+ <span
90
+ class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white"
91
+ >Overlay Demo</span
92
+ >
93
+ </a>
94
+ <form action="#" method="GET" class="hidden lg:block lg:pl-2">
95
+ <label for="topbar-search" class="sr-only">Search</label>
96
+ <div class="relative mt-1 lg:w-96">
97
+ <div
98
+ class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none"
99
+ >
100
+ <svg
101
+ class="w-4 h-4 text-gray-500 dark:text-gray-400"
102
+ aria-hidden="true"
103
+ xmlns="http://www.w3.org/2000/svg"
104
+ fill="none"
105
+ viewBox="0 0 20 20"
106
+ >
107
+ <path
108
+ stroke="currentColor"
109
+ stroke-linecap="round"
110
+ stroke-linejoin="round"
111
+ stroke-width="2"
112
+ d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"
113
+ />
114
+ </svg>
115
+ </div>
116
+ <input
117
+ type="text"
118
+ name="email"
119
+ id="topbar-search"
120
+ class="bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full pl-9 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
121
+ placeholder="Search"
122
+ />
123
+ </div>
124
+ </form>
125
+ </div>
126
+ <div class="flex items-center lg:order-2">
127
+ <button
128
+ type="button"
129
+ class="hidden sm:inline-flex items-center justify-center text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 font-medium rounded-lg text-xs px-3 py-1.5 mr-2 dark:bg-primary-600 dark:hover:bg-primary-700 focus:outline-none dark:focus:ring-primary-800"
130
+ >
131
+ <svg
132
+ aria-hidden="true"
133
+ class="mr-1 -ml-1 w-5 h-5"
134
+ fill="currentColor"
135
+ viewBox="0 0 20 20"
136
+ xmlns="http://www.w3.org/2000/svg"
137
+ >
138
+ <path
139
+ fill-rule="evenodd"
140
+ d="M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z"
141
+ clip-rule="evenodd"
142
+ ></path>
143
+ </svg>
144
+ New Widget
145
+ </button>
146
+ <button
147
+ id="toggleSidebarMobileSearch"
148
+ type="button"
149
+ class="p-2 text-gray-500 rounded-lg lg:hidden hover:text-gray-900 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
150
+ >
151
+ <span class="sr-only">Search</span>
152
+ <!-- Search icon -->
153
+ <svg
154
+ class="w-4 h-4"
155
+ aria-hidden="true"
156
+ xmlns="http://www.w3.org/2000/svg"
157
+ fill="none"
158
+ viewBox="0 0 20 20"
159
+ >
160
+ <path
161
+ stroke="currentColor"
162
+ stroke-linecap="round"
163
+ stroke-linejoin="round"
164
+ stroke-width="2"
165
+ d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"
166
+ />
167
+ </svg>
168
+ </button>
169
+ <!-- Notifications -->
170
+ <button
171
+ type="button"
172
+ data-dropdown-toggle="notification-dropdown"
173
+ class="p-2 mr-1 text-gray-500 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:text-gray-400 dark:hover:text-white dark:hover:bg-gray-700 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600"
174
+ >
175
+ <span class="sr-only">View notifications</span>
176
+ <!-- Bell icon -->
177
+ <svg
178
+ class="w-5 h-5"
179
+ aria-hidden="true"
180
+ xmlns="http://www.w3.org/2000/svg"
181
+ fill="currentColor"
182
+ viewBox="0 0 14 20"
183
+ >
184
+ <path
185
+ d="M12.133 10.632v-1.8A5.406 5.406 0 0 0 7.979 3.57.946.946 0 0 0 8 3.464V1.1a1 1 0 0 0-2 0v2.364a.946.946 0 0 0 .021.106 5.406 5.406 0 0 0-4.154 5.262v1.8C1.867 13.018 0 13.614 0 14.807 0 15.4 0 16 .538 16h12.924C14 16 14 15.4 14 14.807c0-1.193-1.867-1.789-1.867-4.175ZM3.823 17a3.453 3.453 0 0 0 6.354 0H3.823Z"
186
+ />
187
+ </svg>
188
+ </button>
189
+ <!-- Dropdown menu -->
190
+ <div
191
+ class="hidden overflow-hidden z-50 my-4 max-w-sm text-base list-none bg-white rounded divide-y divide-gray-100 shadow-lg dark:divide-gray-600 dark:bg-gray-700"
192
+ id="notification-dropdown"
193
+ >
194
+ <div
195
+ class="block py-2 px-4 text-base font-medium text-center text-gray-700 bg-gray-50 dark:bg-gray-700 dark:text-gray-400"
196
+ >
197
+ Notifications
198
+ </div>
199
+ <div>
200
+ <a
201
+ href="#"
202
+ class="flex py-3 px-4 border-b hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-600"
203
+ >
204
+ <div class="flex-shrink-0">
205
+ <img
206
+ class="w-11 h-11 rounded-full"
207
+ src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/bonnie-green.png"
208
+ alt="Bonnie Green avatar"
209
+ />
210
+ <div
211
+ class="flex absolute justify-center items-center ml-6 -mt-5 w-5 h-5 rounded-full border border-white bg-primary-700 dark:border-gray-700"
212
+ >
213
+ <svg
214
+ class="w-2 h-2 text-white"
215
+ aria-hidden="true"
216
+ xmlns="http://www.w3.org/2000/svg"
217
+ fill="currentColor"
218
+ viewBox="0 0 18 18"
219
+ >
220
+ <path
221
+ d="M15.977.783A1 1 0 0 0 15 0H3a1 1 0 0 0-.977.783L.2 9h4.239a2.99 2.99 0 0 1 2.742 1.8 1.977 1.977 0 0 0 3.638 0A2.99 2.99 0 0 1 13.561 9H17.8L15.977.783ZM6 2h6a1 1 0 1 1 0 2H6a1 1 0 0 1 0-2Zm7 5H5a1 1 0 0 1 0-2h8a1 1 0 1 1 0 2Z"
222
+ />
223
+ <path
224
+ d="M1 18h16a1 1 0 0 0 1-1v-6h-4.439a.99.99 0 0 0-.908.6 3.978 3.978 0 0 1-7.306 0 .99.99 0 0 0-.908-.6H0v6a1 1 0 0 0 1 1Z"
225
+ />
226
+ </svg>
227
+ </div>
228
+ </div>
229
+ <div class="pl-3 w-full">
230
+ <div
231
+ class="text-gray-500 font-normal text-sm mb-1.5 dark:text-gray-400"
232
+ >
233
+ New message from
234
+ <span class="font-semibold text-gray-900 dark:text-white"
235
+ >Bonnie Green</span
236
+ >: "Hey, what's up? All set for the presentation?"
237
+ </div>
238
+ <div
239
+ class="text-xs font-medium text-primary-700 dark:text-primary-400"
240
+ >
241
+ a few moments ago
242
+ </div>
243
+ </div>
244
+ </a>
245
+ <a
246
+ href="#"
247
+ class="flex py-3 px-4 border-b hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-600"
248
+ >
249
+ <div class="flex-shrink-0">
250
+ <img
251
+ class="w-11 h-11 rounded-full"
252
+ src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/jese-leos.png"
253
+ alt="Jese Leos avatar"
254
+ />
255
+ <div
256
+ class="flex absolute justify-center items-center ml-6 -mt-5 w-5 h-5 bg-gray-900 rounded-full border border-white dark:border-gray-700"
257
+ >
258
+ <svg
259
+ class="w-2 h-2 text-white"
260
+ aria-hidden="true"
261
+ xmlns="http://www.w3.org/2000/svg"
262
+ fill="currentColor"
263
+ viewBox="0 0 20 18"
264
+ >
265
+ <path
266
+ d="M6.5 9a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM8 10H5a5.006 5.006 0 0 0-5 5v2a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-2a5.006 5.006 0 0 0-5-5Zm11-3h-2V5a1 1 0 0 0-2 0v2h-2a1 1 0 1 0 0 2h2v2a1 1 0 0 0 2 0V9h2a1 1 0 1 0 0-2Z"
267
+ />
268
+ </svg>
269
+ </div>
270
+ </div>
271
+ <div class="pl-3 w-full">
272
+ <div
273
+ class="text-gray-500 font-normal text-sm mb-1.5 dark:text-gray-400"
274
+ >
275
+ <span class="font-semibold text-gray-900 dark:text-white"
276
+ >Jese leos</span
277
+ >
278
+ and
279
+ <span class="font-medium text-gray-900 dark:text-white"
280
+ >5 others</span
281
+ >
282
+ started following you.
283
+ </div>
284
+ <div
285
+ class="text-xs font-medium text-primary-700 dark:text-primary-400"
286
+ >
287
+ 10 minutes ago
288
+ </div>
289
+ </div>
290
+ </a>
291
+ <a
292
+ href="#"
293
+ class="flex py-3 px-4 border-b hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-600"
294
+ >
295
+ <div class="flex-shrink-0">
296
+ <img
297
+ class="w-11 h-11 rounded-full"
298
+ src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/joseph-mcfall.png"
299
+ alt="Joseph McFall avatar"
300
+ />
301
+ <div
302
+ class="flex absolute justify-center items-center ml-6 -mt-5 w-5 h-5 bg-red-600 rounded-full border border-white dark:border-gray-700"
303
+ >
304
+ <svg
305
+ class="w-2 h-2 text-white"
306
+ aria-hidden="true"
307
+ xmlns="http://www.w3.org/2000/svg"
308
+ fill="currentColor"
309
+ viewBox="0 0 20 18"
310
+ >
311
+ <path
312
+ d="M17.947 2.053a5.209 5.209 0 0 0-3.793-1.53A6.414 6.414 0 0 0 10 2.311 6.482 6.482 0 0 0 5.824.5a5.2 5.2 0 0 0-3.8 1.521c-1.915 1.916-2.315 5.392.625 8.333l7 7a.5.5 0 0 0 .708 0l7-7a6.6 6.6 0 0 0 2.123-4.508 5.179 5.179 0 0 0-1.533-3.793Z"
313
+ />
314
+ </svg>
315
+ </div>
316
+ </div>
317
+ <div class="pl-3 w-full">
318
+ <div
319
+ class="text-gray-500 font-normal text-sm mb-1.5 dark:text-gray-400"
320
+ >
321
+ <span class="font-semibold text-gray-900 dark:text-white"
322
+ >Joseph Mcfall</span
323
+ >
324
+ and
325
+ <span class="font-medium text-gray-900 dark:text-white"
326
+ >141 others</span
327
+ >
328
+ love your story. See it and view more stories.
329
+ </div>
330
+ <div
331
+ class="text-xs font-medium text-primary-700 dark:text-primary-400"
332
+ >
333
+ 44 minutes ago
334
+ </div>
335
+ </div>
336
+ </a>
337
+ <a
338
+ href="#"
339
+ class="flex py-3 px-4 border-b hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-600"
340
+ >
341
+ <div class="flex-shrink-0">
342
+ <img
343
+ class="w-11 h-11 rounded-full"
344
+ src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/roberta-casas.png"
345
+ alt="Roberta Casas image"
346
+ />
347
+ <div
348
+ class="flex absolute justify-center items-center ml-6 -mt-5 w-5 h-5 bg-green-400 rounded-full border border-white dark:border-gray-700"
349
+ >
350
+ <svg
351
+ class="w-2 h-2 text-white"
352
+ aria-hidden="true"
353
+ xmlns="http://www.w3.org/2000/svg"
354
+ fill="currentColor"
355
+ viewBox="0 0 20 18"
356
+ >
357
+ <path
358
+ d="M18 0H2a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h2v4a1 1 0 0 0 1.707.707L10.414 13H18a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2Zm-5 4h2a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2ZM5 4h5a1 1 0 1 1 0 2H5a1 1 0 0 1 0-2Zm2 5H5a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2Zm9 0h-6a1 1 0 0 1 0-2h6a1 1 0 1 1 0 2Z"
359
+ />
360
+ </svg>
361
+ </div>
362
+ </div>
363
+ <div class="pl-3 w-full">
364
+ <div
365
+ class="text-gray-500 font-normal text-sm mb-1.5 dark:text-gray-400"
366
+ >
367
+ <span class="font-semibold text-gray-900 dark:text-white"
368
+ >Leslie Livingston</span
369
+ >
370
+ mentioned you in a comment:
371
+ <span
372
+ class="font-medium text-primary-700 dark:text-primary-500"
373
+ >@bonnie.green</span
374
+ >
375
+ what do you say?
376
+ </div>
377
+ <div
378
+ class="text-xs font-medium text-primary-700 dark:text-primary-400"
379
+ >
380
+ 1 hour ago
381
+ </div>
382
+ </div>
383
+ </a>
384
+ <a
385
+ href="#"
386
+ class="flex py-3 px-4 hover:bg-gray-100 dark:hover:bg-gray-600"
387
+ >
388
+ <div class="flex-shrink-0">
389
+ <img
390
+ class="w-11 h-11 rounded-full"
391
+ src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/robert-brown.png"
392
+ alt="Robert image"
393
+ />
394
+ <div
395
+ class="flex absolute justify-center items-center ml-6 -mt-5 w-5 h-5 bg-purple-500 rounded-full border border-white dark:border-gray-700"
396
+ >
397
+ <svg
398
+ class="w-2 h-2 text-white"
399
+ aria-hidden="true"
400
+ xmlns="http://www.w3.org/2000/svg"
401
+ fill="currentColor"
402
+ viewBox="0 0 20 14"
403
+ >
404
+ <path
405
+ d="M11 0H2a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2Zm8.585 1.189a.994.994 0 0 0-.9-.138l-2.965.983a1 1 0 0 0-.685.949v8a1 1 0 0 0 .675.946l2.965 1.02a1.013 1.013 0 0 0 1.032-.242A1 1 0 0 0 20 12V2a1 1 0 0 0-.415-.811Z"
406
+ />
407
+ </svg>
408
+ </div>
409
+ </div>
410
+ <div class="pl-3 w-full">
411
+ <div
412
+ class="text-gray-500 font-normal text-sm mb-1.5 dark:text-gray-400"
413
+ >
414
+ <span class="font-semibold text-gray-900 dark:text-white"
415
+ >Robert Brown</span
416
+ >
417
+ posted a new video: Glassmorphism - learn how to implement
418
+ the new design trend.
419
+ </div>
420
+ <div
421
+ class="text-xs font-medium text-primary-700 dark:text-primary-400"
422
+ >
423
+ 3 hours ago
424
+ </div>
425
+ </div>
426
+ </a>
427
+ </div>
428
+ <a
429
+ href="#"
430
+ class="block py-2 text-base font-medium text-center text-gray-900 bg-gray-50 hover:bg-gray-100 dark:bg-gray-700 dark:text-white dark:hover:underline"
431
+ >
432
+ <div class="inline-flex items-center">
433
+ <svg
434
+ aria-hidden="true"
435
+ class="mr-2 w-5 h-5"
436
+ fill="currentColor"
437
+ viewBox="0 0 20 20"
438
+ xmlns="http://www.w3.org/2000/svg"
439
+ >
440
+ <path d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path>
441
+ <path
442
+ fill-rule="evenodd"
443
+ d="M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z"
444
+ clip-rule="evenodd"
445
+ ></path>
446
+ </svg>
447
+ View all
448
+ </div>
449
+ </a>
450
+ </div>
451
+ <!-- Apps -->
452
+ <button
453
+ type="button"
454
+ data-dropdown-toggle="apps-dropdown"
455
+ class="p-2 text-gray-500 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:text-gray-400 dark:hover:text-white dark:hover:bg-gray-700 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600"
456
+ >
457
+ <span class="sr-only">View notifications</span>
458
+ <!-- Icon -->
459
+ <svg
460
+ class="w-4 h-4"
461
+ aria-hidden="true"
462
+ xmlns="http://www.w3.org/2000/svg"
463
+ fill="currentColor"
464
+ viewBox="0 0 18 18"
465
+ >
466
+ <path
467
+ d="M6.143 0H1.857A1.857 1.857 0 0 0 0 1.857v4.286C0 7.169.831 8 1.857 8h4.286A1.857 1.857 0 0 0 8 6.143V1.857A1.857 1.857 0 0 0 6.143 0Zm10 0h-4.286A1.857 1.857 0 0 0 10 1.857v4.286C10 7.169 10.831 8 11.857 8h4.286A1.857 1.857 0 0 0 18 6.143V1.857A1.857 1.857 0 0 0 16.143 0Zm-10 10H1.857A1.857 1.857 0 0 0 0 11.857v4.286C0 17.169.831 18 1.857 18h4.286A1.857 1.857 0 0 0 8 16.143v-4.286A1.857 1.857 0 0 0 6.143 10Zm10 0h-4.286A1.857 1.857 0 0 0 10 11.857v4.286c0 1.026.831 1.857 1.857 1.857h4.286A1.857 1.857 0 0 0 18 16.143v-4.286A1.857 1.857 0 0 0 16.143 10Z"
468
+ />
469
+ </svg>
470
+ </button>
471
+ <!-- Dropdown menu -->
472
+ <div
473
+ class="hidden overflow-hidden z-50 my-4 max-w-sm text-base list-none bg-white rounded divide-y divide-gray-100 shadow-lg dark:bg-gray-700 dark:divide-gray-600"
474
+ id="apps-dropdown"
475
+ >
476
+ <div
477
+ class="block py-2 px-4 text-base font-medium text-center text-gray-700 bg-gray-50 dark:bg-gray-700 dark:text-gray-400"
478
+ >
479
+ Apps
480
+ </div>
481
+ <div class="grid grid-cols-3 gap-4 p-4">
482
+ <a
483
+ href="#"
484
+ class="block p-4 text-center rounded-lg hover:bg-gray-100 dark:hover:bg-gray-600 group"
485
+ >
486
+ <svg
487
+ class="mx-auto mb-2 w-5 h-5 text-gray-400 group-hover:text-gray-500 dark:text-gray-400 dark:group-hover:text-gray-400"
488
+ aria-hidden="true"
489
+ xmlns="http://www.w3.org/2000/svg"
490
+ fill="currentColor"
491
+ viewBox="0 0 18 20"
492
+ >
493
+ <path
494
+ d="M17 5.923A1 1 0 0 0 16 5h-3V4a4 4 0 1 0-8 0v1H2a1 1 0 0 0-1 .923L.086 17.846A2 2 0 0 0 2.08 20h13.84a2 2 0 0 0 1.994-2.153L17 5.923ZM7 9a1 1 0 0 1-2 0V7h2v2Zm0-5a2 2 0 1 1 4 0v1H7V4Zm6 5a1 1 0 1 1-2 0V7h2v2Z"
495
+ />
496
+ </svg>
497
+ <div
498
+ class="text-sm font-medium text-gray-900 dark:text-white"
499
+ >
500
+ Sales
501
+ </div>
502
+ </a>
503
+ <a
504
+ href="#"
505
+ class="block p-4 text-center rounded-lg hover:bg-gray-100 dark:hover:bg-gray-600 group"
506
+ >
507
+ <svg
508
+ class="mx-auto mb-2 w-5 h-5 text-gray-400 group-hover:text-gray-500 dark:text-gray-400 dark:group-hover:text-gray-400"
509
+ aria-hidden="true"
510
+ xmlns="http://www.w3.org/2000/svg"
511
+ fill="currentColor"
512
+ viewBox="0 0 20 19"
513
+ >
514
+ <path
515
+ d="M14.5 0A3.987 3.987 0 0 0 11 2.1a4.977 4.977 0 0 1 3.9 5.858A3.989 3.989 0 0 0 14.5 0ZM9 13h2a4 4 0 0 1 4 4v2H5v-2a4 4 0 0 1 4-4Z"
516
+ />
517
+ <path
518
+ d="M5 19h10v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2ZM5 7a5.008 5.008 0 0 1 4-4.9 3.988 3.988 0 1 0-3.9 5.859A4.974 4.974 0 0 1 5 7Zm5 3a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm5-1h-.424a5.016 5.016 0 0 1-1.942 2.232A6.007 6.007 0 0 1 17 17h2a1 1 0 0 0 1-1v-2a5.006 5.006 0 0 0-5-5ZM5.424 9H5a5.006 5.006 0 0 0-5 5v2a1 1 0 0 0 1 1h2a6.007 6.007 0 0 1 4.366-5.768A5.016 5.016 0 0 1 5.424 9Z"
519
+ />
520
+ </svg>
521
+ <div
522
+ class="text-sm font-medium text-gray-900 dark:text-white"
523
+ >
524
+ Users
525
+ </div>
526
+ </a>
527
+ <a
528
+ href="#"
529
+ class="block p-4 text-center rounded-lg hover:bg-gray-100 dark:hover:bg-gray-600 group"
530
+ >
531
+ <svg
532
+ class="mx-auto mb-2 w-5 h-5 text-gray-400 group-hover:text-gray-500 dark:text-gray-400 dark:group-hover:text-gray-400"
533
+ aria-hidden="true"
534
+ xmlns="http://www.w3.org/2000/svg"
535
+ fill="currentColor"
536
+ viewBox="0 0 18 18"
537
+ >
538
+ <path
539
+ d="M15.977.783A1 1 0 0 0 15 0H3a1 1 0 0 0-.977.783L.2 9h4.239a2.99 2.99 0 0 1 2.742 1.8 1.977 1.977 0 0 0 3.638 0A2.99 2.99 0 0 1 13.561 9H17.8L15.977.783ZM6 2h6a1 1 0 1 1 0 2H6a1 1 0 0 1 0-2Zm7 5H5a1 1 0 0 1 0-2h8a1 1 0 1 1 0 2Z"
540
+ />
541
+ <path
542
+ d="M1 18h16a1 1 0 0 0 1-1v-6h-4.439a.99.99 0 0 0-.908.6 3.978 3.978 0 0 1-7.306 0 .99.99 0 0 0-.908-.6H0v6a1 1 0 0 0 1 1Z"
543
+ />
544
+ </svg>
545
+ <div
546
+ class="text-sm font-medium text-gray-900 dark:text-white"
547
+ >
548
+ Inbox
549
+ </div>
550
+ </a>
551
+ <a
552
+ href="#"
553
+ class="block p-4 text-center rounded-lg hover:bg-gray-100 dark:hover:bg-gray-600 group"
554
+ >
555
+ <svg
556
+ class="mx-auto mb-2 w-5 h-5 text-gray-400 group-hover:text-gray-500 dark:text-gray-400 dark:group-hover:text-gray-400"
557
+ aria-hidden="true"
558
+ xmlns="http://www.w3.org/2000/svg"
559
+ fill="currentColor"
560
+ viewBox="0 0 20 20"
561
+ >
562
+ <path
563
+ d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm0 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0 13a8.949 8.949 0 0 1-4.951-1.488A3.987 3.987 0 0 1 9 13h2a3.987 3.987 0 0 1 3.951 3.512A8.949 8.949 0 0 1 10 18Z"
564
+ />
565
+ </svg>
566
+ <div
567
+ class="text-sm font-medium text-gray-900 dark:text-white"
568
+ >
569
+ Profile
570
+ </div>
571
+ </a>
572
+ <a
573
+ href="#"
574
+ class="block p-4 text-center rounded-lg hover:bg-gray-100 dark:hover:bg-gray-600 group"
575
+ >
576
+ <svg
577
+ class="mx-auto mb-2 w-5 h-5 text-gray-400 group-hover:text-gray-500 dark:text-gray-400 dark:group-hover:text-gray-400"
578
+ aria-hidden="true"
579
+ xmlns="http://www.w3.org/2000/svg"
580
+ fill="currentColor"
581
+ viewBox="0 0 20 20"
582
+ >
583
+ <path
584
+ d="M18 7.5h-.423l-.452-1.09.3-.3a1.5 1.5 0 0 0 0-2.121L16.01 2.575a1.5 1.5 0 0 0-2.121 0l-.3.3-1.089-.452V2A1.5 1.5 0 0 0 11 .5H9A1.5 1.5 0 0 0 7.5 2v.423l-1.09.452-.3-.3a1.5 1.5 0 0 0-2.121 0L2.576 3.99a1.5 1.5 0 0 0 0 2.121l.3.3L2.423 7.5H2A1.5 1.5 0 0 0 .5 9v2A1.5 1.5 0 0 0 2 12.5h.423l.452 1.09-.3.3a1.5 1.5 0 0 0 0 2.121l1.415 1.413a1.5 1.5 0 0 0 2.121 0l.3-.3 1.09.452V18A1.5 1.5 0 0 0 9 19.5h2a1.5 1.5 0 0 0 1.5-1.5v-.423l1.09-.452.3.3a1.5 1.5 0 0 0 2.121 0l1.415-1.414a1.5 1.5 0 0 0 0-2.121l-.3-.3.452-1.09H18a1.5 1.5 0 0 0 1.5-1.5V9A1.5 1.5 0 0 0 18 7.5Zm-8 6a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7Z"
585
+ />
586
+ </svg>
587
+ <div
588
+ class="text-sm font-medium text-gray-900 dark:text-white"
589
+ >
590
+ Settings
591
+ </div>
592
+ </a>
593
+ <a
594
+ href="#"
595
+ class="block p-4 text-center rounded-lg hover:bg-gray-100 dark:hover:bg-gray-600 group"
596
+ >
597
+ <svg
598
+ class="mx-auto mb-2 w-5 h-5 text-gray-400 group-hover:text-gray-500 dark:text-gray-400 dark:group-hover:text-gray-400"
599
+ aria-hidden="true"
600
+ xmlns="http://www.w3.org/2000/svg"
601
+ fill="currentColor"
602
+ viewBox="0 0 20 16"
603
+ >
604
+ <path
605
+ d="M19 0H1a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1ZM2 6v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6H2Zm11 3a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V8a1 1 0 0 1 2 0h2a1 1 0 0 1 2 0v1Z"
606
+ />
607
+ </svg>
608
+ <div
609
+ class="text-sm font-medium text-gray-900 dark:text-white"
610
+ >
611
+ Products
612
+ </div>
613
+ </a>
614
+ <a
615
+ href="#"
616
+ class="block p-4 text-center rounded-lg hover:bg-gray-100 dark:hover:bg-gray-600 group"
617
+ >
618
+ <svg
619
+ class="mx-auto mb-2 w-5 h-5 text-gray-400 group-hover:text-gray-500 dark:text-gray-400 dark:group-hover:text-gray-400"
620
+ aria-hidden="true"
621
+ xmlns="http://www.w3.org/2000/svg"
622
+ fill="none"
623
+ viewBox="0 0 11 20"
624
+ >
625
+ <path
626
+ stroke="currentColor"
627
+ stroke-linecap="round"
628
+ stroke-linejoin="round"
629
+ stroke-width="2"
630
+ d="M1.75 15.363a4.954 4.954 0 0 0 2.638 1.574c2.345.572 4.653-.434 5.155-2.247.502-1.813-1.313-3.79-3.657-4.364-2.344-.574-4.16-2.551-3.658-4.364.502-1.813 2.81-2.818 5.155-2.246A4.97 4.97 0 0 1 10 5.264M6 17.097v1.82m0-17.5v2.138"
631
+ />
632
+ </svg>
633
+ <div
634
+ class="text-sm font-medium text-gray-900 dark:text-white"
635
+ >
636
+ Pricing
637
+ </div>
638
+ </a>
639
+ <a
640
+ href="#"
641
+ class="block p-4 text-center rounded-lg hover:bg-gray-100 dark:hover:bg-gray-600 group"
642
+ >
643
+ <svg
644
+ class="mx-auto mb-2 w-5 h-5 text-gray-400 group-hover:text-gray-500 dark:text-gray-400 dark:group-hover:text-gray-400"
645
+ aria-hidden="true"
646
+ xmlns="http://www.w3.org/2000/svg"
647
+ fill="currentColor"
648
+ viewBox="0 0 16 20"
649
+ >
650
+ <path
651
+ d="M7 11H5v1h2v-1Zm4 3H9v1h2v-1Zm-4 0H5v1h2v-1ZM5 5V.13a2.98 2.98 0 0 0-1.293.749L.88 3.707A2.98 2.98 0 0 0 .13 5H5Z"
652
+ />
653
+ <path
654
+ d="M14.066 0H7v5a2 2 0 0 1-2 2H0v11a1.97 1.97 0 0 0 1.934 2h12.132A1.97 1.97 0 0 0 16 18V2a1.97 1.97 0 0 0-1.934-2ZM13 16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v6Zm-1-8H9a1 1 0 0 1 0-2h3a1 1 0 1 1 0 2Zm0-3H9a1 1 0 0 1 0-2h3a1 1 0 1 1 0 2Z"
655
+ />
656
+ <path d="M11 11H9v1h2v-1Z" />
657
+ </svg>
658
+ <div
659
+ class="text-sm font-medium text-gray-900 dark:text-white"
660
+ >
661
+ Billing
662
+ </div>
663
+ </a>
664
+ <a
665
+ href="#"
666
+ class="block p-4 text-center rounded-lg hover:bg-gray-100 dark:hover:bg-gray-600 group"
667
+ >
668
+ <svg
669
+ class="mx-auto mb-2 w-5 h-5 text-gray-400 group-hover:text-gray-500 dark:text-gray-400 dark:group-hover:text-gray-400"
670
+ aria-hidden="true"
671
+ xmlns="http://www.w3.org/2000/svg"
672
+ fill="none"
673
+ viewBox="0 0 16 16"
674
+ >
675
+ <path
676
+ stroke="currentColor"
677
+ stroke-linecap="round"
678
+ stroke-linejoin="round"
679
+ stroke-width="2"
680
+ d="M4 8h11m0 0-4-4m4 4-4 4m-5 3H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h3"
681
+ />
682
+ </svg>
683
+ <div
684
+ class="text-sm font-medium text-gray-900 dark:text-white"
685
+ >
686
+ Logout
687
+ </div>
688
+ </a>
689
+ </div>
690
+ </div>
691
+ <button
692
+ type="button"
693
+ class="flex mx-3 text-sm bg-gray-800 rounded-full md:mr-0 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600"
694
+ id="user-menu-button"
695
+ aria-expanded="false"
696
+ data-dropdown-toggle="dropdown"
697
+ >
698
+ <span class="sr-only">Open user menu</span>
699
+ <img
700
+ class="w-8 h-8 rounded-full"
701
+ src="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
702
+ alt="user photo"
703
+ />
704
+ </button>
705
+ <!-- Dropdown menu -->
706
+ <div
707
+ class="hidden z-50 my-4 w-56 text-base list-none bg-white rounded divide-y divide-gray-100 shadow dark:bg-gray-700 dark:divide-gray-600"
708
+ id="dropdown"
709
+ >
710
+ <div class="py-3 px-4">
711
+ <span
712
+ class="block text-sm font-semibold text-gray-900 dark:text-white"
713
+ >Neil sims</span
714
+ >
715
+ <span
716
+ class="block text-sm text-gray-500 truncate dark:text-gray-400"
717
+ >name@flowbite.com</span
718
+ >
719
+ </div>
720
+ <ul
721
+ class="py-1 text-gray-500 dark:text-gray-400"
722
+ aria-labelledby="dropdown"
723
+ >
724
+ <li>
725
+ <a
726
+ href="#"
727
+ class="block py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-400 dark:hover:text-white"
728
+ >My profile</a
729
+ >
730
+ </li>
731
+ <li>
732
+ <a
733
+ href="#"
734
+ class="block py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-400 dark:hover:text-white"
735
+ >Account settings</a
736
+ >
737
+ </li>
738
+ </ul>
739
+ <ul
740
+ class="py-1 text-gray-500 dark:text-gray-400"
741
+ aria-labelledby="dropdown"
742
+ >
743
+ <li>
744
+ <a
745
+ href="#"
746
+ class="flex items-center py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
747
+ >
748
+ <svg
749
+ class="mr-2 w-4 h-4 text-gray-400"
750
+ aria-hidden="true"
751
+ xmlns="http://www.w3.org/2000/svg"
752
+ fill="currentColor"
753
+ viewBox="0 0 20 18"
754
+ >
755
+ <path
756
+ d="M17.947 2.053a5.209 5.209 0 0 0-3.793-1.53A6.414 6.414 0 0 0 10 2.311 6.482 6.482 0 0 0 5.824.5a5.2 5.2 0 0 0-3.8 1.521c-1.915 1.916-2.315 5.392.625 8.333l7 7a.5.5 0 0 0 .708 0l7-7a6.6 6.6 0 0 0 2.123-4.508 5.179 5.179 0 0 0-1.533-3.793Z"
757
+ />
758
+ </svg>
759
+ My likes
760
+ </a>
761
+ </li>
762
+ <li>
763
+ <a
764
+ href="#"
765
+ class="flex items-center py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
766
+ >
767
+ <svg
768
+ class="mr-2 w-4 h-4 text-gray-400"
769
+ aria-hidden="true"
770
+ xmlns="http://www.w3.org/2000/svg"
771
+ fill="currentColor"
772
+ viewBox="0 0 20 20"
773
+ >
774
+ <path
775
+ d="m1.56 6.245 8 3.924a1 1 0 0 0 .88 0l8-3.924a1 1 0 0 0 0-1.8l-8-3.925a1 1 0 0 0-.88 0l-8 3.925a1 1 0 0 0 0 1.8Z"
776
+ />
777
+ <path
778
+ d="M18 8.376a1 1 0 0 0-1 1v.163l-7 3.434-7-3.434v-.163a1 1 0 0 0-2 0v.786a1 1 0 0 0 .56.9l8 3.925a1 1 0 0 0 .88 0l8-3.925a1 1 0 0 0 .56-.9v-.786a1 1 0 0 0-1-1Z"
779
+ />
780
+ <path
781
+ d="M17.993 13.191a1 1 0 0 0-1 1v.163l-7 3.435-7-3.435v-.163a1 1 0 1 0-2 0v.787a1 1 0 0 0 .56.9l8 3.925a1 1 0 0 0 .88 0l8-3.925a1 1 0 0 0 .56-.9v-.787a1 1 0 0 0-1-1Z"
782
+ />
783
+ </svg>
784
+ Collections
785
+ </a>
786
+ </li>
787
+ <li>
788
+ <a
789
+ href="#"
790
+ class="flex justify-between items-center py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
791
+ >
792
+ <span class="flex items-center">
793
+ <svg
794
+ class="mr-2 w-4 h-4 text-primary-600 dark:text-primary-500"
795
+ aria-hidden="true"
796
+ xmlns="http://www.w3.org/2000/svg"
797
+ fill="currentColor"
798
+ viewBox="0 0 20 20"
799
+ >
800
+ <path
801
+ d="m7.164 3.805-4.475.38L.327 6.546a1.114 1.114 0 0 0 .63 1.89l3.2.375 3.007-5.006ZM11.092 15.9l.472 3.14a1.114 1.114 0 0 0 1.89.63l2.36-2.362.38-4.475-5.102 3.067Zm8.617-14.283A1.613 1.613 0 0 0 18.383.291c-1.913-.33-5.811-.736-7.556 1.01-1.98 1.98-6.172 9.491-7.477 11.869a1.1 1.1 0 0 0 .193 1.316l.986.985.985.986a1.1 1.1 0 0 0 1.316.193c2.378-1.3 9.889-5.5 11.869-7.477 1.746-1.745 1.34-5.643 1.01-7.556Zm-3.873 6.268a2.63 2.63 0 1 1-3.72-3.72 2.63 2.63 0 0 1 3.72 3.72Z"
802
+ />
803
+ </svg>
804
+ Pro version
805
+ </span>
806
+ <svg
807
+ class="w-2.5 h-2.5 text-gray-400"
808
+ aria-hidden="true"
809
+ xmlns="http://www.w3.org/2000/svg"
810
+ fill="none"
811
+ viewBox="0 0 6 10"
812
+ >
813
+ <path
814
+ stroke="currentColor"
815
+ stroke-linecap="round"
816
+ stroke-linejoin="round"
817
+ stroke-width="2"
818
+ d="m1 9 4-4-4-4"
819
+ />
820
+ </svg>
821
+ </a>
822
+ </li>
823
+ </ul>
824
+ <ul
825
+ class="py-1 text-gray-500 dark:text-gray-400"
826
+ aria-labelledby="dropdown"
827
+ >
828
+ <li>
829
+ <a
830
+ href="#"
831
+ class="block py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
832
+ >Sign out</a
833
+ >
834
+ </li>
835
+ </ul>
836
+ </div>
837
+ </div>
838
+ </div>
839
+ </nav>
840
+ </header>
841
+ <section class="bg-white dark:bg-gray-900 h-screen">
842
+ <div class="py-8 px-4 mx-auto max-w-2xl lg:py-16">
843
+ <form
844
+ method="post"
845
+ id="update-score-form"
846
+ onsubmit="submitScore(); return false"
847
+ name="update-score-form"
848
+ >
849
+ <div class="grid gap-4 sm:grid-cols-2 sm:gap-6">
850
+ <div class="w-full">
851
+ <label
852
+ for="brand"
853
+ class="block mb-2 text-sm font-medium text-gray-900 dark:text-white"
854
+ >Team 1 Name</label
855
+ >
856
+ <input
857
+ type="text"
858
+ id="name1"
859
+ class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
860
+ placeholder="Team 1 Name"
861
+ required=""
862
+ />
863
+ </div>
864
+ <div class="w-full">
865
+ <label
866
+ for="price"
867
+ class="block mb-2 text-sm font-medium text-gray-900 dark:text-white"
868
+ >Team 2 Name</label
869
+ >
870
+ <input
871
+ type="text"
872
+ id="name2"
873
+ class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
874
+ placeholder="Team 2 Name"
875
+ required=""
876
+ />
877
+ </div>
878
+
879
+ <div class="w-full">
880
+ <label
881
+ for="brand"
882
+ class="block mb-2 text-sm font-medium text-gray-900 dark:text-white"
883
+ >Team 1 Score</label
884
+ >
885
+ <input
886
+ type="number"
887
+ id="score1"
888
+ class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
889
+ placeholder="0"
890
+ required=""
891
+ />
892
+ </div>
893
+ <div class="w-full">
894
+ <label
895
+ for="price"
896
+ class="block mb-2 text-sm font-medium text-gray-900 dark:text-white"
897
+ >Team 2 Score</label
898
+ >
899
+ <input
900
+ type="number"
901
+ id="score2"
902
+ class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
903
+ placeholder="0"
904
+ required=""
905
+ />
906
+ </div>
907
+ </div>
908
+ <button
909
+ type="submit"
910
+ class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 mt-5 mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800"
911
+ >
912
+ Update
913
+ </button>
914
+ </form>
915
+ </div>
916
+ </section>
917
+ </body>
918
+ </html>