The 5 Guys \u2013 Miami WR Prediction<\/title>\n <style>\n \/* Reset and Base Styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n body {\n background: linear-gradient(to bottom, #0c2340, #1e4d7a);\n color: #fff;\n line-height: 1.6;\n padding: 20px;\n max-width: 1200px;\n margin: 0 auto;\n }\n \n \/* Header Styles *\/\n .header {\n text-align: center;\n padding: 30px;\n background: rgba(0, 0, 0, 0.6);\n border-radius: 10px;\n margin-bottom: 30px;\n border: 2px solid #f47321;\n background-image: url('https:\/\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/background.jpg');\n background-size: cover;\n background-position: center;\n background-blend-mode: overlay;\n }\n \n .header h1 {\n font-size: 2.5rem;\n color: #f47321;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\n }\n \n .header p {\n font-size: 1.2rem;\n max-width: 800px;\n margin: 0 auto;\n background: rgba(0, 0, 0, 0.7);\n padding: 10px;\n border-radius: 5px;\n }\n \n \/* Main Content Layout *\/\n .container {\n display: flex;\n gap: 20px;\n flex-wrap: wrap;\n }\n \n .prediction-section {\n flex: 2;\n min-width: 300px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 10px;\n padding: 20px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.2);\n }\n \n .player-section {\n flex: 1;\n min-width: 250px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 10px;\n padding: 20px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.2);\n }\n \n \/* Player List Styles *\/\n .player-list {\n margin-bottom: 20px;\n }\n \n .player-tag {\n display: flex;\n align-items: center;\n padding: 12px;\n margin-bottom: 10px;\n background: rgba(0, 0, 0, 0.3);\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n border: 1px solid transparent;\n }\n \n .player-tag:hover {\n background: rgba(244, 115, 33, 0.2);\n transform: translateX(5px);\n }\n \n .player-tag.selected {\n background: rgba(244, 115, 33, 0.3);\n border: 1px solid #f47321;\n }\n \n .player-tag img {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n object-fit: cover;\n margin-right: 12px;\n border: 2px solid #f47321;\n }\n \n \/* Ranking Panel Styles *\/\n .ranking-panel {\n margin-bottom: 25px;\n padding: 15px;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 8px;\n }\n \n .ranking-panel h3 {\n margin-bottom: 15px;\n color: #f47321;\n font-size: 1.2rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n padding-bottom: 5px;\n }\n \n .rank-slot {\n display: flex;\n align-items: center;\n padding: 10px;\n margin-bottom: 8px;\n background: rgba(0, 0, 0, 0.4);\n border-radius: 6px;\n min-height: 50px;\n transition: all 0.3s ease;\n border: 1px dashed rgba(255, 255, 255, 0.3);\n }\n \n .rank-slot:hover {\n background: rgba(0, 0, 0, 0.5);\n }\n \n .rank-slot.filled {\n border: 1px solid #f47321;\n background: rgba(244, 115, 33, 0.1);\n }\n \n .rank-number {\n font-weight: bold;\n color: #f47321;\n min-width: 30px;\n font-size: 1.1rem;\n }\n \n .player-in-slot {\n display: flex;\n align-items: center;\n margin-left: 10px;\n }\n \n .player-in-slot img {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n object-fit: cover;\n margin-right: 8px;\n border: 1px solid #f47321;\n }\n \n \/* Form Elements *\/\n .user-info {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 20px;\n }\n \n .user-info input {\n padding: 12px;\n border-radius: 6px;\n border: 1px solid rgba(255, 255, 255, 0.3);\n background: rgba(0, 0, 0, 0.3);\n color: white;\n }\n \n .user-info input::placeholder {\n color: rgba(255, 255, 255, 0.7);\n }\n \n .vote-btn {\n width: 100%;\n padding: 15px;\n background: #f47321;\n color: white;\n border: none;\n border-radius: 6px;\n font-size: 1.1rem;\n font-weight: bold;\n cursor: pointer;\n transition: background 0.3s ease;\n margin-top: 10px;\n }\n \n .vote-btn:hover {\n background: #e06518;\n }\n \n .vote-btn:disabled {\n background: #777;\n cursor: not-allowed;\n }\n \n \/* Promotional Section *\/\n .promo-section {\n margin-top: 40px;\n padding: 20px;\n background: rgba(0, 0, 0, 0.6);\n border-radius: 10px;\n text-align: center;\n border: 2px solid #f47321;\n }\n \n .promo-section h2 {\n color: #f47321;\n margin-bottom: 20px;\n font-size: 1.8rem;\n }\n \n .promo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 20px;\n }\n \n .promo-card {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 8px;\n padding: 15px;\n text-align: center;\n transition: transform 0.3s ease;\n }\n \n .promo-card:hover {\n transform: translateY(-5px);\n }\n \n .promo-card img {\n width: 100%;\n height: 150px;\n object-fit: cover;\n border-radius: 5px;\n margin-bottom: 10px;\n border: 1px solid #f47321;\n }\n \n .promo-card h3 {\n color: #f47321;\n margin: 10px 0;\n }\n \n .promo-card p {\n font-size: 0.9rem;\n margin-bottom: 15px;\n color: #ddd;\n }\n \n .promo-btn {\n display: inline-block;\n padding: 8px 15px;\n background: #f47321;\n color: white;\n text-decoration: none;\n border-radius: 4px;\n font-weight: bold;\n transition: background 0.3s ease;\n }\n \n .promo-btn:hover {\n background: #e06518;\n }\n \n \/* Instructions *\/\n .instructions {\n background: rgba(0, 0, 0, 0.3);\n padding: 15px;\n border-radius: 8px;\n margin-top: 20px;\n border-left: 4px solid #f47321;\n }\n \n .instructions h3 {\n margin-bottom: 10px;\n color: #f47321;\n }\n \n .instructions ol {\n padding-left: 20px;\n }\n \n .instructions li {\n margin-bottom: 8px;\n }\n \n \/* Footer *\/\n .footer {\n text-align: center;\n margin-top: 40px;\n padding: 20px;\n border-top: 1px solid rgba(255, 255, 255, 0.2);\n font-size: 0.9rem;\n color: #aaa;\n }\n \n .footer a {\n color: #f47321;\n text-decoration: none;\n }\n \n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .container {\n flex-direction: column;\n }\n \n .user-info {\n grid-template-columns: 1fr;\n }\n \n .header h1 {\n font-size: 2rem;\n }\n }\n <\/style>\n\n\n <div class=\"header\">\n <h1>The 5 Guys: Which WR Will Have the Top Season?<\/h1>\n <p>We\u2019re assuming Mario Cristobal will start all veteran WRs, so which of these 5 dynamic players might break the mold? Cast your prediction now!<\/p>\n <\/div>\n \n <div class=\"container\">\n <div class=\"prediction-section\">\n <h2>Make Your Predictions<\/h2>\n \n <div class=\"user-info\">\n <input type=\"text\" id=\"username\" placeholder=\"Your Name (optional)\">\n <input type=\"email\" id=\"email\" placeholder=\"Email (optional)\">\n <\/div>\n \n <div class=\"ranking-panel\" data-category=\"yards\">\n <h3>Top Yards<\/h3>\n <div class=\"rank-slot\" data-rank=\"1\"><span class=\"rank-number\">#1<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"2\"><span class=\"rank-number\">#2<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"3\"><span class=\"rank-number\">#3<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"4\"><span class=\"rank-number\">#4<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"5\"><span class=\"rank-number\">#5<\/span><\/div>\n <\/div>\n \n <div class=\"ranking-panel\" data-category=\"td\">\n <h3>Top Touchdowns<\/h3>\n <div class=\"rank-slot\" data-rank=\"1\"><span class=\"rank-number\">#1<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"2\"><span class=\"rank-number\">#2<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"3\"><span class=\"rank-number\">#3<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"4\"><span class=\"rank-number\">#4<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"5\"><span class=\"rank-number\">#5<\/span><\/div>\n <\/div>\n \n <div class=\"ranking-panel\" data-category=\"targets\">\n <h3>Top Targets<\/h3>\n <div class=\"rank-slot\" data-rank=\"1\"><span class=\"rank-number\">#1<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"2\"><span class=\"rank-number\">#2<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"3\"><span class=\"rank-number\">#3<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"4\"><span class=\"rank-number\">#4<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"5\"><span class=\"rank-number\">#5<\/span><\/div>\n <\/div>\n \n <div class=\"ranking-panel\" data-category=\"starts\">\n <h3>Top Starts<\/h3>\n <div class=\"rank-slot\" data-rank=\"1\"><span class=\"rank-number\">#1<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"2\"><span class=\"rank-number\">#2<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"3\"><span class=\"rank-number\">#3<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"4\"><span class=\"rank-number\">#4<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"5\"><span class=\"rank-number\">#5<\/span><\/div>\n <\/div>\n \n <div class=\"ranking-panel\" data-category=\"receptions\">\n <h3>Top Receptions<\/h3>\n <div class=\"rank-slot\" data-rank=\"1\"><span class=\"rank-number\">#1<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"2\"><span class=\"rank-number\">#2<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"3\"><span class=\"rank-number\">#3<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"4\"><span class=\"rank-number\">#4<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"5\"><span class=\"rank-number\">#5<\/span><\/div>\n <\/div>\n \n <div class=\"ranking-panel\" data-category=\"drops\">\n <h3>Top Drops<\/h3>\n <div class=\"rank-slot\" data-rank=\"1\"><span class=\"rank-number\">#1<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"2\"><span class=\"rank-number\">#2<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"3\"><span class=\"rank-number\">#3<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"4\"><span class=\"rank-number\">#4<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"5\"><span class=\"rank-number\">#5<\/span><\/div>\n <\/div>\n \n <button class=\"vote-btn\" id=\"submit-vote\">Submit Your Vote<\/button>\n <\/div>\n \n <div class=\"player-section\">\n <h2>The 5 Guys<\/h2>\n \n <div class=\"player-list\">\n <div class=\"player-tag\" data-player=\"joshua-trader\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/joshua-trader.jpg?w=640&ssl=1\" alt=\"Joshua Trader\" loading=\"lazy\">\n <span>Joshua Trader<\/span>\n <\/div>\n \n <div class=\"player-tag\" data-player=\"joshua-moore\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/joshua-moore.jpg?w=640&ssl=1\" alt=\"Joshua Moore\" loading=\"lazy\">\n <span>Joshua Moore<\/span>\n <\/div>\n \n <div class=\"player-tag\" data-player=\"malachi-toney\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/malachi-toney.jpg?w=640&ssl=1\" alt=\"Malachi Toney\" loading=\"lazy\">\n <span>Malachi Toney<\/span>\n <\/div>\n \n <div class=\"player-tag\" data-player=\"ny-carr\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/ny-carr.jpg?w=640&ssl=1\" alt=\"Ny Carr\" loading=\"lazy\">\n <span>Ny Carr<\/span>\n <\/div>\n \n <div class=\"player-tag\" data-player=\"chance-robinson\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/chance-robinson.jpg?w=640&ssl=1\" alt=\"Chance Robinson\" loading=\"lazy\">\n <span>Chance Robinson<\/span>\n <\/div>\n <\/div>\n \n <div class=\"instructions\">\n <h3>How to Vote:<\/h3>\n <ol>\n <li>Click on a player name to select them<\/li>\n <li>Click on a ranking slot to place the player<\/li>\n <li>Repeat for all 6 categories<\/li>\n <li>Submit your vote when finished<\/li>\n <\/ol>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"promo-section\">\n <h2>Check Out Our Other Content<\/h2>\n \n <div class=\"promo-grid\">\n <div class=\"promo-card\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/soccer-app.png?w=640&ssl=1\" alt=\"Official Canes Insight\" loading=\"lazy\">\n <h3>Official Canes Insight<\/h3>\n <p>Your source for Miami Hurricanes analysis<\/p>\n <a href=\"https:\/\/www.youtube.com\/@officialcanesinsight\" target=\"_blank\" class=\"promo-btn\">Watch Now<\/a>\n <\/div>\n \n <div class=\"promo-card\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/soccergodapp2.png?w=640&ssl=1\" alt=\"Studio 1 Live Picks\" loading=\"lazy\">\n <h3>Studio 1 Live Picks<\/h3>\n <p>Expert predictions and free picks<\/p>\n <a href=\"https:\/\/studio1live.com\/picks\" target=\"_blank\" class=\"promo-btn\">Get Picks<\/a>\n <\/div>\n \n <div class=\"promo-card\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/Soccergodapp1.png?w=640&ssl=1\" alt=\"SoccerGod App\" loading=\"lazy\">\n <h3>SoccerGod App<\/h3>\n <p>Revolutionary soccer analysis coming soon<\/p>\n <a href=\"#\" class=\"promo-btn\">Coming Soon<\/a>\n <\/div>\n \n <div class=\"promo-card\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/amazon-book.png?w=640&ssl=1\" alt=\"Basketball Live App\" loading=\"lazy\">\n <h3>What Happens After You Die?<\/h3>\n <p>Check out my new book exploring life after death<\/p>\n <a href=\"https:\/\/www.amazon.com\/dp\/B0DZ754846\" target=\"_blank\" class=\"promo-btn\">Get the Book<\/a>\n <\/div>\n \n <div class=\"promo-card\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/poker-site.png?w=640&ssl=1\" alt=\"Black Chip Poker\" loading=\"lazy\">\n <h3>Play Poker Online<\/h3>\n <p>Win big with Black Chip Poker<\/p>\n <a href=\"https:\/\/orgsignup.blackchippoker.eu\/RAF-BCP-HERUDAGURU\/https%3A%2F%2Fplay.blackchippoker.eu\" target=\"_blank\" class=\"promo-btn\">Play Now<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"footer\">\n <p>Brought to you by <a href=\"https:\/\/www.youtube.com\/@officialcanesinsight\" target=\"_blank\">Official Canes Insight<\/a> and <a href=\"https:\/\/www.youtube.com\/@herudaguru\" target=\"_blank\">STUDIO 1 LIVE<\/a><\/p>\n <\/div>\n\n <script>\n \/\/ Player data\n const players = [\n { \n id: 'joshua-trader', \n name: 'Joshua Trader', \n image: 'https:\/\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/joshua-trader.jpg\n },\n { \n id: 'joshua-moore', \n name: 'Joshua Moore', \n image: 'https:\/\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/joshua-moore.jpg' \n },\n { \n id: 'malachi-toney', \n name: 'Malachi Toney', \n image: 'https:\/\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/malachi-toney.jpg' \n },\n { \n id: 'ny-carr', \n name: 'Ny Carr', \n image: 'https:\/\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/ny-carr.jpg' \n },\n { \n id: 'chance-robinson', \n name: 'Chance Robinson', \n image: 'https:\/\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/chance-robinson.jpg' \n }\n ];\n\n \/\/ Categories for predictions\n const categories = ['yards', 'td', 'targets', 'starts', 'receptions', 'drops'];\n\n \/\/ Store the currently selected player\n let selectedPlayer = null;\n\n \/\/ Initialize the application\n document.addEventListener('DOMContentLoaded', function() {\n initializePredictionForm();\n });\n\n \/\/ Initialize the prediction form\n function initializePredictionForm() {\n \/\/ Set up player tag selection\n const playerTags = document.querySelectorAll('.player-tag');\n playerTags.forEach(tag => {\n tag.addEventListener('click', function() {\n \/\/ Remove selection from all players\n playerTags.forEach(t => t.classList.remove('selected'));\n \n \/\/ Select this player\n this.classList.add('selected');\n selectedPlayer = this.getAttribute('data-player');\n });\n });\n \n \/\/ Set up rank slot click events\n const rankSlots = document.querySelectorAll('.rank-slot');\n rankSlots.forEach(slot => {\n slot.addEventListener('click', function() {\n if (!selectedPlayer) {\n alert('Please select a player first');\n return;\n }\n \n const category = this.parentElement.getAttribute('data-category');\n const rank = this.getAttribute('data-rank');\n \n \/\/ Clear any existing player in this rank slot\n const playerInSlot = this.querySelector('.player-in-slot');\n if (playerInSlot) {\n playerInSlot.remove();\n }\n \n \/\/ Add the selected player to the slot\n const player = players.find(p => p.id === selectedPlayer);\n if (player) {\n const playerElement = document.createElement('div');\n playerElement.className = 'player-in-slot';\n playerElement.innerHTML = `\n <img decoding=\"async\" src=\"${player.image}\" alt=\"${player.name}\">\n <span>${player.name}\n `;\n this.appendChild(playerElement);\n this.classList.add('filled');\n \n \/\/ Store the player ID in a data attribute for form submission\n this.setAttribute('data-player', player.id);\n }\n });\n });\n \n \/\/ Handle form submission\n document.getElementById('submit-vote').addEventListener('click', function() {\n \/\/ Collect predictions\n const predictions = {};\n let isValid = true;\n let emptySlots = 0;\n \n categories.forEach(category => {\n const container = document.querySelector(`.ranking-panel[data-category=\"${category}\"]`);\n const slots = container.querySelectorAll('.rank-slot');\n \n predictions[category] = {};\n \n slots.forEach(slot => {\n const rank = slot.getAttribute('data-rank');\n const playerId = slot.getAttribute('data-player');\n \n if (!playerId) {\n isValid = false;\n emptySlots++;\n slot.style.border = '2px solid red';\n } else {\n slot.style.border = '';\n predictions[category][rank] = playerId;\n }\n });\n });\n \n if (!isValid) {\n alert(`Please complete all rankings. You have ${emptySlots} empty slot(s).`);\n return;\n }\n \n \/\/ Get user info\n const username = document.getElementById('username').value || 'Anonymous';\n const email = document.getElementById('email').value || '';\n \n \/\/ Show loading state\n const submitBtn = document.getElementById('submit-vote');\n const originalText = submitBtn.textContent;\n submitBtn.textContent = 'Submitting...';\n submitBtn.disabled = true;\n \n \/\/ Simulate submission (replace with actual API call)\n setTimeout(() => {\n \/\/ Save prediction to localStorage\n savePrediction({ username, email, predictions });\n \n \/\/ Show success message\n alert('Thanks for your prediction! Your vote has been recorded.');\n \n \/\/ Reset form\n resetForm();\n \n \/\/ Restore button state\n submitBtn.textContent = originalText;\n submitBtn.disabled = false;\n }, 1500);\n });\n }\n\n \/\/ Save prediction to localStorage\n function savePrediction(prediction) {\n let predictions = JSON.parse(localStorage.getItem('5guys_predictions') || '[]');\n predictions.push({\n ...prediction,\n timestamp: new Date().toISOString()\n });\n localStorage.setItem('5guys_predictions', JSON.stringify(predictions));\n \n \/\/ Here you would typically send the data to your server\n console.log('Prediction saved:', prediction);\n }\n\n \/\/ Reset the form\n function resetForm() {\n \/\/ Clear player selection\n document.querySelectorAll('.player-tag').forEach(tag => {\n tag.classList.remove('selected');\n });\n selectedPlayer = null;\n \n \/\/ Clear rank slots\n document.querySelectorAll('.rank-slot').forEach(slot => {\n const playerInSlot = slot.querySelector('.player-in-slot');\n if (playerInSlot) {\n playerInSlot.remove();\n }\n slot.classList.remove('filled');\n slot.removeAttribute('data-player');\n slot.style.border = '';\n });\n \n \/\/ Clear form fields\n document.getElementById('username').value = '';\n document.getElementById('email').value = '';\n }\n <\/script>\n\n\n<\/body>","protected":false},"excerpt":{"rendered":"<p>The 5 Guys \u2013 Miami WR Prediction The 5 Guys: Which WR Will Have the Top Season? We\u2019re assuming Mario Cristobal will start all veteran WRs, so which of these 5 dynamic players might break the mold? Cast your prediction now! Make Your Predictions Top Yards #1 #2 #3 #4 #5 Top Touchdowns #1 #2 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-316","page","type-page","status-publish","hentry"],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/studio1live.com\/picks\/wp-json\/wp\/v2\/pages\/316","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studio1live.com\/picks\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studio1live.com\/picks\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studio1live.com\/picks\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studio1live.com\/picks\/wp-json\/wp\/v2\/comments?post=316"}],"version-history":[{"count":4,"href":"https:\/\/studio1live.com\/picks\/wp-json\/wp\/v2\/pages\/316\/revisions"}],"predecessor-version":[{"id":334,"href":"https:\/\/studio1live.com\/picks\/wp-json\/wp\/v2\/pages\/316\/revisions\/334"}],"wp:attachment":[{"href":"https:\/\/studio1live.com\/picks\/wp-json\/wp\/v2\/media?parent=316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":316,"date":"2025-08-19T17:16:02","date_gmt":"2025-08-19T17:16:02","guid":{"rendered":"https:\/\/studio1live.com\/picks\/?page_id=316"},"modified":"2025-08-21T16:35:21","modified_gmt":"2025-08-21T16:35:21","slug":"the-5-guys-miami-wr-prediction-widget","status":"publish","type":"page","link":"https:\/\/studio1live.com\/picks\/the-5-guys-miami-wr-prediction-widget\/","title":{"rendered":"The 5 Guys – Miami WR Prediction Widget"},"content":{"rendered":"\n\n\n\n \n \n The 5 Guys \u2013 Miami WR Prediction<\/title>\n <style>\n \/* Reset and Base Styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n body {\n background: linear-gradient(to bottom, #0c2340, #1e4d7a);\n color: #fff;\n line-height: 1.6;\n padding: 20px;\n max-width: 1200px;\n margin: 0 auto;\n }\n \n \/* Header Styles *\/\n .header {\n text-align: center;\n padding: 30px;\n background: rgba(0, 0, 0, 0.6);\n border-radius: 10px;\n margin-bottom: 30px;\n border: 2px solid #f47321;\n background-image: url('https:\/\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/background.jpg');\n background-size: cover;\n background-position: center;\n background-blend-mode: overlay;\n }\n \n .header h1 {\n font-size: 2.5rem;\n color: #f47321;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\n }\n \n .header p {\n font-size: 1.2rem;\n max-width: 800px;\n margin: 0 auto;\n background: rgba(0, 0, 0, 0.7);\n padding: 10px;\n border-radius: 5px;\n }\n \n \/* Main Content Layout *\/\n .container {\n display: flex;\n gap: 20px;\n flex-wrap: wrap;\n }\n \n .prediction-section {\n flex: 2;\n min-width: 300px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 10px;\n padding: 20px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.2);\n }\n \n .player-section {\n flex: 1;\n min-width: 250px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 10px;\n padding: 20px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.2);\n }\n \n \/* Player List Styles *\/\n .player-list {\n margin-bottom: 20px;\n }\n \n .player-tag {\n display: flex;\n align-items: center;\n padding: 12px;\n margin-bottom: 10px;\n background: rgba(0, 0, 0, 0.3);\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n border: 1px solid transparent;\n }\n \n .player-tag:hover {\n background: rgba(244, 115, 33, 0.2);\n transform: translateX(5px);\n }\n \n .player-tag.selected {\n background: rgba(244, 115, 33, 0.3);\n border: 1px solid #f47321;\n }\n \n .player-tag img {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n object-fit: cover;\n margin-right: 12px;\n border: 2px solid #f47321;\n }\n \n \/* Ranking Panel Styles *\/\n .ranking-panel {\n margin-bottom: 25px;\n padding: 15px;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 8px;\n }\n \n .ranking-panel h3 {\n margin-bottom: 15px;\n color: #f47321;\n font-size: 1.2rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n padding-bottom: 5px;\n }\n \n .rank-slot {\n display: flex;\n align-items: center;\n padding: 10px;\n margin-bottom: 8px;\n background: rgba(0, 0, 0, 0.4);\n border-radius: 6px;\n min-height: 50px;\n transition: all 0.3s ease;\n border: 1px dashed rgba(255, 255, 255, 0.3);\n }\n \n .rank-slot:hover {\n background: rgba(0, 0, 0, 0.5);\n }\n \n .rank-slot.filled {\n border: 1px solid #f47321;\n background: rgba(244, 115, 33, 0.1);\n }\n \n .rank-number {\n font-weight: bold;\n color: #f47321;\n min-width: 30px;\n font-size: 1.1rem;\n }\n \n .player-in-slot {\n display: flex;\n align-items: center;\n margin-left: 10px;\n }\n \n .player-in-slot img {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n object-fit: cover;\n margin-right: 8px;\n border: 1px solid #f47321;\n }\n \n \/* Form Elements *\/\n .user-info {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 20px;\n }\n \n .user-info input {\n padding: 12px;\n border-radius: 6px;\n border: 1px solid rgba(255, 255, 255, 0.3);\n background: rgba(0, 0, 0, 0.3);\n color: white;\n }\n \n .user-info input::placeholder {\n color: rgba(255, 255, 255, 0.7);\n }\n \n .vote-btn {\n width: 100%;\n padding: 15px;\n background: #f47321;\n color: white;\n border: none;\n border-radius: 6px;\n font-size: 1.1rem;\n font-weight: bold;\n cursor: pointer;\n transition: background 0.3s ease;\n margin-top: 10px;\n }\n \n .vote-btn:hover {\n background: #e06518;\n }\n \n .vote-btn:disabled {\n background: #777;\n cursor: not-allowed;\n }\n \n \/* Promotional Section *\/\n .promo-section {\n margin-top: 40px;\n padding: 20px;\n background: rgba(0, 0, 0, 0.6);\n border-radius: 10px;\n text-align: center;\n border: 2px solid #f47321;\n }\n \n .promo-section h2 {\n color: #f47321;\n margin-bottom: 20px;\n font-size: 1.8rem;\n }\n \n .promo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 20px;\n }\n \n .promo-card {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 8px;\n padding: 15px;\n text-align: center;\n transition: transform 0.3s ease;\n }\n \n .promo-card:hover {\n transform: translateY(-5px);\n }\n \n .promo-card img {\n width: 100%;\n height: 150px;\n object-fit: cover;\n border-radius: 5px;\n margin-bottom: 10px;\n border: 1px solid #f47321;\n }\n \n .promo-card h3 {\n color: #f47321;\n margin: 10px 0;\n }\n \n .promo-card p {\n font-size: 0.9rem;\n margin-bottom: 15px;\n color: #ddd;\n }\n \n .promo-btn {\n display: inline-block;\n padding: 8px 15px;\n background: #f47321;\n color: white;\n text-decoration: none;\n border-radius: 4px;\n font-weight: bold;\n transition: background 0.3s ease;\n }\n \n .promo-btn:hover {\n background: #e06518;\n }\n \n \/* Instructions *\/\n .instructions {\n background: rgba(0, 0, 0, 0.3);\n padding: 15px;\n border-radius: 8px;\n margin-top: 20px;\n border-left: 4px solid #f47321;\n }\n \n .instructions h3 {\n margin-bottom: 10px;\n color: #f47321;\n }\n \n .instructions ol {\n padding-left: 20px;\n }\n \n .instructions li {\n margin-bottom: 8px;\n }\n \n \/* Footer *\/\n .footer {\n text-align: center;\n margin-top: 40px;\n padding: 20px;\n border-top: 1px solid rgba(255, 255, 255, 0.2);\n font-size: 0.9rem;\n color: #aaa;\n }\n \n .footer a {\n color: #f47321;\n text-decoration: none;\n }\n \n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .container {\n flex-direction: column;\n }\n \n .user-info {\n grid-template-columns: 1fr;\n }\n \n .header h1 {\n font-size: 2rem;\n }\n }\n <\/style>\n\n\n <div class=\"header\">\n <h1>The 5 Guys: Which WR Will Have the Top Season?<\/h1>\n <p>We\u2019re assuming Mario Cristobal will start all veteran WRs, so which of these 5 dynamic players might break the mold? Cast your prediction now!<\/p>\n <\/div>\n \n <div class=\"container\">\n <div class=\"prediction-section\">\n <h2>Make Your Predictions<\/h2>\n \n <div class=\"user-info\">\n <input type=\"text\" id=\"username\" placeholder=\"Your Name (optional)\">\n <input type=\"email\" id=\"email\" placeholder=\"Email (optional)\">\n <\/div>\n \n <div class=\"ranking-panel\" data-category=\"yards\">\n <h3>Top Yards<\/h3>\n <div class=\"rank-slot\" data-rank=\"1\"><span class=\"rank-number\">#1<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"2\"><span class=\"rank-number\">#2<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"3\"><span class=\"rank-number\">#3<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"4\"><span class=\"rank-number\">#4<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"5\"><span class=\"rank-number\">#5<\/span><\/div>\n <\/div>\n \n <div class=\"ranking-panel\" data-category=\"td\">\n <h3>Top Touchdowns<\/h3>\n <div class=\"rank-slot\" data-rank=\"1\"><span class=\"rank-number\">#1<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"2\"><span class=\"rank-number\">#2<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"3\"><span class=\"rank-number\">#3<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"4\"><span class=\"rank-number\">#4<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"5\"><span class=\"rank-number\">#5<\/span><\/div>\n <\/div>\n \n <div class=\"ranking-panel\" data-category=\"targets\">\n <h3>Top Targets<\/h3>\n <div class=\"rank-slot\" data-rank=\"1\"><span class=\"rank-number\">#1<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"2\"><span class=\"rank-number\">#2<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"3\"><span class=\"rank-number\">#3<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"4\"><span class=\"rank-number\">#4<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"5\"><span class=\"rank-number\">#5<\/span><\/div>\n <\/div>\n \n <div class=\"ranking-panel\" data-category=\"starts\">\n <h3>Top Starts<\/h3>\n <div class=\"rank-slot\" data-rank=\"1\"><span class=\"rank-number\">#1<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"2\"><span class=\"rank-number\">#2<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"3\"><span class=\"rank-number\">#3<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"4\"><span class=\"rank-number\">#4<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"5\"><span class=\"rank-number\">#5<\/span><\/div>\n <\/div>\n \n <div class=\"ranking-panel\" data-category=\"receptions\">\n <h3>Top Receptions<\/h3>\n <div class=\"rank-slot\" data-rank=\"1\"><span class=\"rank-number\">#1<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"2\"><span class=\"rank-number\">#2<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"3\"><span class=\"rank-number\">#3<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"4\"><span class=\"rank-number\">#4<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"5\"><span class=\"rank-number\">#5<\/span><\/div>\n <\/div>\n \n <div class=\"ranking-panel\" data-category=\"drops\">\n <h3>Top Drops<\/h3>\n <div class=\"rank-slot\" data-rank=\"1\"><span class=\"rank-number\">#1<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"2\"><span class=\"rank-number\">#2<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"3\"><span class=\"rank-number\">#3<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"4\"><span class=\"rank-number\">#4<\/span><\/div>\n <div class=\"rank-slot\" data-rank=\"5\"><span class=\"rank-number\">#5<\/span><\/div>\n <\/div>\n \n <button class=\"vote-btn\" id=\"submit-vote\">Submit Your Vote<\/button>\n <\/div>\n \n <div class=\"player-section\">\n <h2>The 5 Guys<\/h2>\n \n <div class=\"player-list\">\n <div class=\"player-tag\" data-player=\"joshua-trader\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/joshua-trader.jpg?w=640&ssl=1\" alt=\"Joshua Trader\" loading=\"lazy\">\n <span>Joshua Trader<\/span>\n <\/div>\n \n <div class=\"player-tag\" data-player=\"joshua-moore\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/joshua-moore.jpg?w=640&ssl=1\" alt=\"Joshua Moore\" loading=\"lazy\">\n <span>Joshua Moore<\/span>\n <\/div>\n \n <div class=\"player-tag\" data-player=\"malachi-toney\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/malachi-toney.jpg?w=640&ssl=1\" alt=\"Malachi Toney\" loading=\"lazy\">\n <span>Malachi Toney<\/span>\n <\/div>\n \n <div class=\"player-tag\" data-player=\"ny-carr\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/ny-carr.jpg?w=640&ssl=1\" alt=\"Ny Carr\" loading=\"lazy\">\n <span>Ny Carr<\/span>\n <\/div>\n \n <div class=\"player-tag\" data-player=\"chance-robinson\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/chance-robinson.jpg?w=640&ssl=1\" alt=\"Chance Robinson\" loading=\"lazy\">\n <span>Chance Robinson<\/span>\n <\/div>\n <\/div>\n \n <div class=\"instructions\">\n <h3>How to Vote:<\/h3>\n <ol>\n <li>Click on a player name to select them<\/li>\n <li>Click on a ranking slot to place the player<\/li>\n <li>Repeat for all 6 categories<\/li>\n <li>Submit your vote when finished<\/li>\n <\/ol>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"promo-section\">\n <h2>Check Out Our Other Content<\/h2>\n \n <div class=\"promo-grid\">\n <div class=\"promo-card\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/soccer-app.png?w=640&ssl=1\" alt=\"Official Canes Insight\" loading=\"lazy\">\n <h3>Official Canes Insight<\/h3>\n <p>Your source for Miami Hurricanes analysis<\/p>\n <a href=\"https:\/\/www.youtube.com\/@officialcanesinsight\" target=\"_blank\" class=\"promo-btn\">Watch Now<\/a>\n <\/div>\n \n <div class=\"promo-card\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/soccergodapp2.png?w=640&ssl=1\" alt=\"Studio 1 Live Picks\" loading=\"lazy\">\n <h3>Studio 1 Live Picks<\/h3>\n <p>Expert predictions and free picks<\/p>\n <a href=\"https:\/\/studio1live.com\/picks\" target=\"_blank\" class=\"promo-btn\">Get Picks<\/a>\n <\/div>\n \n <div class=\"promo-card\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/Soccergodapp1.png?w=640&ssl=1\" alt=\"SoccerGod App\" loading=\"lazy\">\n <h3>SoccerGod App<\/h3>\n <p>Revolutionary soccer analysis coming soon<\/p>\n <a href=\"#\" class=\"promo-btn\">Coming Soon<\/a>\n <\/div>\n \n <div class=\"promo-card\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/amazon-book.png?w=640&ssl=1\" alt=\"Basketball Live App\" loading=\"lazy\">\n <h3>What Happens After You Die?<\/h3>\n <p>Check out my new book exploring life after death<\/p>\n <a href=\"https:\/\/www.amazon.com\/dp\/B0DZ754846\" target=\"_blank\" class=\"promo-btn\">Get the Book<\/a>\n <\/div>\n \n <div class=\"promo-card\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/poker-site.png?w=640&ssl=1\" alt=\"Black Chip Poker\" loading=\"lazy\">\n <h3>Play Poker Online<\/h3>\n <p>Win big with Black Chip Poker<\/p>\n <a href=\"https:\/\/orgsignup.blackchippoker.eu\/RAF-BCP-HERUDAGURU\/https%3A%2F%2Fplay.blackchippoker.eu\" target=\"_blank\" class=\"promo-btn\">Play Now<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"footer\">\n <p>Brought to you by <a href=\"https:\/\/www.youtube.com\/@officialcanesinsight\" target=\"_blank\">Official Canes Insight<\/a> and <a href=\"https:\/\/www.youtube.com\/@herudaguru\" target=\"_blank\">STUDIO 1 LIVE<\/a><\/p>\n <\/div>\n\n <script>\n \/\/ Player data\n const players = [\n { \n id: 'joshua-trader', \n name: 'Joshua Trader', \n image: 'https:\/\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/joshua-trader.jpg\n },\n { \n id: 'joshua-moore', \n name: 'Joshua Moore', \n image: 'https:\/\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/joshua-moore.jpg' \n },\n { \n id: 'malachi-toney', \n name: 'Malachi Toney', \n image: 'https:\/\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/malachi-toney.jpg' \n },\n { \n id: 'ny-carr', \n name: 'Ny Carr', \n image: 'https:\/\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/ny-carr.jpg' \n },\n { \n id: 'chance-robinson', \n name: 'Chance Robinson', \n image: 'https:\/\/studio1live.com\/picks\/wp-content\/uploads\/2025\/08\/chance-robinson.jpg' \n }\n ];\n\n \/\/ Categories for predictions\n const categories = ['yards', 'td', 'targets', 'starts', 'receptions', 'drops'];\n\n \/\/ Store the currently selected player\n let selectedPlayer = null;\n\n \/\/ Initialize the application\n document.addEventListener('DOMContentLoaded', function() {\n initializePredictionForm();\n });\n\n \/\/ Initialize the prediction form\n function initializePredictionForm() {\n \/\/ Set up player tag selection\n const playerTags = document.querySelectorAll('.player-tag');\n playerTags.forEach(tag => {\n tag.addEventListener('click', function() {\n \/\/ Remove selection from all players\n playerTags.forEach(t => t.classList.remove('selected'));\n \n \/\/ Select this player\n this.classList.add('selected');\n selectedPlayer = this.getAttribute('data-player');\n });\n });\n \n \/\/ Set up rank slot click events\n const rankSlots = document.querySelectorAll('.rank-slot');\n rankSlots.forEach(slot => {\n slot.addEventListener('click', function() {\n if (!selectedPlayer) {\n alert('Please select a player first');\n return;\n }\n \n const category = this.parentElement.getAttribute('data-category');\n const rank = this.getAttribute('data-rank');\n \n \/\/ Clear any existing player in this rank slot\n const playerInSlot = this.querySelector('.player-in-slot');\n if (playerInSlot) {\n playerInSlot.remove();\n }\n \n \/\/ Add the selected player to the slot\n const player = players.find(p => p.id === selectedPlayer);\n if (player) {\n const playerElement = document.createElement('div');\n playerElement.className = 'player-in-slot';\n playerElement.innerHTML = `\n <img decoding=\"async\" src=\"${player.image}\" alt=\"${player.name}\">\n <span>${player.name}\n `;\n this.appendChild(playerElement);\n this.classList.add('filled');\n \n \/\/ Store the player ID in a data attribute for form submission\n this.setAttribute('data-player', player.id);\n }\n });\n });\n \n \/\/ Handle form submission\n document.getElementById('submit-vote').addEventListener('click', function() {\n \/\/ Collect predictions\n const predictions = {};\n let isValid = true;\n let emptySlots = 0;\n \n categories.forEach(category => {\n const container = document.querySelector(`.ranking-panel[data-category=\"${category}\"]`);\n const slots = container.querySelectorAll('.rank-slot');\n \n predictions[category] = {};\n \n slots.forEach(slot => {\n const rank = slot.getAttribute('data-rank');\n const playerId = slot.getAttribute('data-player');\n \n if (!playerId) {\n isValid = false;\n emptySlots++;\n slot.style.border = '2px solid red';\n } else {\n slot.style.border = '';\n predictions[category][rank] = playerId;\n }\n });\n });\n \n if (!isValid) {\n alert(`Please complete all rankings. You have ${emptySlots} empty slot(s).`);\n return;\n }\n \n \/\/ Get user info\n const username = document.getElementById('username').value || 'Anonymous';\n const email = document.getElementById('email').value || '';\n \n \/\/ Show loading state\n const submitBtn = document.getElementById('submit-vote');\n const originalText = submitBtn.textContent;\n submitBtn.textContent = 'Submitting...';\n submitBtn.disabled = true;\n \n \/\/ Simulate submission (replace with actual API call)\n setTimeout(() => {\n \/\/ Save prediction to localStorage\n savePrediction({ username, email, predictions });\n \n \/\/ Show success message\n alert('Thanks for your prediction! Your vote has been recorded.');\n \n \/\/ Reset form\n resetForm();\n \n \/\/ Restore button state\n submitBtn.textContent = originalText;\n submitBtn.disabled = false;\n }, 1500);\n });\n }\n\n \/\/ Save prediction to localStorage\n function savePrediction(prediction) {\n let predictions = JSON.parse(localStorage.getItem('5guys_predictions') || '[]');\n predictions.push({\n ...prediction,\n timestamp: new Date().toISOString()\n });\n localStorage.setItem('5guys_predictions', JSON.stringify(predictions));\n \n \/\/ Here you would typically send the data to your server\n console.log('Prediction saved:', prediction);\n }\n\n \/\/ Reset the form\n function resetForm() {\n \/\/ Clear player selection\n document.querySelectorAll('.player-tag').forEach(tag => {\n tag.classList.remove('selected');\n });\n selectedPlayer = null;\n \n \/\/ Clear rank slots\n document.querySelectorAll('.rank-slot').forEach(slot => {\n const playerInSlot = slot.querySelector('.player-in-slot');\n if (playerInSlot) {\n playerInSlot.remove();\n }\n slot.classList.remove('filled');\n slot.removeAttribute('data-player');\n slot.style.border = '';\n });\n \n \/\/ Clear form fields\n document.getElementById('username').value = '';\n document.getElementById('email').value = '';\n }\n <\/script>\n\n\n<\/body>","protected":false},"excerpt":{"rendered":"<p>The 5 Guys \u2013 Miami WR Prediction The 5 Guys: Which WR Will Have the Top Season? We\u2019re assuming Mario Cristobal will start all veteran WRs, so which of these 5 dynamic players might break the mold? Cast your prediction now! Make Your Predictions Top Yards #1 #2 #3 #4 #5 Top Touchdowns #1 #2 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-316","page","type-page","status-publish","hentry"],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/studio1live.com\/picks\/wp-json\/wp\/v2\/pages\/316","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studio1live.com\/picks\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studio1live.com\/picks\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studio1live.com\/picks\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studio1live.com\/picks\/wp-json\/wp\/v2\/comments?post=316"}],"version-history":[{"count":4,"href":"https:\/\/studio1live.com\/picks\/wp-json\/wp\/v2\/pages\/316\/revisions"}],"predecessor-version":[{"id":334,"href":"https:\/\/studio1live.com\/picks\/wp-json\/wp\/v2\/pages\/316\/revisions\/334"}],"wp:attachment":[{"href":"https:\/\/studio1live.com\/picks\/wp-json\/wp\/v2\/media?parent=316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}