{"id":1263,"date":"2025-12-13T18:32:35","date_gmt":"2025-12-13T18:32:35","guid":{"rendered":"https:\/\/yarima.org\/?page_id=1263"},"modified":"2025-12-15T23:10:19","modified_gmt":"2025-12-15T23:10:19","slug":"nutrients-2","status":"publish","type":"page","link":"https:\/\/yarima.org\/?page_id=1263","title":{"rendered":"Nutrients"},"content":{"rendered":"\n<!doctype html>\n<html lang=\"en\" class=\"h-full\">\n <head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Yarima Nutrients Explorer<\/title>\n  <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n  <style>\n    body {\n      box-sizing: border-box;\n    }\n    \n    .nutrients-wrapper {\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    }\n    \n    .nutrient-card {\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      cursor: pointer;\n      position: relative;\n      overflow: hidden;\n      display: block;\n    }\n    \n    .nutrient-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .nutrient-card:hover::before {\n      opacity: 1;\n    }\n    \n    .nutrient-card:hover {\n      transform: translateY(-8px) scale(1.02);\n      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);\n    }\n    \n    .nutrient-icon {\n      font-size: 48px;\n      display: inline-block;\n      transition: transform 0.3s ease;\n      animation: float 3s ease-in-out infinite;\n    }\n    \n    @keyframes float {\n      0%, 100% { transform: translateY(0px); }\n      50% { transform: translateY(-8px); }\n    }\n    \n    .nutrient-card:hover .nutrient-icon {\n      transform: scale(1.15) rotate(5deg);\n      animation: none;\n    }\n    \n    .finder-card {\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .finder-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n      transition: left 0.6s ease;\n    }\n    \n    .finder-card:hover::before {\n      left: 100%;\n    }\n    \n    .pulse-icon {\n      animation: pulse 2s ease-in-out infinite;\n    }\n    \n    @keyframes pulse {\n      0%, 100% { transform: scale(1); opacity: 1; }\n      50% { transform: scale(1.1); opacity: 0.8; }\n    }\n  <\/style>\n  <style>@view-transition { navigation: auto; }<\/style>\n  <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body class=\"h-full overflow-auto\">\n  <div class=\"nutrients-wrapper w-full h-full\" style=\"background-color: #ffffff;\">\n\n\n<!-- Header -->\n    <header class=\"w-full py-8 px-6\" style=\"background: linear-gradient(135deg, #0085ff 0%, #0066cc 100%); box-shadow: 0 4px 12px rgba(0, 133, 255, 0.2);\">\n     <div class=\"max-w-7xl mx-auto\">\n      <h1 class=\"text-4xl font-bold text-center\" style=\"color: #ffffff;\">Nutrients<\/h1>\n     <\/div>\n    <\/header>\n\n   <div class=\"w-full h-full overflow-auto\">\n    <main class=\"max-w-7xl mx-auto px-6 py-12\">\n\n<!-- Nutrients Grid -->\n<p> <br> <\/p>\n     <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n\n<!-- Vitamins --> <a href=\"https:\/\/yarima.org\/?page_id=162\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"nutrient-card p-6 rounded-2xl text-center\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); text-decoration: none;\">\n       <div class=\"nutrient-icon\">\n        \ud83d\udc8a\n       <\/div><h3 id=\"vitamins-title\" class=\"text-2xl font-bold mt-3 mb-2\" style=\"color: #ffffff;\">Vitamins<\/h3><p class=\"text-sm\" style=\"color: rgba(255,255,255,0.9);\">Essential organic compounds<\/p><\/a> \n\n<!-- Minerals --> <a href=\"https:\/\/yarima.org\/?page_id=177\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"nutrient-card p-6 rounded-2xl text-center\" style=\"background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); text-decoration: none;\">\n       <div class=\"nutrient-icon\">\n        \u26a1\n       <\/div><h3 id=\"minerals-title\" class=\"text-2xl font-bold mt-3 mb-2\" style=\"color: #ffffff;\">Minerals<\/h3><p class=\"text-sm\" style=\"color: rgba(255,255,255,0.9);\">Vital inorganic elements<\/p><\/a> \n\n<!-- Carbohydrates --> <a href=\"https:\/\/yarima.org\/?page_id=185\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"nutrient-card p-6 rounded-2xl text-center\" style=\"background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); text-decoration: none;\">\n       <div class=\"nutrient-icon\">\n        \ud83c\udf3e\n       <\/div><h3 id=\"carbs-title\" class=\"text-2xl font-bold mt-3 mb-2\" style=\"color: #ffffff;\">Carbohydrates<\/h3><p class=\"text-sm\" style=\"color: rgba(255,255,255,0.9);\">Primary energy source<\/p><\/a> \n\n <!-- Fats --> <a href=\"https:\/\/yarima.org\/?page_id=189\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"nutrient-card p-6 rounded-2xl text-center\" style=\"background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); text-decoration: none;\">\n       <div class=\"nutrient-icon\">\n        \ud83e\udd51\n       <\/div><h3 id=\"fats-title\" class=\"text-2xl font-bold mt-3 mb-2\" style=\"color: #ffffff;\">Fats<\/h3><p class=\"text-sm\" style=\"color: rgba(255,255,255,0.9);\">Essential fatty acids<\/p><\/a> \n\n<!-- Protein --> <a href=\"https:\/\/yarima.org\/?page_id=181\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"nutrient-card p-6 rounded-2xl text-center\" style=\"background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); text-decoration: none;\">\n       <div class=\"nutrient-icon\">\n        \ud83e\udd69\n       <\/div><h3 id=\"protein-title\" class=\"text-2xl font-bold mt-3 mb-2\" style=\"color: #ffffff;\">Protein<\/h3><p class=\"text-sm\" style=\"color: rgba(255,255,255,0.9);\">Building blocks of life<\/p><\/a> \n\n<!-- Water --> <a href=\"https:\/\/yarima.org\/?page_id=193\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"nutrient-card p-6 rounded-2xl text-center\" style=\"background: linear-gradient(135deg, #0085ff 0%, #0066cc 100%); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); text-decoration: none;\">\n       <div class=\"nutrient-icon\">\n        \ud83d\udca7\n       <\/div><h3 id=\"water-title\" class=\"text-2xl font-bold mt-3 mb-2\" style=\"color: #ffffff;\">Water<\/h3><p class=\"text-sm\" style=\"color: rgba(255,255,255,0.9);\">Foundation of hydration<\/p><\/a>\n\n<!-- Nutrients Finder --> <a href=\"https:\/\/yarima.org\/?page_id=836\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"nutrient-card finder-card p-6 rounded-2xl text-center\" style=\"background: linear-gradient(135deg, #366532 0%, #2a4f26 100%); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); text-decoration: none;\">\n       <div class=\"nutrient-icon pulse-icon\">\n        \ud83d\udd0d\n       <\/div><h3 id=\"finder-title\" class=\"text-2xl font-bold mt-3 mb-2\" style=\"color: #ffffff;\">Nutrients Finder<\/h3><p class=\"text-sm\" style=\"color: rgba(255,255,255,0.9);\">Search our database<\/p><\/a>\n\n\n     <\/div>\n    <\/main>\n   <\/div>\n  <\/div>\n  <script>\n    const defaultConfig = {\n      vitamins_title: \"Vitamins\",\n      minerals_title: \"Minerals\",\n      carbs_title: \"Carbohydrates\",\n      fats_title: \"Fats\",\n      protein_title: \"Protein\",\n      water_title: \"Water\",\n      finder_title: \"Nutrients Finder\",\n      background_color: \"#ffffff\",\n      surface_color: \"#f8f9fa\",\n      text_color: \"#366532\",\n      primary_action_color: \"#0085ff\",\n      secondary_action_color: \"#366532\",\n      font_family: \"Inter\",\n      font_size: 16\n    };\n\n    async function onConfigChange(config) {\n      const baseSize = config.font_size || defaultConfig.font_size;\n      const customFont = config.font_family || defaultConfig.font_family;\n      const baseFontStack = 'Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif';\n\n      document.getElementById('vitamins-title').textContent = config.vitamins_title || defaultConfig.vitamins_title;\n      document.getElementById('minerals-title').textContent = config.minerals_title || defaultConfig.minerals_title;\n      document.getElementById('carbs-title').textContent = config.carbs_title || defaultConfig.carbs_title;\n      document.getElementById('fats-title').textContent = config.fats_title || defaultConfig.fats_title;\n      document.getElementById('protein-title').textContent = config.protein_title || defaultConfig.protein_title;\n      document.getElementById('water-title').textContent = config.water_title || defaultConfig.water_title;\n      document.getElementById('finder-title').textContent = config.finder_title || defaultConfig.finder_title;\n\n      const wrapper = document.querySelector('.nutrients-wrapper');\n      wrapper.style.backgroundColor = config.background_color || defaultConfig.background_color;\n\n      document.querySelectorAll('.nutrient-card h3').forEach(heading => {\n        heading.style.fontFamily = `${customFont}, ${baseFontStack}`;\n        heading.style.fontSize = `${baseSize * 1.5}px`;\n      });\n    }\n\n    if (window.elementSdk) {\n      window.elementSdk.init({\n        defaultConfig: defaultConfig,\n        onConfigChange: onConfigChange,\n        mapToCapabilities: (config) => ({\n          recolorables: [\n            {\n              get: () => config.background_color || defaultConfig.background_color,\n              set: (value) => {\n                config.background_color = value;\n                window.elementSdk.setConfig({ background_color: value });\n              }\n            },\n            {\n              get: () => config.surface_color || defaultConfig.surface_color,\n              set: (value) => {\n                config.surface_color = value;\n                window.elementSdk.setConfig({ surface_color: value });\n              }\n            },\n            {\n              get: () => config.text_color || defaultConfig.text_color,\n              set: (value) => {\n                config.text_color = value;\n                window.elementSdk.setConfig({ text_color: value });\n              }\n            },\n            {\n              get: () => config.primary_action_color || defaultConfig.primary_action_color,\n              set: (value) => {\n                config.primary_action_color = value;\n                window.elementSdk.setConfig({ primary_action_color: value });\n              }\n            },\n            {\n              get: () => config.secondary_action_color || defaultConfig.secondary_action_color,\n              set: (value) => {\n                config.secondary_action_color = value;\n                window.elementSdk.setConfig({ secondary_action_color: value });\n              }\n            }\n          ],\n          borderables: [],\n          fontEditable: {\n            get: () => config.font_family || defaultConfig.font_family,\n            set: (value) => {\n              config.font_family = value;\n              window.elementSdk.setConfig({ font_family: value });\n            }\n          },\n          fontSizeable: {\n            get: () => config.font_size || defaultConfig.font_size,\n            set: (value) => {\n              config.font_size = value;\n              window.elementSdk.setConfig({ font_size: value });\n            }\n          }\n        }),\n        mapToEditPanelValues: (config) => new Map([\n          [\"vitamins_title\", config.vitamins_title || defaultConfig.vitamins_title],\n          [\"minerals_title\", config.minerals_title || defaultConfig.minerals_title],\n          [\"carbs_title\", config.carbs_title || defaultConfig.carbs_title],\n          [\"fats_title\", config.fats_title || defaultConfig.fats_title],\n          [\"protein_title\", config.protein_title || defaultConfig.protein_title],\n          [\"water_title\", config.water_title || defaultConfig.water_title],\n          [\"finder_title\", config.finder_title || defaultConfig.finder_title]\n        ])\n      });\n    }\n  <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ad7610262761b61',t:'MTc2NTY0OTAxNC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\n\n\n<p class=\"has-fourground-color has-text-color has-link-color wp-elements-5b4444bc49acfe6bcf28fabea2397587\">klnnm,<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Yarima Nutrients Explorer Nutrients \ud83d\udc8a Vitamins Essential organic compounds \u26a1 Minerals Vital inorganic elements \ud83c\udf3e Carbohydrates Primary energy source \ud83e\udd51 Fats Essential fatty acids \ud83e\udd69 Protein Building blocks of life \ud83d\udca7 Water Foundation of hydration \ud83d\udd0d Nutrients Finder Search our database klnnm,<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width","meta":{"footnotes":""},"class_list":["post-1263","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yarima.org\/index.php?rest_route=\/wp\/v2\/pages\/1263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yarima.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yarima.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yarima.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yarima.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1263"}],"version-history":[{"count":5,"href":"https:\/\/yarima.org\/index.php?rest_route=\/wp\/v2\/pages\/1263\/revisions"}],"predecessor-version":[{"id":1334,"href":"https:\/\/yarima.org\/index.php?rest_route=\/wp\/v2\/pages\/1263\/revisions\/1334"}],"wp:attachment":[{"href":"https:\/\/yarima.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}