{"id":4326,"date":"2026-02-06T14:49:02","date_gmt":"2026-02-06T14:49:02","guid":{"rendered":"https:\/\/zimsmart.co.zw\/?p=4326"},"modified":"2026-02-06T14:49:10","modified_gmt":"2026-02-06T14:49:10","slug":"4326","status":"publish","type":"post","link":"https:\/\/zimsmart.co.zw\/index.php\/2026\/02\/06\/4326\/","title":{"rendered":""},"content":{"rendered":"
\n \n\n\n \n \n Uchave Valentine Wangu?<\/title>\n <style>\n body {\n margin: 0;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: #fff0f3;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n overflow: hidden;\n text-align: center;\n }\n\n .container {\n position: relative;\n z-index: 10;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n max-width: 600px;\n }\n\n h1 {\n color: #d32f2f;\n font-size: 2rem;\n margin-bottom: 20px;\n padding: 0 20px;\n }\n\n .btn-container {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n gap: 15px;\n margin-bottom: 20px; \/* Space for the text below *\/\n }\n\n button {\n border: none;\n border-radius: 50px;\n cursor: pointer;\n font-weight: bold;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n transition: all 0.2s ease;\n }\n\n .yes-btn {\n background-color: #2e7d32;\n color: white;\n padding: 12px 24px;\n }\n\n .no-btn {\n background-color: #d32f2f;\n color: white;\n padding: 10px 20px;\n font-size: 16px;\n }\n\n \/* New class for the text below buttons *\/\n .pleading-text {\n color: #d32f2f;\n font-size: 18px;\n font-weight: bold;\n min-height: 24px; \/* Keeps layout stable *\/\n animation: fadeIn 0.5s ease-in-out;\n }\n\n img {\n max-width: 300px;\n border-radius: 10px;\n margin-bottom: 20px;\n }\n\n .success-text {\n font-size: 48px;\n color: #d32f2f;\n font-weight: bold;\n margin-top: 20px;\n animation: bounce 1s infinite;\n }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-20px); }\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(-5px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Background hearts pattern *\/\n .heart-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n opacity: 0.1;\n pointer-events: none;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.78 7.77L10 18.78l8.39-8.4a5.5 5.5 0 0 0-7.78-7.77l-.61.61z' fill='%23ff0000' fill-opacity='0.4'\/%3E%3C\/svg%3E\");\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"heart-bg\"><\/div>\n <div id=\"app\" class=\"container\">\n <\/div>\n\n <script>\n \/\/ --- Configuration (Shona Mixed) ---\n const NO_PHRASES = [\n \"Ndokumbirisa kani? \ud83e\udd7a\",\n \"But tinobuda bho tese! \ud83d\udc95\",\n \"One more chance pookie?\",\n \"Usatyore moyo wangu :(\",\n \"Ko kana tikati maybe?\",\n \"Usadaro kani, ndinorwadziwa \ud83d\udc94\",\n \"Please ndiri kukumbira!\"\n ];\n\n const YES_CONFIRMATIONS = [\n { text: \"Une chokwadi here? \ud83c\udf39\", btn: \"Ehe ndine chokwadi!\" },\n { text: \"Sure sure here? \ud83e\udd79\", btn: \"Bho zvekuti!\" },\n { text: \"Funga mushe... ndinobvuta magumbeze! \ud83d\udecc\", btn: \"Hapana basa!\" },\n { text: \"Vimbisa hauzochinje? \ud83e\udd1e\", btn: \"Ndinovimbisa!\" },\n { text: \"Pinky promise? \ud83c\udf80\", btn: \"PINKY PROMISE!\" },\n ];\n\n const IMAGES = {\n ask: \"https:\/\/media.tenor.com\/VIChDQ6ejRQAAAAj\/jumping-bear-hearts-no-png.gif\",\n success: \"https:\/\/media.tenor.com\/f1xnRxTRxLAAAAAj\/bears-with-kisses-bg.gif\"\n };\n\n \/\/ --- State ---\n let state = {\n noCount: 0,\n yesPhase: 0, \/\/ 0 = initial, 1+ = confirmations\n isValentine: false\n };\n\n \/\/ --- App Logic ---\n const app = document.getElementById('app');\n\n function handleNo() {\n state.noCount++;\n render();\n }\n\n function handleYes() {\n \/\/ Logic: If they hit No before, instant win. Otherwise, ask playful questions.\n if (state.noCount > 0 || state.yesPhase >= YES_CONFIRMATIONS.length) {\n state.isValentine = true;\n } else {\n state.yesPhase++;\n }\n render();\n }\n\n function getPleadingText() {\n if (state.noCount === 0) return \"\";\n return NO_PHRASES[Math.min(state.noCount - 1, NO_PHRASES.length - 1)];\n }\n\n function render() {\n app.innerHTML = ''; \/\/ Clear current content\n\n if (state.isValentine) {\n \/\/ Success View\n app.innerHTML = `\n <img decoding=\"async\" src=\"${IMAGES.success}\" alt=\"Bears kissing\" \/>\n <div class=\"success-text\">Yay!!! \ud83d\udc96\ud83c\udf89<\/div>\n <p style=\"font-size: 20px; color: #555\">Ndanga ndichizviziva kuti uchabvuma!<\/p>\n `;\n } else {\n \/\/ Question\/Confirmation View\n const isInitial = state.yesPhase === 0;\n \n const headerText = isInitial ? \"Will you be my Valentine? \ud83d\udc98\" : YES_CONFIRMATIONS[state.yesPhase - 1].text;\n \n \/\/ Changed \"Yes\" to \"Hongu\" for the initial state\n const yesText = isInitial ? \"Hongu\" : YES_CONFIRMATIONS[state.yesPhase - 1].btn;\n \n \/\/ Calculate Yes Button Size\n const baseSize = 16;\n const growthFactor = 20;\n const yesFontSize = (state.noCount * growthFactor) + baseSize;\n\n \/\/ Build HTML\n app.innerHTML = `\n <img decoding=\"async\" src=\"${IMAGES.ask}\" alt=\"Cute bear\" \/>\n <h1>${headerText}<\/h1>\n \n <div class=\"btn-container\">\n <button id=\"yesBtn\" class=\"yes-btn\" style=\"font-size: ${yesFontSize}px\">${yesText}<\/button>\n <button id=\"noBtn\" class=\"no-btn\">Aiwa<\/button>\n <\/div>\n\n <div class=\"pleading-text\">\n ${getPleadingText()}\n <\/div>\n `;\n\n \/\/ Re-attach event listeners\n document.getElementById('yesBtn').addEventListener('click', handleYes);\n document.getElementById('noBtn').addEventListener('click', handleNo);\n }\n }\n\n \/\/ Initial Render\n render();\n\n <\/script>\n\n<\/body>\n<\/html> <\/div>\n \n\n\n<p><br><br><br><br><br>Uchave Valentine Wangu?<br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Uchave Valentine Wangu?<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-4326","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-uncategorized"},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/zimsmart.co.zw\/index.php\/wp-json\/wp\/v2\/posts\/4326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zimsmart.co.zw\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zimsmart.co.zw\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zimsmart.co.zw\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zimsmart.co.zw\/index.php\/wp-json\/wp\/v2\/comments?post=4326"}],"version-history":[{"count":1,"href":"https:\/\/zimsmart.co.zw\/index.php\/wp-json\/wp\/v2\/posts\/4326\/revisions"}],"predecessor-version":[{"id":4328,"href":"https:\/\/zimsmart.co.zw\/index.php\/wp-json\/wp\/v2\/posts\/4326\/revisions\/4328"}],"wp:attachment":[{"href":"https:\/\/zimsmart.co.zw\/index.php\/wp-json\/wp\/v2\/media?parent=4326"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zimsmart.co.zw\/index.php\/wp-json\/wp\/v2\/categories?post=4326"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zimsmart.co.zw\/index.php\/wp-json\/wp\/v2\/tags?post=4326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}