Love Calculator<\/title>\n <style>\n \/* Header Styles *\/\n header {\n background-color: #FF1493;\n padding: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n header img {\n height: 50px;\n margin-right: 10px;\n }\n \n header h1 {\n color: white;\n font-size: 32px;\n margin: 0;\n }\n \n form {\n margin: 50px auto;\n max-width: 600px;\n padding: 20px;\n background-color: #f7f7f7;\n border-radius: 5px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n display: flex; \/* add this property to use flexbox *\/\n flex-direction: column; \/* make the child elements stack vertically *\/\n align-items: center; \/* center the child elements horizontally *\/\n}\n\n label {\n display: block;\n margin-bottom: 10px;\n font-size: 16px;\n font-weight: bold;\n color: #444;\n }\n \n input[type=\"text\"] {\n padding: 10px;\n font-size: 16px;\n border-radius: 5px;\n border: 1px solid #ccc;\n margin-bottom: 20px;\n width: 50%; \/* adjust this value to make the field shorter *\/\n margin: 0 auto; \/* center the field horizontally *\/\n box-sizing: border-box;\n}\n\n\n button {\n margin-top: 20px;\n padding: 10px;\n font-size: 16px;\n border-radius: 5px;\n background-color: #FF1493;\n color: white;\n border: none;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n\n button:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.2);\n transform: skewX(-45deg);\n transition: all 0.4s ease-in-out;\n }\n\n button:hover:before {\n left: 100%;\n }\n\n #loveResult {\n text-align: center;\n margin-top: 30px;\n font-size: 24px;\n font-weight: bold;\n color: #FF1493;\n }\n\n .heart {\n display: inline-block;\n position: relative;\n width: 40px;\n height: 40px;\n margin-left: 10px;\n margin-right: 10px;\n }\n\n .heart:before,\n .heart:after {\n position: absolute;\n content: \"\";\n left: 20px;\n top: 0;\n width: 20px;\n height: 32px;\n background: #FF1493;\n border-radius: 20px 20px 0 0;\n transform: rotate(-45deg);\n transform-origin: 0 100%;\n }\n\n .heart:after {\n left: 0;\n transform: rotate(45deg);\n transform-origin: 100% 100%;\n }\n\n .heart.full:before,\n .heart.full:after {\n background: #fff;\n }\n\n .heart.full:before {\n animation: fillHeart 0.5s ease-in-out forwards;\n }\n\n @keyframes fillHeart {\n 0% {\n height: 0;\n }\n 50% {\n height: 32px;\n }\n 100% {\n height: 32px;\n top: 0;\n }\n }\n\n \n \n \n \n \n \/* Footer Styles *\/\nfooter {\n background-color: #FFC0CB;\n padding: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.links-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n max-width: 600px;\n margin: 0 auto;\n}\n\na {\n color: #333;\n font-size: 16px;\n text-decoration: none;\n margin: 0 10px;\n transition: color 0.2s ease-in-out;\n}\n\na:hover {\n color: #FF1493;\n}\n\n \n \n \n \n \n \/* Reset Styles *\/\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n\/* Global Styles *\/\nbody {\n font-family: Arial, sans-serif;\n font-size: 16px;\n line-height: 1.5;\n color: #333;\n}\n\na {\n color: #333;\n text-decoration: none;\n transition: color 0.2s ease-in-out;\n}\n\na:hover {\n color: #FF1493;\n}\n\n\/* Header Styles *\/\nheader {\n background-color: #FF1493;\n padding: 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.logo {\n display: flex;\n align-items: center;\n}\n\nheader img {\n height: 50px;\n margin-right: 10px;\n}\n\nheader h1 {\n color: white;\n font-size: 32px;\n margin: 0;\n}\n\nnav ul {\n display: flex;\n}\n\nnav li {\n margin-right: 20px;\n}\n\nnav a {\n color: white;\n font-size: 16px;\n\n<\/style>\n\n <\/head>\n <body>\n <h1>Love Calculator<\/h1>\n <div>\n <label for=\"name1\">Enter Your Name:<\/label>\n <input type=\"text\" id=\"name1\" name=\"name1\" required>\n <\/div>\n <div>\n <label for=\"name2\">Enter Your Crush’s Name:<\/label>\n <input type=\"text\" id=\"name2\" name=\"name2\" required>\n <\/div>\n <div>\n <button type=\"button\" onclick=\"calculateLove()\">Calculate Love<\/button>\n <\/div>\n <div id=\"loveResult\"><\/div>\n\n <script>\n \n function calculateLove() {\n var name1 = document.getElementById(\"name1\").value.trim().toLowerCase();\n var name2 = document.getElementById(\"name2\").value.trim().toLowerCase();\n \n var loveScore = getLoveScore(name1, name2);\n displayLoveResult(loveScore);\n}\n\nfunction getLoveScore(name1, name2) {\n var combinedNames = name1 + name2;\n var loveScore = 0;\n\n for (var i = 0; i < combinedNames.length; i++) {\n loveScore += combinedNames.charCodeAt(i);\n }\n\n loveScore = loveScore % 101;\n return loveScore;\n}\n\nfunction displayLoveResult(loveScore) {\n var loveResultElement = document.getElementById(\"loveResult\");\n\n if (loveScore >= 80) {\n loveResultElement.innerHTML = \"Congratulations! Your love score is \" + loveScore + \"%. You are a perfect match!\";\n } else if (loveScore >= 50) {\n loveResultElement.innerHTML = \"Your love score is \" + loveScore + \"%. You have a good chance of success!\";\n } else {\n loveResultElement.innerHTML = \"Your love score is \" + loveScore + \"%. Sorry, it doesn't look good!\";\n }\n}\n\n \n \n var heartElement = document.getElementById(\"heart\");\nif (loveScore >= 80) {\n heartElement.classList.add(\"full\");\n} else {\n heartElement.classList.remove(\"full\");\n}\n\n \n \n function calculateLove() {\n var name1 = document.getElementById(\"name1\").value.trim().toLowerCase();\n var name2 = document.getElementById(\"name2\").value.trim().toLowerCase();\n var loveScore = getLoveScore(name1, name2);\n document.getElementById(\"loveResult\").innerHTML = \"Your love score is \" + loveScore + \"%!\";\n }\n\n <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Love Calculator Love Calculator Enter Your Name: Enter Your Crush’s Name: Calculate Love<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-83","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sadpoetryhub.com\/index.php?rest_route=\/wp\/v2\/pages\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sadpoetryhub.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sadpoetryhub.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sadpoetryhub.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sadpoetryhub.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=83"}],"version-history":[{"count":0,"href":"https:\/\/sadpoetryhub.com\/index.php?rest_route=\/wp\/v2\/pages\/83\/revisions"}],"wp:attachment":[{"href":"https:\/\/sadpoetryhub.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":83,"date":"2024-01-27T04:04:25","date_gmt":"2024-01-27T04:04:25","guid":{"rendered":"https:\/\/sadpoetryhub.com\/?page_id=83"},"modified":"2024-01-27T04:04:25","modified_gmt":"2024-01-27T04:04:25","slug":"love-calcularor","status":"publish","type":"page","link":"https:\/\/sadpoetryhub.com\/?page_id=83","title":{"rendered":"Love calcularor"},"content":{"rendered":"\n\n\n \n \n \n \n \n Love Calculator<\/title>\n <style>\n \/* Header Styles *\/\n header {\n background-color: #FF1493;\n padding: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n header img {\n height: 50px;\n margin-right: 10px;\n }\n \n header h1 {\n color: white;\n font-size: 32px;\n margin: 0;\n }\n \n form {\n margin: 50px auto;\n max-width: 600px;\n padding: 20px;\n background-color: #f7f7f7;\n border-radius: 5px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n display: flex; \/* add this property to use flexbox *\/\n flex-direction: column; \/* make the child elements stack vertically *\/\n align-items: center; \/* center the child elements horizontally *\/\n}\n\n label {\n display: block;\n margin-bottom: 10px;\n font-size: 16px;\n font-weight: bold;\n color: #444;\n }\n \n input[type=\"text\"] {\n padding: 10px;\n font-size: 16px;\n border-radius: 5px;\n border: 1px solid #ccc;\n margin-bottom: 20px;\n width: 50%; \/* adjust this value to make the field shorter *\/\n margin: 0 auto; \/* center the field horizontally *\/\n box-sizing: border-box;\n}\n\n\n button {\n margin-top: 20px;\n padding: 10px;\n font-size: 16px;\n border-radius: 5px;\n background-color: #FF1493;\n color: white;\n border: none;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n\n button:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.2);\n transform: skewX(-45deg);\n transition: all 0.4s ease-in-out;\n }\n\n button:hover:before {\n left: 100%;\n }\n\n #loveResult {\n text-align: center;\n margin-top: 30px;\n font-size: 24px;\n font-weight: bold;\n color: #FF1493;\n }\n\n .heart {\n display: inline-block;\n position: relative;\n width: 40px;\n height: 40px;\n margin-left: 10px;\n margin-right: 10px;\n }\n\n .heart:before,\n .heart:after {\n position: absolute;\n content: \"\";\n left: 20px;\n top: 0;\n width: 20px;\n height: 32px;\n background: #FF1493;\n border-radius: 20px 20px 0 0;\n transform: rotate(-45deg);\n transform-origin: 0 100%;\n }\n\n .heart:after {\n left: 0;\n transform: rotate(45deg);\n transform-origin: 100% 100%;\n }\n\n .heart.full:before,\n .heart.full:after {\n background: #fff;\n }\n\n .heart.full:before {\n animation: fillHeart 0.5s ease-in-out forwards;\n }\n\n @keyframes fillHeart {\n 0% {\n height: 0;\n }\n 50% {\n height: 32px;\n }\n 100% {\n height: 32px;\n top: 0;\n }\n }\n\n \n \n \n \n \n \/* Footer Styles *\/\nfooter {\n background-color: #FFC0CB;\n padding: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.links-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n max-width: 600px;\n margin: 0 auto;\n}\n\na {\n color: #333;\n font-size: 16px;\n text-decoration: none;\n margin: 0 10px;\n transition: color 0.2s ease-in-out;\n}\n\na:hover {\n color: #FF1493;\n}\n\n \n \n \n \n \n \/* Reset Styles *\/\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n\/* Global Styles *\/\nbody {\n font-family: Arial, sans-serif;\n font-size: 16px;\n line-height: 1.5;\n color: #333;\n}\n\na {\n color: #333;\n text-decoration: none;\n transition: color 0.2s ease-in-out;\n}\n\na:hover {\n color: #FF1493;\n}\n\n\/* Header Styles *\/\nheader {\n background-color: #FF1493;\n padding: 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.logo {\n display: flex;\n align-items: center;\n}\n\nheader img {\n height: 50px;\n margin-right: 10px;\n}\n\nheader h1 {\n color: white;\n font-size: 32px;\n margin: 0;\n}\n\nnav ul {\n display: flex;\n}\n\nnav li {\n margin-right: 20px;\n}\n\nnav a {\n color: white;\n font-size: 16px;\n\n<\/style>\n\n <\/head>\n <body>\n <h1>Love Calculator<\/h1>\n <div>\n <label for=\"name1\">Enter Your Name:<\/label>\n <input type=\"text\" id=\"name1\" name=\"name1\" required>\n <\/div>\n <div>\n <label for=\"name2\">Enter Your Crush’s Name:<\/label>\n <input type=\"text\" id=\"name2\" name=\"name2\" required>\n <\/div>\n <div>\n <button type=\"button\" onclick=\"calculateLove()\">Calculate Love<\/button>\n <\/div>\n <div id=\"loveResult\"><\/div>\n\n <script>\n \n function calculateLove() {\n var name1 = document.getElementById(\"name1\").value.trim().toLowerCase();\n var name2 = document.getElementById(\"name2\").value.trim().toLowerCase();\n \n var loveScore = getLoveScore(name1, name2);\n displayLoveResult(loveScore);\n}\n\nfunction getLoveScore(name1, name2) {\n var combinedNames = name1 + name2;\n var loveScore = 0;\n\n for (var i = 0; i < combinedNames.length; i++) {\n loveScore += combinedNames.charCodeAt(i);\n }\n\n loveScore = loveScore % 101;\n return loveScore;\n}\n\nfunction displayLoveResult(loveScore) {\n var loveResultElement = document.getElementById(\"loveResult\");\n\n if (loveScore >= 80) {\n loveResultElement.innerHTML = \"Congratulations! Your love score is \" + loveScore + \"%. You are a perfect match!\";\n } else if (loveScore >= 50) {\n loveResultElement.innerHTML = \"Your love score is \" + loveScore + \"%. You have a good chance of success!\";\n } else {\n loveResultElement.innerHTML = \"Your love score is \" + loveScore + \"%. Sorry, it doesn't look good!\";\n }\n}\n\n \n \n var heartElement = document.getElementById(\"heart\");\nif (loveScore >= 80) {\n heartElement.classList.add(\"full\");\n} else {\n heartElement.classList.remove(\"full\");\n}\n\n \n \n function calculateLove() {\n var name1 = document.getElementById(\"name1\").value.trim().toLowerCase();\n var name2 = document.getElementById(\"name2\").value.trim().toLowerCase();\n var loveScore = getLoveScore(name1, name2);\n document.getElementById(\"loveResult\").innerHTML = \"Your love score is \" + loveScore + \"%!\";\n }\n\n <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Love Calculator Love Calculator Enter Your Name: Enter Your Crush’s Name: Calculate Love<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-83","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sadpoetryhub.com\/index.php?rest_route=\/wp\/v2\/pages\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sadpoetryhub.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sadpoetryhub.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sadpoetryhub.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sadpoetryhub.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=83"}],"version-history":[{"count":0,"href":"https:\/\/sadpoetryhub.com\/index.php?rest_route=\/wp\/v2\/pages\/83\/revisions"}],"wp:attachment":[{"href":"https:\/\/sadpoetryhub.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}