Hugging Face's logo

Spaces:
THEMONEYHOLLIC
/
minutes-pro
Running

App Files Community
THEMONEYHOLLIC commited on
Commit
2e127e3
·
verified ·
1 Parent(s): 4837837

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +16 -492
  2. prompts.txt +1 -0
index.html CHANGED
@@ -37,6 +37,10 @@
37
  .page.active {
38
  display: block;
39
  }
 
 
 
 
40
  </style>
41
  </head>
42
  <body class="bg-gray-50 text-gray-800 font-sans">
@@ -65,7 +69,7 @@
65
  <h3 class="text-xs font-semibold text-gray-500 uppercase tracking-wider">Today</h3>
66
  <ul class="mt-2 space-y-1">
67
  <li>
68
- <a href="#" class="nav-link flex items-center px-2 py-2 text-sm rounded-md" data-page="meeting">
69
  <i class="fas fa-microphone mr-3 text-blue-500"></i>
70
  <span>Team Standup</span>
71
  </a>
@@ -211,7 +215,7 @@
211
  </div>
212
  </div>
213
 
214
- <div class="flex-1 overflow-y-auto p-4 space-y-4">
215
  <div class="waveform rounded mb-2"></div>
216
 
217
  <div class="transcription-entry bg-blue-50 p-3 rounded-lg">
@@ -292,8 +296,8 @@
292
 
293
  <div class="p-4 border-t border-gray-200">
294
  <div class="flex items-center space-x-2">
295
- <input type="text" placeholder="Add comment or action item..." class="flex-1 border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
296
- <button class="bg-blue-500 text-white p-2 rounded-lg hover:bg-blue-600">
297
  <i class="fas fa-paper-plane"></i>
298
  </button>
299
  </div>
@@ -335,7 +339,7 @@
335
  <i class="fas fa-check-circle mr-2 text-green-500"></i>
336
  Action Items
337
  </h2>
338
- <div class="space-y-3">
339
  <div class="note-card bg-white p-4 rounded-lg shadow-sm border border-gray-200 transition-all duration-200">
340
  <div class="flex items-start">
341
  <div class="flex items-center h-5">
@@ -395,6 +399,7 @@
395
  <i class="fas fa-calendar mr-1"></i>
396
  <span>Due: Thu</span>
397
  </div>
 
398
  </div>
399
  </div>
400
  </div>
@@ -405,7 +410,7 @@
405
  <i class="fas fa-sticky-note mr-2 text-blue-500"></i>
406
  Notes
407
  </h2>
408
- <div class="space-y-4">
409
  <div class="note-card bg-white p-4 rounded-lg shadow-sm border border-gray-200 transition-all duration-200">
410
  <div class="flex items-center justify-between mb-2">
411
  <span class="text-sm font-medium text-gray-700">Design Updates</span>
@@ -499,7 +504,7 @@
499
  <i class="fas fa-plus-circle text-blue-500 mr-2"></i>
500
  <span class="font-medium">Add New Note</span>
501
  </div>
502
- <textarea class="w-full border border-gray-300 rounded-lg p-3 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" rows="3" placeholder="Type your notes here..."></textarea>
503
  <div class="mt-2 flex justify-between items-center">
504
  <div class="flex space-x-2">
505
  <button class="px-3 py-1 bg-gray-100 text-gray-700 rounded-lg text-sm hover:bg-gray-200">
@@ -509,7 +514,7 @@
509
  <i class="fas fa-user-plus mr-1"></i> Assign
510
  </button>
511
  </div>
512
- <button class="px-4 py-1 bg-blue-500 text-white rounded-lg hover:bg-blue-600">
513
  Save
514
  </button>
515
  </div>
@@ -639,7 +644,7 @@
639
  </div>
640
 
641
  <div class="p-4 border-t border-gray-200">
642
- <button class="w-full bg-gray-100 hover:bg-gray-200 text-gray-800 py-2 px-4 rounded-lg flex items-center justify-center space-x-2">
643
  <i class="fas fa-stop-circle text-red-500"></i>
644
  <span>End Meeting</span>
645
  </button>
@@ -653,7 +658,7 @@
653
  <header class="bg-white shadow-sm z-10">
654
  <div class="px-6 py-3 flex items-center justify-between">
655
  <h1 class="text-xl font-semibold">Meeting Templates</h1>
656
- <button class="bg-blue-500 text-white px-4 py-1 rounded-lg hover:bg-blue-600">
657
  <i class="fas fa-plus mr-1"></i> New Template
658
  </button>
659
  </div>
@@ -750,486 +755,5 @@
750
  <div class="flex items-center text-sm text-gray-500 mb-3">
751
  <i class="fas fa-calendar-alt mr-2"></i>
752
  <span>Last used: 2 weeks ago</span>
753
- </div>
754
- <div class="flex space-x-2">
755
- <button class="flex-1 bg-blue-500 text-white py-1 px-3 rounded text-sm hover:bg-blue-600">
756
- <i class="fas fa-play mr-1"></i> Use
757
- </button>
758
- <button class="flex-1 bg-gray-100 text-gray-700 py-1 px-3 rounded text-sm hover:bg-gray-200">
759
- <i class="fas fa-edit mr-1"></i> Edit
760
- </button>
761
- </div>
762
- </div>
763
- </div>
764
-
765
- <!-- Template Card -->
766
- <div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-md transition-shadow duration-200">
767
- <div class="p-4 border-b border-gray-200 bg-red-50">
768
- <div class="flex items-center justify-between">
769
- <h3 class="font-semibold text-red-800">Product Launch</h3>
770
- <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full">Planning</span>
771
- </div>
772
- <p class="text-sm text-gray-600 mt-1">Product launch planning meeting</p>
773
- </div>
774
- <div class="p-4">
775
- <div class="flex items-center text-sm text-gray-500 mb-3">
776
- <i class="fas fa-calendar-alt mr-2"></i>
777
- <span>Last used: 3 weeks ago</span>
778
- </div>
779
- <div class="flex space-x-2">
780
- <button class="flex-1 bg-blue-500 text-white py-1 px-3 rounded text-sm hover:bg-blue-600">
781
- <i class="fas fa-play mr-1"></i> Use
782
- </button>
783
- <button class="flex-1 bg-gray-100 text-gray-700 py-1 px-3 rounded text-sm hover:bg-gray-200">
784
- <i class="fas fa-edit mr-1"></i> Edit
785
- </button>
786
- </div>
787
- </div>
788
- </div>
789
-
790
- <!-- Add Template Card -->
791
- <div class="bg-white rounded-lg shadow-sm border-2 border-dashed border-gray-300 hover:border-blue-500 transition-colors duration-200 flex items-center justify-center">
792
- <button class="p-6 text-center">
793
- <div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center mx-auto mb-2">
794
- <i class="fas fa-plus text-blue-500 text-xl"></i>
795
- </div>
796
- <span class="text-blue-500 font-medium">Create New Template</span>
797
- </button>
798
- </div>
799
- </div>
800
- </div>
801
- </main>
802
- </div>
803
-
804
- <!-- Settings Page -->
805
- <div id="settings-page" class="page flex-1 flex flex-col overflow-hidden">
806
- <header class="bg-white shadow-sm z-10">
807
- <div class="px-6 py-3">
808
- <h1 class="text-xl font-semibold">Settings</h1>
809
- </div>
810
- </header>
811
-
812
- <main class="flex-1 overflow-y-auto bg-gray-50">
813
- <div class="max-w-4xl mx-auto p-6">
814
- <div class="bg-white rounded-lg shadow-sm border border-gray-200 mb-6">
815
- <div class="p-4 border-b border-gray-200">
816
- <h2 class="font-semibold">Account Settings</h2>
817
- </div>
818
- <div class="p-4">
819
- <div class="mb-4">
820
- <label class="block text-sm font-medium text-gray-700 mb-1">Name</label>
821
- <input type="text" value="John Doe" class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
822
- </div>
823
- <div class="mb-4">
824
- <label class="block text-sm font-medium text-gray-700 mb-1">Email</label>
825
- <input type="email" value="john.doe@example.com" class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
826
- </div>
827
- <div class="mb-4">
828
- <label class="block text-sm font-medium text-gray-700 mb-1">Timezone</label>
829
- <select class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
830
- <option>(UTC-05:00) Eastern Time (US & Canada)</option>
831
- <option>(UTC-08:00) Pacific Time (US & Canada)</option>
832
- <option>(UTC+00:00) London</option>
833
- <option>(UTC+01:00) Berlin</option>
834
- <option>(UTC+05:30) India</option>
835
- </select>
836
- </div>
837
- <button class="bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600">
838
- Save Changes
839
- </button>
840
- </div>
841
- </div>
842
-
843
- <div class="bg-white rounded-lg shadow-sm border border-gray-200 mb-6">
844
- <div class="p-4 border-b border-gray-200">
845
- <h2 class="font-semibold">Notification Preferences</h2>
846
- </div>
847
- <div class="p-4">
848
- <div class="flex items-center justify-between mb-4">
849
- <div>
850
- <h3 class="font-medium">Email Notifications</h3>
851
- <p class="text-sm text-gray-500">Receive email notifications for meeting reminders and updates</p>
852
- </div>
853
- <label class="relative inline-flex items-center cursor-pointer">
854
- <input type="checkbox" value="" class="sr-only peer" checked>
855
- <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-500"></div>
856
- </label>
857
- </div>
858
- <div class="flex items-center justify-between mb-4">
859
- <div>
860
- <h3 class="font-medium">Push Notifications</h3>
861
- <p class="text-sm text-gray-500">Receive push notifications on your devices</p>
862
- </div>
863
- <label class="relative inline-flex items-center cursor-pointer">
864
- <input type="checkbox" value="" class="sr-only peer" checked>
865
- <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-500"></div>
866
- </label>
867
- </div>
868
- <div class="flex items-center justify-between">
869
- <div>
870
- <h3 class="font-medium">Sound Alerts</h3>
871
- <p class="text-sm text-gray-500">Play sounds for meeting alerts and reminders</p>
872
- </div>
873
- <label class="relative inline-flex items-center cursor-pointer">
874
- <input type="checkbox" value="" class="sr-only peer">
875
- <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-500"></div>
876
- </label>
877
- </div>
878
- </div>
879
- </div>
880
-
881
- <div class="bg-white rounded-lg shadow-sm border border-gray-200 mb-6">
882
- <div class="p-4 border-b border-gray-200">
883
- <h2 class="font-semibold">Security</h2>
884
- </div>
885
- <div class="p-4">
886
- <div class="mb-4">
887
- <label class="block text-sm font-medium text-gray-700 mb-1">Password</label>
888
- <div class="flex space-x-2">
889
- <input type="password" placeholder="Current password" class="flex-1 border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
890
- </div>
891
- </div>
892
- <div class="mb-4">
893
- <div class="flex space-x-2">
894
- <input type="password" placeholder="New password" class="flex-1 border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
895
- <input type="password" placeholder="Confirm new password" class="flex-1 border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
896
- </div>
897
- </div>
898
- <button class="bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600">
899
- Update Password
900
- </button>
901
- </div>
902
- </div>
903
-
904
- <div class="bg-white rounded-lg shadow-sm border border-gray-200">
905
- <div class="p-4 border-b border-gray-200">
906
- <h2 class="font-semibold">Data & Privacy</h2>
907
- </div>
908
- <div class="p-4">
909
- <div class="mb-4">
910
- <h3 class="font-medium mb-2">Data Retention</h3>
911
- <p class="text-sm text-gray-500 mb-3">Choose how long we keep your meeting data</p>
912
- <div class="flex space-x-2">
913
- <button class="px-3 py-1 bg-blue-500 text-white rounded-lg text-sm hover:bg-blue-600">
914
- 30 days
915
- </button>
916
- <button class="px-3 py-1 bg-gray-100 text-gray-700 rounded-lg text-sm hover:bg-gray-200">
917
- 6 months
918
- </button>
919
- <button class="px-3 py-1 bg-gray-100 text-gray-700 rounded-lg text-sm hover:bg-gray-200">
920
- 1 year
921
- </button>
922
- <button class="px-3 py-1 bg-gray-100 text-gray-700 rounded-lg text-sm hover:bg-gray-200">
923
- Forever
924
- </button>
925
- </div>
926
- </div>
927
- <div class="mb-4">
928
- <h3 class="font-medium mb-2">Export Data</h3>
929
- <p class="text-sm text-gray-500 mb-3">Download all your meeting data for backup</p>
930
- <button class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200">
931
- <i class="fas fa-download mr-2"></i> Export All Data
932
- </button>
933
- </div>
934
- <div>
935
- <h3 class="font-medium mb-2">Delete Account</h3>
936
- <p class="text-sm text-gray-500 mb-3">Permanently delete your account and all associated data</p>
937
- <button class="px-4 py-2 bg-red-500 text-white rounded-lg hover:bg-red-600">
938
- <i class="fas fa-trash-alt mr-2"></i> Delete Account
939
- </button>
940
- </div>
941
- </div>
942
- </div>
943
- </div>
944
- </main>
945
- </div>
946
-
947
- <!-- Integrations Page -->
948
- <div id="integrations-page" class="page flex-1 flex flex-col overflow-hidden">
949
- <header class="bg-white shadow-sm z-10">
950
- <div class="px-6 py-3">
951
- <h1 class="text-xl font-semibold">Integrations</h1>
952
- </div>
953
- </header>
954
-
955
- <main class="flex-1 overflow-y-auto bg-gray-50">
956
- <div class="max-w-4xl mx-auto p-6">
957
- <div class="bg-white rounded-lg shadow-sm border border-gray-200 mb-6">
958
- <div class="p-4 border-b border-gray-200">
959
- <h2 class="font-semibold">Calendar Services</h2>
960
- <p class="text-sm text-gray-500">Connect your calendar to schedule and join meetings</p>
961
- </div>
962
- <div class="p-4">
963
- <div class="flex items-center justify-between mb-4 p-3 border border-gray-200 rounded-lg">
964
- <div class="flex items-center">
965
- <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3">
966
- <i class="fab fa-google text-blue-500"></i>
967
- </div>
968
- <div>
969
- <h3 class="font-medium">Google Calendar</h3>
970
- <p class="text-sm text-gray-500">Connected as john.doe@example.com</p>
971
- </div>
972
- </div>
973
- <button class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200">
974
- Disconnect
975
- </button>
976
- </div>
977
- <div class="flex items-center justify-between p-3 border border-gray-200 rounded-lg">
978
- <div class="flex items-center">
979
- <div class="w-10 h-10 rounded-full bg-gray-100 flex items-center justify-center mr-3">
980
- <i class="fab fa-microsoft text-blue-600"></i>
981
- </div>
982
- <div>
983
- <h3 class="font-medium">Microsoft Outlook</h3>
984
- <p class="text-sm text-gray-500">Connect your Outlook calendar</p>
985
- </div>
986
- </div>
987
- <button class="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600">
988
- Connect
989
- </button>
990
- </div>
991
- </div>
992
- </div>
993
-
994
- <div class="bg-white rounded-lg shadow-sm border border-gray-200 mb-6">
995
- <div class="p-4 border-b border-gray-200">
996
- <h2 class="font-semibold">AI Services</h2>
997
- <p class="text-sm text-gray-500">Enhance your meetings with AI-powered features</p>
998
- </div>
999
- <div class="p-4">
1000
- <div class="flex items-center justify-between mb-4 p-3 border border-gray-200 rounded-lg">
1001
- <div class="flex items-center">
1002
- <div class="w-10 h-10 rounded-full bg-green-100 flex items-center justify-center mr-3">
1003
- <i class="fas fa-robot text-green-500"></i>
1004
- </div>
1005
- <div>
1006
- <h3 class="font-medium">OpenAI API</h3>
1007
- <p class="text-sm text-gray-500">Enable AI summaries and insights</p>
1008
- </div>
1009
- </div>
1010
- <label class="relative inline-flex items-center cursor-pointer">
1011
- <input type="checkbox" value="" class="sr-only peer" checked>
1012
- <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-500"></div>
1013
- </label>
1014
- </div>
1015
- <div class="p-3 border border-gray-200 rounded-lg">
1016
- <div class="flex items-center mb-3">
1017
- <div class="w-10 h-10 rounded-full bg-purple-100 flex items-center justify-center mr-3">
1018
- <i class="fab fa-google text-purple-500"></i>
1019
- </div>
1020
- <div>
1021
- <h3 class="font-medium">Google Meet</h3>
1022
- <p class="text-sm text-gray-500">Join meetings directly from Google Meet</p>
1023
- </div>
1024
- </div>
1025
- <div class="flex items-center justify-between">
1026
- <span class="text-sm text-gray-500">Status: Not connected</span>
1027
- <button class="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600">
1028
- Connect
1029
- </button>
1030
- </div>
1031
- </div>
1032
- </div>
1033
- </div>
1034
-
1035
- <div class="bg-white rounded-lg shadow-sm border border-gray-200 mb-6">
1036
- <div class="p-4 border-b border-gray-200">
1037
- <h2 class="font-semibold">Storage Services</h2>
1038
- <p class="text-sm text-gray-500">Save meeting notes and recordings to your cloud storage</p>
1039
- </div>
1040
- <div class="p-4">
1041
- <div class="flex items-center justify-between mb-4 p-3 border border-gray-200 rounded-lg">
1042
- <div class="flex items-center">
1043
- <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3">
1044
- <i class="fab fa-dropbox text-blue-500"></i>
1045
- </div>
1046
- <div>
1047
- <h3 class="font-medium">Dropbox</h3>
1048
- <p class="text-sm text-gray-500">Save meeting files to Dropbox</p>
1049
- </div>
1050
- </div>
1051
- <button class="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600">
1052
- Connect
1053
- </button>
1054
- </div>
1055
- <div class="flex items-center justify-between p-3 border border-gray-200 rounded-lg">
1056
- <div class="flex items-center">
1057
- <div class="w-10 h-10 rounded-full bg-gray-100 flex items-center justify-center mr-3">
1058
- <i class="fab fa-google-drive text-blue-400"></i>
1059
- </div>
1060
- <div>
1061
- <h3 class="font-medium">Google Drive</h3>
1062
- <p class="text-sm text-gray-500">Save meeting files to Google Drive</p>
1063
- </div>
1064
- </div>
1065
- <button class="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600">
1066
- Connect
1067
- </button>
1068
- </div>
1069
- </div>
1070
- </div>
1071
-
1072
- <div class="bg-white rounded-lg shadow-sm border border-gray-200">
1073
- <div class="p-4 border-b border-gray-200">
1074
- <h2 class="font-semibold">Developer API</h2>
1075
- <p class="text-sm text-gray-500">Access our API to build custom integrations</p>
1076
- </div>
1077
- <div class="p-4">
1078
- <div class="mb-4">
1079
- <h3 class="font-medium mb-2">API Key</h3>
1080
- <div class="flex items-center">
1081
- <input type="text" value="mp_1234567890abcdef" readonly class="flex-1 border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-gray-100">
1082
- <button class="ml-2 px-3 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200">
1083
- <i class="fas fa-copy"></i>
1084
- </button>
1085
- </div>
1086
- <p class="text-xs text-gray-500 mt-1">Keep this key secret. Do not share it in client-side code.</p>
1087
- </div>
1088
- <div>
1089
- <h3 class="font-medium mb-2">Documentation</h3>
1090
- <p class="text-sm text-gray-500 mb-3">Learn how to use our API to build custom integrations</p>
1091
- <button class="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600">
1092
- <i class="fas fa-book mr-2"></i> View API Docs
1093
- </button>
1094
- </div>
1095
- </div>
1096
- </div>
1097
- </div>
1098
- </main>
1099
- </div>
1100
-
1101
- <!-- New Meeting Page -->
1102
- <div id="new-meeting-page" class="page flex-1 flex flex-col overflow-hidden">
1103
- <header class="bg-white shadow-sm z-10">
1104
- <div class="px-6 py-3 flex items-center justify-between">
1105
- <h1 class="text-xl font-semibold">Schedule New Meeting</h1>
1106
- <button class="text-gray-500 hover:text-gray-700">
1107
- <i class="fas fa-times"></i>
1108
- </button>
1109
- </div>
1110
- </header>
1111
-
1112
- <main class="flex-1 overflow-y-auto bg-gray-50">
1113
- <div class="max-w-3xl mx-auto p-6">
1114
- <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6 mb-6">
1115
- <h2 class="font-semibold mb-4">Meeting Details</h2>
1116
- <div class="space-y-4">
1117
- <div>
1118
- <label class="block text-sm font-medium text-gray-700 mb-1">Title</label>
1119
- <input type="text" placeholder="Team standup" class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
1120
- </div>
1121
- <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
1122
- <div>
1123
- <label class="block text-sm font-medium text-gray-700 mb-1">Date</label>
1124
- <input type="date" class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
1125
- </div>
1126
- <div>
1127
- <label class="block text-sm font-medium text-gray-700 mb-1">Time</label>
1128
- <input type="time" class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
1129
- </div>
1130
- </div>
1131
- <div>
1132
- <label class="block text-sm font-medium text-gray-700 mb-1">Duration</label>
1133
- <select class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
1134
- <option>15 minutes</option>
1135
- <option>30 minutes</option>
1136
- <option selected>45 minutes</option>
1137
- <option>1 hour</option>
1138
- <option>1.5 hours</option>
1139
- <option>2 hours</option>
1140
- </select>
1141
- </div>
1142
- <div>
1143
- <label class="block text-sm font-medium text-gray-700 mb-1">Description</label>
1144
- <textarea class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" rows="3" placeholder="Meeting purpose and agenda"></textarea>
1145
- </div>
1146
- </div>
1147
- </div>
1148
-
1149
- <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6 mb-6">
1150
- <h2 class="font-semibold mb-4">Participants</h2>
1151
- <div class="space-y-4">
1152
- <div>
1153
- <label class="block text-sm font-medium text-gray-700 mb-1">Invite Team Members</label>
1154
- <div class="flex">
1155
- <input type="text" placeholder="Search team members" class="flex-1 border border-gray-300 rounded-l-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
1156
- <button class="px-4 py-2 bg-blue-500 text-white rounded-r-lg hover:bg-blue-600">
1157
- <i class="fas fa-plus"></i>
1158
- </button>
1159
- </div>
1160
- </div>
1161
- <div class="border border-gray-200 rounded-lg p-3">
1162
- <div class="flex items-center justify-between mb-2">
1163
- <div class="flex items-center">
1164
- <div class="w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center text-white font-semibold mr-3">JD</div>
1165
- <div>
1166
- <p class="text-sm font-medium">John Doe</p>
1167
- <p class="text-xs text-gray-500">Product Manager</p>
1168
- </div>
1169
- </div>
1170
- <button class="text-gray-400 hover:text-gray-600">
1171
- <i class="fas fa-times"></i>
1172
- </button>
1173
- </div>
1174
- <div class="flex items-center justify-between">
1175
- <div class="flex items-center">
1176
- <div class="w-8 h-8 rounded-full bg-purple-500 flex items-center justify-center text-white font-semibold mr-3">SM</div>
1177
- <div>
1178
- <p class="text-sm font-medium">Sarah Miller</p>
1179
- <p class="text-xs text-gray-500">Project Lead</p>
1180
- </div>
1181
- </div>
1182
- <button class="text-gray-400 hover:text-gray-600">
1183
- <i class="fas fa-times"></i>
1184
- </button>
1185
- </div>
1186
- </div>
1187
- <div>
1188
- <label class="block text-sm font-medium text-gray-700 mb-1">External Participants</label>
1189
- <div class="flex">
1190
- <input type="email" placeholder="Enter email addresses" class="flex-1 border border-gray-300 rounded-l-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
1191
- <button class="px-4 py-2 bg-blue-500 text-white rounded-r-lg hover:bg-blue-600">
1192
- <i class="fas fa-plus"></i>
1193
- </button>
1194
- </div>
1195
- </div>
1196
- </div>
1197
- </div>
1198
-
1199
- <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6 mb-6">
1200
- <h2 class="font-semibold mb-4">Meeting Options</h2>
1201
- <div class="space-y-4">
1202
- <div class="flex items-center justify-between">
1203
- <div>
1204
- <h3 class="font-medium">Record Meeting</h3>
1205
- <p class="text-sm text-gray-500">Automatically record audio and video</p>
1206
- </div>
1207
- <label class="relative inline-flex items-center cursor-pointer">
1208
- <input type="checkbox" value="" class="sr-only peer">
1209
- <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-500"></div>
1210
- </label>
1211
- </div>
1212
- <div class="flex items-center justify-between">
1213
- <div>
1214
- <h3 class="font-medium">Transcription</h3>
1215
- <p class="text-sm text-gray-500">Enable real-time transcription</p>
1216
- </div>
1217
- <label class="relative inline-flex items-center cursor-pointer">
1218
- <input type="checkbox" value="" class="sr-only peer" checked>
1219
- <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-500"></div>
1220
- </label>
1221
- </div>
1222
- <div class="flex items-center justify-between">
1223
- <div>
1224
- <h3 class="font-medium">AI Assistant</h3>
1225
- <p class="text-sm text-gray-500">Enable AI-generated summaries and action items</p>
1226
- </div>
1227
- <label class="relative inline-flex items-center cursor-pointer">
1228
- <input type="checkbox" value="" class="sr-only peer" checked>
1229
- <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-500"></div>
1230
- </label>
1231
- </div>
1232
- <div>
1233
- <label class="block text-sm font-medium text-gray-700 mb-1">Meeting Template</label>
1234
- <select class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline
1235
  </html>
 
37
  .page.active {
38
  display: block;
39
  }
40
+ .highlight-speaker {
41
+ background-color: #eff6ff;
42
+ border-left: 3px solid #3b82f6;
43
+ }
44
  </style>
45
  </head>
46
  <body class="bg-gray-50 text-gray-800 font-sans">
 
69
  <h3 class="text-xs font-semibold text-gray-500 uppercase tracking-wider">Today</h3>
70
  <ul class="mt-2 space-y-1">
71
  <li>
72
+ <a href="#" class="nav-link flex items-center px-2 py-2 text-sm rounded-md active-meeting" data-page="meeting">
73
  <i class="fas fa-microphone mr-3 text-blue-500"></i>
74
  <span>Team Standup</span>
75
  </a>
 
215
  </div>
216
  </div>
217
 
218
+ <div id="transcription-container" class="flex-1 overflow-y-auto p-4 space-y-4">
219
  <div class="waveform rounded mb-2"></div>
220
 
221
  <div class="transcription-entry bg-blue-50 p-3 rounded-lg">
 
296
 
297
  <div class="p-4 border-t border-gray-200">
298
  <div class="flex items-center space-x-2">
299
+ <input id="comment-input" type="text" placeholder="Add comment or action item..." class="flex-1 border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
300
+ <button id="add-comment-btn" class="bg-blue-500 text-white p-2 rounded-lg hover:bg-blue-600">
301
  <i class="fas fa-paper-plane"></i>
302
  </button>
303
  </div>
 
339
  <i class="fas fa-check-circle mr-2 text-green-500"></i>
340
  Action Items
341
  </h2>
342
+ <div id="action-items-container" class="space-y-3">
343
  <div class="note-card bg-white p-4 rounded-lg shadow-sm border border-gray-200 transition-all duration-200">
344
  <div class="flex items-start">
345
  <div class="flex items-center h-5">
 
399
  <i class="fas fa-calendar mr-1"></i>
400
  <span>Due: Thu</span>
401
  </div>
402
+ </div>
403
  </div>
404
  </div>
405
  </div>
 
410
  <i class="fas fa-sticky-note mr-2 text-blue-500"></i>
411
  Notes
412
  </h2>
413
+ <div id="notes-container" class="space-y-4">
414
  <div class="note-card bg-white p-4 rounded-lg shadow-sm border border-gray-200 transition-all duration-200">
415
  <div class="flex items-center justify-between mb-2">
416
  <span class="text-sm font-medium text-gray-700">Design Updates</span>
 
504
  <i class="fas fa-plus-circle text-blue-500 mr-2"></i>
505
  <span class="font-medium">Add New Note</span>
506
  </div>
507
+ <textarea id="new-note-input" class="w-full border border-gray-300 rounded-lg p-3 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" rows="3" placeholder="Type your notes here..."></textarea>
508
  <div class="mt-2 flex justify-between items-center">
509
  <div class="flex space-x-2">
510
  <button class="px-3 py-1 bg-gray-100 text-gray-700 rounded-lg text-sm hover:bg-gray-200">
 
514
  <i class="fas fa-user-plus mr-1"></i> Assign
515
  </button>
516
  </div>
517
+ <button id="save-note-btn" class="px-4 py-1 bg-blue-500 text-white rounded-lg hover:bg-blue-600">
518
  Save
519
  </button>
520
  </div>
 
644
  </div>
645
 
646
  <div class="p-4 border-t border-gray-200">
647
+ <button id="end-meeting-btn" class="w-full bg-gray-100 hover:bg-gray-200 text-gray-800 py-2 px-4 rounded-lg flex items-center justify-center space-x-2">
648
  <i class="fas fa-stop-circle text-red-500"></i>
649
  <span>End Meeting</span>
650
  </button>
 
658
  <header class="bg-white shadow-sm z-10">
659
  <div class="px-6 py-3 flex items-center justify-between">
660
  <h1 class="text-xl font-semibold">Meeting Templates</h1>
661
+ <button id="new-template-btn" class="bg-blue-500 text-white px-4 py-1 rounded-lg hover:bg-blue-600">
662
  <i class="fas fa-plus mr-1"></i> New Template
663
  </button>
664
  </div>
 
755
  <div class="flex items-center text-sm text-gray-500 mb-3">
756
  <i class="fas fa-calendar-alt mr-2"></i>
757
  <span>Last used: 2 weeks ago</span>
758
+ </极速赛车开奖直播官网
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
759
  </html>
prompts.txt CHANGED
@@ -0,0 +1 @@
 
 
1
+ make it function proper