{"id":45,"date":"2025-06-05T12:36:42","date_gmt":"2025-06-05T11:36:42","guid":{"rendered":"https:\/\/mary.panel.uwe.ac.uk\/hongkong\/wordpress\/?page_id=45"},"modified":"2025-06-05T12:36:42","modified_gmt":"2025-06-05T11:36:42","slug":"tree-page","status":"publish","type":"page","link":"https:\/\/mary.panel.uwe.ac.uk\/hongkong\/wordpress\/tree-page\/","title":{"rendered":"Tree Page"},"content":{"rendered":"  <header>\r\n    <h1>Bristol Womens Voice<\/h1>\r\n  <\/header>\r\n\r\n  \r\n  <div class=\"backgroundContainer\">\r\n    <img decoding=\"async\" src=\"https:\/\/mary.panel.uwe.ac.uk\/hongkong\/wordpress\/wp-content\/uploads\/2025\/06\/treeTest.png\" alt=\"background image of a tree\">\r\n\r\n    <div class=\"introduction\">\r\n      <p>\r\n        Bristol Women's Voice is a charity working towards making women's equity a reality in Bristol through\r\n        campaigning,\r\n        connecting and celebrating. These messages are inspired by small acts of resistance against the patriarchy\r\n        shared\r\n        from Bristol Women's Voice events. \u201cEvery day we come up against expressions of patriarchal power and gendered\r\n        bias,\r\n        and it's been really inspiring to have conversations about the different ways in which people take steps to\r\n        stand\r\n        against these. Working with people to identify the little things we can do helps us work together to change the\r\n        bigger picture. We hope this project will make people pause, reflect and hopefully inspire positive action in\r\n        whatever way they feel is right for them.\u201d You can submit your own messages at the bottom of the page.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"tree\">\r\n      <div class=\"leaf\" id=\"leaf1\">\r\n        <img decoding=\"async\" src=\"https:\/\/mary.panel.uwe.ac.uk\/hongkong\/wordpress\/wp-content\/uploads\/2025\/06\/2d_leaf.png\" alt=\"vine image\">\r\n      <\/div>\r\n      <div class=\"leaf\" id=\"leaf2\">\r\n        <img decoding=\"async\" src=\"https:\/\/mary.panel.uwe.ac.uk\/hongkong\/wordpress\/wp-content\/uploads\/2025\/06\/2d_leaf.png\" alt=\"vine image\">\r\n      <\/div>\r\n      <div class=\"leaf\" id=\"leaf3\">\r\n        <img decoding=\"async\" src=\"https:\/\/mary.panel.uwe.ac.uk\/hongkong\/wordpress\/wp-content\/uploads\/2025\/06\/2d_leaf.png\" alt=\"vine image\">\r\n      <\/div>\r\n      <div class=\"leaf\" id=\"leaf4\">\r\n        <img decoding=\"async\" src=\"https:\/\/mary.panel.uwe.ac.uk\/hongkong\/wordpress\/wp-content\/uploads\/2025\/06\/2d_leaf.png\" alt=\"vine image\">\r\n      <\/div>\r\n      <div class=\"leaf\" id=\"leaf5\">\r\n        <img decoding=\"async\" src=\"https:\/\/mary.panel.uwe.ac.uk\/hongkong\/wordpress\/wp-content\/uploads\/2025\/06\/2d_leaf.png\" alt=\"vine image\">\r\n      <\/div>\r\n      <div class=\"leaf\" id=\"leaf6\">\r\n        <img decoding=\"async\" src=\"https:\/\/mary.panel.uwe.ac.uk\/hongkong\/wordpress\/wp-content\/uploads\/2025\/06\/2d_leaf.png\" alt=\"vine image\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bwv-display-message-box\">\r\n\t\t\t<p class=\"bwv-display-message-box__text\">Genuinely, what an awesome message<\/p>\r\n\t\t<\/div>\r\n\t\t<div class=\"bwv-display-message-box\">\r\n\t\t\t<p class=\"bwv-display-message-box__text\">I choose to correct people when they assume I took my partners last name. I remind them that I&#039;m not property.<\/p>\r\n\t\t<\/div>\r\n\t\t<div class=\"bwv-display-message-box\">\r\n\t\t\t<p class=\"bwv-display-message-box__text\">A really great message.<\/p>\r\n\t\t<\/div>\r\n\t\t<div class=\"bwv-display-message-box\">\r\n\t\t\t<p class=\"bwv-display-message-box__text\">Amazing work!<\/p>\r\n\t\t<\/div>\r\n\t\t<div class=\"bwv-display-message-box\">\r\n\t\t\t<p class=\"bwv-display-message-box__text\">I don\u2019t wear a bra<\/p>\r\n\t\t<\/div>\r\n\t\t<div class=\"bwv-display-message-box\">\r\n\t\t\t<p class=\"bwv-display-message-box__text\">I started to form a girls football tournament at my school a few days ago<\/p>\r\n\t\t<\/div>\r\n\r\n  <\/div>\n\n\n    <style>\r\n        #msg-input-area {\r\n            text-align: center;\r\n            width: 80vw;\r\n            margin-inline: auto;\r\n        }\r\n\r\n        #bwvMessageForm {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n\r\n            text-align: center;\r\n\r\n            width: 100%;\r\n        }\r\n\r\n        #bwvMessageForm * {\r\n            padding: 0;\r\n            margin: .25rem;\r\n        }\r\n\r\n        #bwvMessageForm button[type=\"submit\"] {\r\n            width: min-content;\r\n            padding: .5rem 2rem;\r\n        }\r\n\r\n        #bwvMessageForm textarea {\r\n            width: 100%;\r\n            min-height: 5rem;\r\n        }\r\n\r\n        #bwvMessageForm #message-counter {\r\n            align-self: flex-end;\r\n            margin-top: 0;\r\n            font-size: .75rem;\r\n        }\r\n    <\/style>\r\n    <div id=\"msg-input-area\">\r\n        <form id=\"bwvMessageForm\">\r\n            <label for=\"message\">Please submit your own message here:<\/label><br\/>\r\n            <textarea\r\n                    id=\"message\"\r\n                    name=\"message\"\r\n                    maxlength=\"140\"\r\n                    required\r\n            ><\/textarea\r\n            ><br\/>\r\n            <p id=\"message-counter\">200\/200<\/p>\r\n            <!-- Visibly hidden honeypot field -->\r\n            <input\r\n                    type=\"text\"\r\n                    name=\"honeypot\"\r\n                    style=\"\r\n            position: absolute;\r\n            width: 1px;\r\n            height: 1px;\r\n            margin: -1px;\r\n            padding: 0;\r\n            border: 0;\r\n            clip: rect(0 0 0 0);\r\n            clip-path: inset(50%);\r\n            overflow: hidden;\r\n        }\"\r\n            \/>\r\n\r\n            <button type=\"submit\">Submit<\/button>\r\n        <\/form>\r\n    <\/div>\r\n    <script>\r\n        const textAreaMsg = document.querySelector('textarea#message');\r\n        const textAreaMsgCounter = document.querySelector('p#message-counter');\r\n\r\n        textAreaMsgCounter.innerText = `Characters: ${textAreaMsg.value.length} \/ ${textAreaMsg.maxLength}`;\r\n\r\n        textAreaMsg.addEventListener('selectionchange', function () {\r\n            textAreaMsgCounter.innerText = `Characters: ${textAreaMsg.value.length} \/ ${textAreaMsg.maxLength}`;\r\n        });\r\n\r\n        document.getElementById('bwvMessageForm').addEventListener('submit', function (e) {\r\n            e.preventDefault();\r\n\r\n            const message = document.querySelector('textarea#message').value;\r\n            const honeypot = document.querySelector('[name=\"honeypot\"]').value;\r\n\r\n            if (!message.trim()) {\r\n                return;\r\n            }\r\n\r\n            \/\/ If honeypot is filled, assume it's a bot submission\r\n            if (honeypot) {\r\n                document.getElementById('msg-input-area').innerText = \"Spam detected!\";\r\n                return;\r\n            }\r\n\r\n            const data = {'message': message, 'honeypot': honeypot};\r\n\r\n            fetch('https:\/\/mary.panel.uwe.ac.uk\/hongkong\/wordpress\/wp-json\/bwv\/v1\/submit', {\r\n                method: 'POST',\r\n                headers: {'Content-Type': 'application\/json'},\r\n                body: JSON.stringify(data)\r\n            })\r\n                .then(response => response.json())\r\n                .then(data => {\r\n                    if (data.success) {\r\n                        document.getElementById('msg-input-area').innerText = \"Your message was submitted successfully!\";\r\n                    } else {\r\n                        document.getElementById('msg-input-area').innerText = \"Something went wrong, please try again.\";\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    document.getElementById('msg-input-area').innerText = \"There was an error: \" + error.message;\r\n                });\r\n        });\r\n    <\/script>\r\n    ","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mary.panel.uwe.ac.uk\/hongkong\/wordpress\/wp-json\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mary.panel.uwe.ac.uk\/hongkong\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mary.panel.uwe.ac.uk\/hongkong\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mary.panel.uwe.ac.uk\/hongkong\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mary.panel.uwe.ac.uk\/hongkong\/wordpress\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":1,"href":"https:\/\/mary.panel.uwe.ac.uk\/hongkong\/wordpress\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/mary.panel.uwe.ac.uk\/hongkong\/wordpress\/wp-json\/wp\/v2\/pages\/45\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/mary.panel.uwe.ac.uk\/hongkong\/wordpress\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}