{"id":5883,"date":"2024-07-14T20:10:17","date_gmt":"2024-07-14T12:10:17","guid":{"rendered":"https:\/\/www.YinYangBalance.asia\/blog\/?p=5883"},"modified":"2024-07-15T00:15:29","modified_gmt":"2024-07-14T16:15:29","slug":"our-team","status":"publish","type":"post","link":"https:\/\/www.yinyangbalance.asia\/blog\/our-team\/5883\/","title":{"rendered":"Our Team"},"content":{"rendered":"\n    \n    <div class='SearchByTag-popup l_google_search=1\";'  onmouseover = 'popup_mouseenter();'  onmouseout = 'popup_mouseleave();'>\n        <div class='SearchByTag-popup-top'><\/div>\n        <div class='SearchByTag-popup-content'>\n            <ul>\n                                <li ><a class=\"sbt-google-search\" href=\"http:\/\/www.google.com?cx=partner-pub-9761369273396159:6077738498&ie=UTF-8&q=1\" target=\"_blank\">Search TagX on Google<\/a><\/li>\n                                                <li ><a class=\"sbt-wp-search\" href=\"1\" target=\"_blank\">View all posts tagged as Tagx<\/a><\/li>\n                                                <li class=\"last\"> <a class=\"sbt-wiki-search\" href=\"http:\/\/en.wikipedia.org\/wiki\/1\" target=\"_blank\">Find TagX related info in WikiPedia<\/a><\/li>\n                            <\/ul>    \n        <\/div>\n        <div class='SearchByTag-popup-bottom'><\/div>\n    <\/div>\n<script type='text\/javascript'> var l_height = 3*43+46; jQuery(document).ready(function(){ie7_css_correct();});<\/script>\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Meet Our Team<\/title>\n    <style>\n        \/* Example custom fonts and colors *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap');\n\n        body {\n            font-family: 'Roboto', sans-serif;\n            background-color: #f5f5f5;\n            color: #333;\n            margin: 0;\n            padding: 20px;\n            background-color: #e0f7fa; \/* Light cyan background *\/\n        }\n        .team-member {\n            background-color: #ffffff;\n            border-radius: 10px;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n            margin-bottom: 20px;\n            padding: 20px;\n            text-align: center;\n            border-left: 5px solid #0288d1; \/* Blue accent border *\/\n        }\n        .team-member img {\n            border-radius: 50%;\n            width: 150px;\n            height: 150px;\n            object-fit: cover;\n        }\n        .team-member h2 {\n            margin-top: 10px;\n            font-size: 24px;\n            color: #0288d1; \/* Blue heading *\/\n        }\n        .team-member p {\n            font-size: 16px;\n            margin: 10px 0;\n            color: #757575; \/* Gray text *\/\n        }\n        .buttons {\n            display: flex;\n            justify-content: center;\n            gap: 10px;\n            margin-top: 20px;\n        }\n        .buttons button {\n            background-color: #0288d1; \/* Blue button *\/\n            border: none;\n            color: white;\n            padding: 10px 20px;\n            text-align: center;\n            text-decoration: none;\n            display: inline-block;\n            font-size: 16px;\n            border-radius: 5px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n        }\n        .buttons button:hover {\n            background-color: #02669b; \/* Darker blue on hover *\/\n        }\n        .element-content {\n            display: none;\n            text-align: left;\n            margin-top: 20px;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<section class=\"team-member\">\n    <img decoding=\"async\" src=\"photo_url_of_member_1\" alt=\"Member 1 Photo\">\n    <h2>John Doe<\/h2>\n    <p>Position: Senior Researcher<\/p>\n    <p>Department: Cognitive Science<\/p>\n    <div class=\"buttons\">\n        <button onclick=\"toggleContent('background1')\">Background (Water)<\/button>\n        <button onclick=\"toggleContent('inspiration1')\">Inspirations (Wood)<\/button>\n        <button onclick=\"toggleContent('passion1')\">Passion (Fire)<\/button>\n        <button onclick=\"toggleContent('responsibility1')\">Responsibility (Earth)<\/button>\n        <button onclick=\"toggleContent('influence1')\">Influence (Metal)<\/button>\n    <\/div>\n    <div id=\"background1\" class=\"element-content\">\n        <h3>Background (Water)<\/h3>\n        <p>John has a PhD in Neuroscience from XYZ University&#8230;<\/p>\n    <\/div>\n    <div id=\"inspiration1\" class=\"element-content\">\n        <h3>Inspirations (Wood)<\/h3>\n        <p>John draws inspiration from nature and the complexity of human behavior&#8230;<\/p>\n    <\/div>\n    <div id=\"passion1\" class=\"element-content\">\n        <h3>Passion (Fire)<\/h3>\n        <p>John is passionate about understanding the neural mechanisms&#8230;<\/p>\n    <\/div>\n    <div id=\"responsibility1\" class=\"element-content\">\n        <h3>Responsibility (Earth)<\/h3>\n        <p>John is committed to mentoring young researchers and contributing to the scientific community&#8230;<\/p>\n    <\/div>\n    <div id=\"influence1\" class=\"element-content\">\n        <h3>Influence (Metal)<\/h3>\n        <p>John&#8217;s work has significantly influenced the field of cognitive neuroscience&#8230;<\/p>\n    <\/div>\n<\/section>\n\n<!-- Repeat the above section for each team member -->\n\n<script>\n    function toggleContent(id) {\n        var element = document.getElementById(id);\n        if (element.style.display === \"none\" || element.style.display === \"\") {\n            element.style.display = \"block\";\n        } else {\n            element.style.display = \"none\";\n        }\n    }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Meet Our Team John Doe Position: Senior Researcher Department: Cognitive Science Background (Water) Inspirations (Wood) Passion (Fire) Responsibility (Earth) Influence&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5883","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.yinyangbalance.asia\/blog\/wp-json\/wp\/v2\/posts\/5883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yinyangbalance.asia\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yinyangbalance.asia\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yinyangbalance.asia\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yinyangbalance.asia\/blog\/wp-json\/wp\/v2\/comments?post=5883"}],"version-history":[{"count":4,"href":"https:\/\/www.yinyangbalance.asia\/blog\/wp-json\/wp\/v2\/posts\/5883\/revisions"}],"predecessor-version":[{"id":5887,"href":"https:\/\/www.yinyangbalance.asia\/blog\/wp-json\/wp\/v2\/posts\/5883\/revisions\/5887"}],"wp:attachment":[{"href":"https:\/\/www.yinyangbalance.asia\/blog\/wp-json\/wp\/v2\/media?parent=5883"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yinyangbalance.asia\/blog\/wp-json\/wp\/v2\/categories?post=5883"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yinyangbalance.asia\/blog\/wp-json\/wp\/v2\/tags?post=5883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}