The Community
Post videos showcasing acts of kindness in your community. The top-voted video wins $1000 each month!
Submit Your Video
Current Submissions
Helping at the Local Shelter
This video highlights volunteers at the local shelter assisting those in need.
Votes: 0How to Use This Code in WordPress with Elementor
- Create a New Page: In WordPress, create a new page and open it with Elementor.
- Add an HTML Widget: Drag and drop the HTML widget into the page layout.
- Paste the Code: Copy and paste the above code into the HTML widget.
- Publish the Page: Save and publish the page.
Backend Requirements
- For storing submissions and votes persistently, you’ll need a backend database or plugin like Advanced Custom Fields (ACF) or a custom-built plugin.
- Use plugins like WPForms or Gravity Forms for a more user-friendly submission process.
- Integrate a voting system plugin like WP Voting Contest if you need advanced voting features.
This code provides a functional starting point. However, a WordPress developer can extend this to handle user authentication, prevent duplicate votes, and automate monthly winners. Let me know if you’d like additional guidance!
The Community Voting Page
Vote for your favorite video showcasing acts of kindness! Voting ends 30 days after submission.
Current Submissions
Features:
- Video Submission with Dates: Each video has a submission date tracked.
- Voting Disabled After 30 Days: JavaScript calculates the days since submission and disables voting for videos older than 30 days.
- Live Vote Count: Clicking the “Vote” button immediately updates the vote count for that video.
- Dynamic Rendering: The videos array dynamically generates all video items, allowing easy integration with backend systems.
Backend Requirements:
- Database: Store video details (e.g., title, URL, description, votes, submission date).
- Submission Form: A frontend form to allow users to submit new videos (integrated with the database).
- Voting Logic: Ensure votes are stored persistently in the database.
- Monthly Reset: Use a backend script to determine the monthly winner and reset voting for new submissions.
This HTML/JavaScript code is a frontend-only demonstration. You can integrate it with WordPress backend functionality using PHP and plugins like Advanced Custom Fields (ACF) or Custom Post Types UI (CPT UI) for storing and managing video submissions.
