{"id":7,"date":"2025-03-02T08:55:50","date_gmt":"2025-03-02T08:55:50","guid":{"rendered":"https:\/\/similac.whiteweb.co.il\/?page_id=7"},"modified":"2025-03-04T12:56:21","modified_gmt":"2025-03-04T12:56:21","slug":"7-2","status":"publish","type":"page","link":"https:\/\/similac.whiteweb.co.il\/?page_id=7","title":{"rendered":"\u05e0\u05d9\u05e1\u05d5\u05d9 \u05de\u05d7\u05e9\u05d1\u05d5\u05df \u05e6\u05d1\u05e2 \u05e2\u05d9\u05e0\u05d9\u05d9\u05dd"},"content":{"rendered":"<div class=\"eye-color-calculator-container\" dir=\"\">\n    <!-- New header section -->\n    <div class=\"eye-color-calculator-header\">\n        <h1>\u05de\u05d7\u05e9\u05d1\u05d5\u05df \u05e6\u05d1\u05e2 \u05e2\u05d9\u05e0\u05d9\u05d9\u05dd<\/h1>\n    <\/div>\n    \n    <div class=\"calculator-content\">\n        <div class=\"eye-color-calculator-card\">\n            <div class=\"form-grid parents-grid\">\n                <div class=\"form-section parents-section\">\n                    <h2>\u05d4\u05d5\u05e8\u05d9\u05dd<\/h2>\n                    <div class=\"form-group\">\n                        <label for=\"father\">\u05e6\u05d1\u05e2 \u05e2\u05d9\u05e0\u05d9\u05d9\u05dd \u05d0\u05d1\u05d0<\/label>\n                        <select id=\"father\" class=\"eye-color-select\">\n                            <option value=\"\"><\/option>\n                            <option value=\"Brown\">\u05d7\u05d5\u05dd<\/option>\n                            <option value=\"Blue\">\u05db\u05d7\u05d5\u05dc<\/option>\n                            <option value=\"Green\">\u05d9\u05e8\u05d5\u05e7<\/option>\n                            <option value=\"Hazel\">\u05e9\u05e7\u05d3<\/option>\n                            <option value=\"Gray\">\u05d0\u05e4\u05d5\u05e8<\/option>\n                            <option value=\"Amber\">\u05e2\u05e0\u05d1\u05e8<\/option>\n                        <\/select>\n                        <!-- Eye icon for father placed inside at the end of field -->\n                        <div class=\"eye-icon-container\" style=\"position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 35px; height: 35px;\">\n                            <svg class=\"eye-icon-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"35\" height=\"35\" style=\"width: 35px; height: 35px;\">\n                                <path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\" fill=\"#1E4B7A\"\/>\n                                <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#F4B233\"\/>\n                                <circle cx=\"10.5\" cy=\"10.5\" r=\"1\" fill=\"#FFFFFF\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"mother\">\u05e6\u05d1\u05e2 \u05e2\u05d9\u05e0\u05d9\u05d9\u05dd \u05d0\u05de\u05d0<\/label>\n                        <select id=\"mother\" class=\"eye-color-select\">\n                            <option value=\"\"><\/option>\n                            <option value=\"Brown\">\u05d7\u05d5\u05dd<\/option>\n                            <option value=\"Blue\">\u05db\u05d7\u05d5\u05dc<\/option>\n                            <option value=\"Green\">\u05d9\u05e8\u05d5\u05e7<\/option>\n                            <option value=\"Hazel\">\u05e9\u05e7\u05d3<\/option>\n                            <option value=\"Gray\">\u05d0\u05e4\u05d5\u05e8<\/option>\n                            <option value=\"Amber\">\u05e2\u05e0\u05d1\u05e8<\/option>\n                        <\/select>\n                        <!-- Eye icon for mother placed inside at the end of field -->\n                        <div class=\"eye-icon-container\" style=\"position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 35px; height: 35px;\">\n                            <svg class=\"eye-icon-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"35\" height=\"35\" style=\"width: 35px; height: 35px;\">\n                                <path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\" fill=\"#1E4B7A\"\/>\n                                <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#F4B233\"\/>\n                                <circle cx=\"10.5\" cy=\"10.5\" r=\"1\" fill=\"#FFFFFF\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <h2 class=\"grandparents-main-heading\">\u05e1\u05d1\u05d0 \u05d5\u05e1\u05d1\u05ea\u05d0<\/h2>\n            \n            <div class=\"form-grid grandparents-grid\">\n                <div class=\"form-section paternal-grandparents-section\">\n                    <!-- Added paternal side label -->\n                    <span class=\"family-side-label\">\u05de\u05d4\u05e6\u05d3 \u05e9\u05dc \u05d0\u05d1\u05d0<\/span>\n                    <h3 class=\"side-heading\"><\/h3>\n                    <div class=\"form-group\">\n                        <label for=\"paternalGrandfather\"><\/label>\n                        <select id=\"paternalGrandfather\" class=\"eye-color-select\">\n                            <option value=\"\"><\/option>\n                            <option value=\"Brown\">\u05d7\u05d5\u05dd<\/option>\n                            <option value=\"Blue\">\u05db\u05d7\u05d5\u05dc<\/option>\n                            <option value=\"Green\">\u05d9\u05e8\u05d5\u05e7<\/option>\n                            <option value=\"Hazel\">\u05e9\u05e7\u05d3<\/option>\n                            <option value=\"Gray\">\u05d0\u05e4\u05d5\u05e8<\/option>\n                            <option value=\"Amber\">\u05e2\u05e0\u05d1\u05e8<\/option>\n                        <\/select>\n                        <!-- Eye icon for paternal grandfather placed inside at the end of field -->\n                        <div class=\"eye-icon-container\" style=\"position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 35px; height: 35px;\">\n                            <svg class=\"eye-icon-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"35\" height=\"35\" style=\"width: 35px; height: 35px;\">\n                                <path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\" fill=\"#1E4B7A\"\/>\n                                <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#F4B233\"\/>\n                                <circle cx=\"10.5\" cy=\"10.5\" r=\"1\" fill=\"#FFFFFF\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"paternalGrandmother\"><\/label>\n                        <select id=\"paternalGrandmother\" class=\"eye-color-select\">\n                            <option value=\"\"><\/option>\n                            <option value=\"Brown\">\u05d7\u05d5\u05dd<\/option>\n                            <option value=\"Blue\">\u05db\u05d7\u05d5\u05dc<\/option>\n                            <option value=\"Green\">\u05d9\u05e8\u05d5\u05e7<\/option>\n                            <option value=\"Hazel\">\u05e9\u05e7\u05d3<\/option>\n                            <option value=\"Gray\">\u05d0\u05e4\u05d5\u05e8<\/option>\n                            <option value=\"Amber\">\u05e2\u05e0\u05d1\u05e8<\/option>\n                        <\/select>\n                        <!-- Eye icon for paternal grandmother placed inside at the end of field -->\n                        <div class=\"eye-icon-container\" style=\"position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 35px; height: 35px;\">\n                            <svg class=\"eye-icon-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"35\" height=\"35\" style=\"width: 35px; height: 35px;\">\n                                <path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\" fill=\"#1E4B7A\"\/>\n                                <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#F4B233\"\/>\n                                <circle cx=\"10.5\" cy=\"10.5\" r=\"1\" fill=\"#FFFFFF\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-section maternal-grandparents-section\">\n                    <!-- Added maternal side label -->\n                    <span class=\"family-side-label\">\u05de\u05d4\u05e6\u05d3 \u05e9\u05dc \u05d0\u05de\u05d0<\/span>\n                    <h3 class=\"side-heading\"><\/h3>\n                    <div class=\"form-group\">\n                        <label for=\"maternalGrandfather\"><\/label>\n                        <select id=\"maternalGrandfather\" class=\"eye-color-select\">\n                            <option value=\"\"><\/option>\n                            <option value=\"Brown\">\u05d7\u05d5\u05dd<\/option>\n                            <option value=\"Blue\">\u05db\u05d7\u05d5\u05dc<\/option>\n                            <option value=\"Green\">\u05d9\u05e8\u05d5\u05e7<\/option>\n                            <option value=\"Hazel\">\u05e9\u05e7\u05d3<\/option>\n                            <option value=\"Gray\">\u05d0\u05e4\u05d5\u05e8<\/option>\n                            <option value=\"Amber\">\u05e2\u05e0\u05d1\u05e8<\/option>\n                        <\/select>\n                        <!-- Eye icon for maternal grandfather placed inside at the end of field -->\n                        <div class=\"eye-icon-container\" style=\"position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 35px; height: 35px;\">\n                            <svg class=\"eye-icon-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"35\" height=\"35\" style=\"width: 35px; height: 35px;\">\n                                <path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\" fill=\"#1E4B7A\"\/>\n                                <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#F4B233\"\/>\n                                <circle cx=\"10.5\" cy=\"10.5\" r=\"1\" fill=\"#FFFFFF\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"maternalGrandmother\"><\/label>\n                        <select id=\"maternalGrandmother\" class=\"eye-color-select\">\n                            <option value=\"\"><\/option>\n                            <option value=\"Brown\">\u05d7\u05d5\u05dd<\/option>\n                            <option value=\"Blue\">\u05db\u05d7\u05d5\u05dc<\/option>\n                            <option value=\"Green\">\u05d9\u05e8\u05d5\u05e7<\/option>\n                            <option value=\"Hazel\">\u05e9\u05e7\u05d3<\/option>\n                            <option value=\"Gray\">\u05d0\u05e4\u05d5\u05e8<\/option>\n                            <option value=\"Amber\">\u05e2\u05e0\u05d1\u05e8<\/option>\n                        <\/select>\n                        <!-- Eye icon for maternal grandmother placed inside at the end of field -->\n                        <div class=\"eye-icon-container\" style=\"position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 35px; height: 35px;\">\n                            <svg class=\"eye-icon-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"35\" height=\"35\" style=\"width: 35px; height: 35px;\">\n                                <path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\" fill=\"#1E4B7A\"\/>\n                                <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#F4B233\"\/>\n                                <circle cx=\"10.5\" cy=\"10.5\" r=\"1\" fill=\"#FFFFFF\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"chart-container\">\n                <canvas id=\"probabilityChart\"><\/canvas>\n            <\/div>\n\n            <div class=\"results\" id=\"results\">\n                <h3><\/h3>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/similac.whiteweb.co.il\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/similac.whiteweb.co.il\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/similac.whiteweb.co.il\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/similac.whiteweb.co.il\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/similac.whiteweb.co.il\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":4,"href":"https:\/\/similac.whiteweb.co.il\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/similac.whiteweb.co.il\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/similac.whiteweb.co.il\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}