Hugging Face's logo

Spaces:
privateuserh
/
StreamAI
Running

App Files Community
1
privateuserh commited on
Commit
dd791b8
·
verified ·
1 Parent(s): 31300e6

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +44 -34
index.html CHANGED
@@ -81,46 +81,56 @@
81
  <p>These listings are curated by the StreamAI platform and submitted by fans. StreamAI does not host and is not responsible for the content of external sites.</p>
82
  </div>
83
 
84
- <div class="max-w-2xl mx-auto mb-12 bg-white p-6 rounded-lg shadow-md">
85
- <h3 class="text-xl font-semibold mb-4">Contribute a Fan Favorite!</h3>
86
- <form id="add-listing-form" class="space-y-4">
87
- <div>
88
- <label for="listing-title" class="block text-sm font-medium text-gray-700">Title</label>
89
- <input type="text" id="listing-title" name="title" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500" required>
90
  </div>
91
- <div>
92
- <label for="listing-url" class="block text-sm font-medium text-gray-700">URL</label>
93
- <input type="url" id="listing-url" name="url" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500" required>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
94
  </div>
95
- <div>
96
- <label for="listing-description" class="block text-sm font-medium text-gray-700">Short Description</label>
97
- <textarea id="listing-description" name="description" rows="2" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"></textarea>
98
- </div>
99
- <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
100
- <div>
101
- <label for="listing-source" class="block text-sm font-medium text-gray-700">Your Name (or Nickname)</label>
102
- <input type="text" id="listing-source" name="source_name" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500" required>
103
- </div>
104
- <div>
105
- <label for="listing-category" class="block text-sm font-medium text-gray-700">Category</label>
106
- <select id="listing-category" name="category" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500">
107
- <option value="local_town">Local Town Favorite</option>
108
- <option value="city">City Favorite</option>
109
- <option value="national">National Recommendation</option>
110
- </select>
111
- </div>
112
- </div>
113
- <div>
114
- <button type="submit" id="submit-listing-btn" class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
115
- Submit Listing
116
- </button>
117
- </div>
118
- </form>
119
  </div>
120
  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4" id="recommendations-container">
121
  </div>
122
  </div>
123
- </section>
124
 
125
  <footer class="bg-gray-800 text-white py-12">
126
  <div class="container mx-auto px-4 text-center"><p>&copy; 2025 StreamAI. All rights reserved.</p></div>
 
81
  <p>These listings are curated by the StreamAI platform and submitted by fans. StreamAI does not host and is not responsible for the content of external sites.</p>
82
  </div>
83
 
84
+ <div class="max-w-2xl mx-auto mb-8">
85
+ <button id="toggle-form-btn" class="w-full text-left p-4 bg-white rounded-lg shadow-md hover:shadow-lg transition">
86
+ <div class="flex justify-between items-center">
87
+ <span class="font-semibold text-lg text-indigo-700">Contribute a Fan Favorite!</span>
88
+ <i id="form-chevron" class="fas fa-chevron-down text-indigo-700 transition-transform"></i>
 
89
  </div>
90
+ </button>
91
+
92
+ <div id="form-container" class="hidden mt-2">
93
+ <div class="bg-white p-6 rounded-lg shadow-md">
94
+ <form id="add-listing-form" class="space-y-4">
95
+ <div>
96
+ <label for="listing-title" class="block text-sm font-medium text-gray-700">Title</label>
97
+ <input type="text" id="listing-title" name="title" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3" required>
98
+ </div>
99
+ <div>
100
+ <label for="listing-url" class="block text-sm font-medium text-gray-700">URL</label>
101
+ <input type="url" id="listing-url" name="url" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3" required>
102
+ </div>
103
+ <div>
104
+ <label for="listing-description" class="block text-sm font-medium text-gray-700">Short Description</label>
105
+ <textarea id="listing-description" name="description" rows="2" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3"></textarea>
106
+ </div>
107
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
108
+ <div>
109
+ <label for="listing-source" class="block text-sm font-medium text-gray-700">Your Name</label>
110
+ <input type="text" id="listing-source" name="source_name" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3" required>
111
+ </div>
112
+ <div>
113
+ <label for="listing-category" class="block text-sm font-medium text-gray-700">Category</label>
114
+ <select id="listing-category" name="category" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3">
115
+ <option value="local_town">Local Town Favorite</option>
116
+ <option value="city">City Favorite</option>
117
+ <option value="national">National Recommendation</option>
118
+ </select>
119
+ </div>
120
+ </div>
121
+ <div>
122
+ <button type="submit" id="submit-listing-btn" class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700">
123
+ Submit Listing
124
+ </button>
125
+ </div>
126
+ </form>
127
  </div>
128
+ </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
129
  </div>
130
  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4" id="recommendations-container">
131
  </div>
132
  </div>
133
+ </section>
134
 
135
  <footer class="bg-gray-800 text-white py-12">
136
  <div class="container mx-auto px-4 text-center"><p>&copy; 2025 StreamAI. All rights reserved.</p></div>