∑{"id":30,"date":"2026-10-15T03:57:05","date_gmt":"2026-10-15T03:57:05","guid":{"rendered":"https:\/\/www.technocommunist.com\/?page_id=30"},"modified":"2026-10-15T04:11:29","modified_gmt":"2026-10-15T04:11:29","slug":"join","status":"publish","type":"page","link":"https:\/\/www.technocommunist.com\/index.php\/join\/","title":{"rendered":"Join"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The best way to join us is to get involved in our Signal chat. There we vote on projects, discuss Marxism, and connect with one another. It is free to join, everyone is welcome to help us overthrow the bourgeoisie! <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can join our Signal chat here:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You may also use the form below to contact us with any questions or with ideas you may have. We can keep correspondence with you via email as well.<\/p>\n\n\n<!-- Clean, Modern Form Container -->\n<div class=\"custom-form-wrapper\">\n  <form id=\"contactForm\">\n    <!-- Web3Forms Access Key -->\n    <input type=\"hidden\" name=\"access_key\" value=\"fd8edaf4-6720-44cf-a4fc-a3abb1ede63f\">\n\n    <div class=\"form-group\">\n      <label for=\"name\">Your Name<\/label>\n      <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"John Doe\" required=\"\">\n    <\/div>\n\n    <div class=\"form-group\">\n      <label for=\"email\">Email Address<\/label>\n      <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"john@example.com\" required=\"\">\n    <\/div>\n\n    <div class=\"form-group\">\n      <label for=\"message\">Message<\/label>\n      <textarea id=\"message\" name=\"message\" rows=\"5\" placeholder=\"How can we help you?\" required=\"\"><\/textarea>\n    <\/div>\n\n    <button type=\"submit\" id=\"submitBtn\">Submit Form<\/button>\n    \n    <!-- Visual Status Notifications -->\n    <div id=\"result\"><\/div>\n  <\/form>\n<\/div>\n\n<!-- Modern CSS Stylesheet -->\n<style>\n  .custom-form-wrapper {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    background: #ffffff;\n    padding: 30px;\n    border-radius: 12px;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n    max-width: 480px;\n    margin: 20px auto;\n    border: 1px solid #eaeaea;\n    box-sizing: border-box;\n  }\n\n  .custom-form-wrapper *, .custom-form-wrapper *:before, .custom-form-wrapper *:after {\n    box-sizing: inherit;\n  }\n\n  .form-group {\n    margin-bottom: 20px;\n    text-align: left;\n  }\n\n  .custom-form-wrapper label {\n    display: block;\n    font-weight: 600;\n    font-size: 14px;\n    color: #333333;\n    margin-bottom: 8px;\n  }\n\n  .custom-form-wrapper input[type=\"text\"],\n  .custom-form-wrapper input[type=\"email\"],\n  .custom-form-wrapper textarea {\n    width: 100%;\n    padding: 12px 14px;\n    font-size: 15px;\n    border: 1px solid #cccccc;\n    border-radius: 6px;\n    background-color: #fafafa;\n    color: #333333;\n    transition: all 0.25s ease;\n  }\n\n  \/* Focus States - Changed glow to Red *\/\n  .custom-form-wrapper input:focus, \n  .custom-form-wrapper textarea:focus {\n    border-color: #e74c3c;\n    background-color: #ffffff;\n    box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.15);\n    outline: none;\n  }\n\n  \/* Submit Button styling - Changed to Red *\/\n  .custom-form-wrapper button[type=\"submit\"] {\n    width: 100%;\n    background-color: #e74c3c;\n    color: #ffffff;\n    padding: 14px;\n    border: none;\n    border-radius: 6px;\n    font-size: 16px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background-color 0.2s ease, transform 0.1s ease;\n  }\n\n  .custom-form-wrapper button[type=\"submit\"]:hover {\n    background-color: #c0392b;\n  }\n\n  .custom-form-wrapper button[type=\"submit\"]:active {\n    transform: scale(0.98);\n  }\n\n  \/* Status Messages Box *\/\n  #result {\n    margin-top: 15px;\n    text-align: center;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 10px;\n    border-radius: 6px;\n    display: none; \n  }\n\n  #result.sending {\n    display: block;\n    background-color: #fef5e7;\n    color: #d35400;\n  }\n\n  #result.success {\n    display: block;\n    background-color: #e8f8f5;\n    color: #117a65;\n  }\n\n  #result.error {\n    display: block;\n    background-color: #fadbd8;\n    color: #922b21;\n  }\n<\/style>\n\n<!-- Safe WordPress JavaScript Wrapper -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const form = document.getElementById('contactForm');\n  const result = document.getElementById('result');\n\n  if (!form) return;\n\n  form.addEventListener('submit', function(e) {\n    e.preventDefault(); \n    \n    result.className = \"sending\";\n    result.innerHTML = \"Processing your message...\";\n\n    const formData = new FormData(form);\n\n    fetch('https:\/\/api.web3forms.com\/submit', {\n        method: 'POST',\n        body: formData\n    })\n    .then(async (response) => {\n        let json = await response.json();\n        if (response.status == 200) {\n            result.className = \"success\";\n            result.innerHTML = \"Thank you! Your message has been sent successfully.\";\n            form.reset(); \n        } else {\n            result.className = \"error\";\n            result.innerHTML = json.message || \"Oops! Something went wrong.\";\n        }\n    })\n    .catch(error => {\n        console.error(error);\n        result.className = \"error\";\n        result.innerHTML = \"Network error. Please try again later.\";\n    });\n  });\n});\n<\/script>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The best way to join us is to get involved in our Signal chat. There we vote on projects, discuss Marxism, and connect with one another. It is free to join, everyone is welcome to help us overthrow the bourgeoisie! You can join our Signal chat here: You may also use the form below to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.technocommunist.com\/index.php\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.technocommunist.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.technocommunist.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.technocommunist.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.technocommunist.com\/index.php\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":3,"href":"https:\/\/www.technocommunist.com\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/www.technocommunist.com\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/www.technocommunist.com\/index.php\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}