{"id":2761,"date":"2024-05-20T15:36:39","date_gmt":"2024-05-20T15:36:39","guid":{"rendered":"https:\/\/kiyu.dev\/?post_type=portfolio&#038;p=2761"},"modified":"2024-05-20T15:43:33","modified_gmt":"2024-05-20T15:43:33","slug":"bokuto-discord-bot","status":"publish","type":"portfolio","link":"https:\/\/kiyu.dev\/?portfolio=bokuto-discord-bot","title":{"rendered":"Bokuto &#8211; Discord Bot"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2761\" class=\"elementor elementor-2761\" data-elementor-post-type=\"portfolio\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a6d8c74 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a6d8c74\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-728c42f\" data-id=\"728c42f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-cfda303 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cfda303\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-062e3b7\" data-id=\"062e3b7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a68eced elementor-widget elementor-widget-luique-section-heading\" data-id=\"a68eced\" data-element_type=\"widget\" data-widget_type=\"luique-section-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n\t\t<!-- Section Heading -->\n\t\t\t\t<div class=\"m-titles\">\n\t\t\t\t\t\t<h2 class=\"m-title splitting-text-anim-1 scroll-animate\" data-splitting=\"words\" data-animate=\"active\">\n\t\t\t\t<span >\n\t\t\t\t\tBokuto - discord bot\t\t\t\t<\/span>\n\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t<div class=\"m-subtitle splitting-text-anim-1 scroll-animate\" data-splitting=\"words\" data-animate=\"active\">\n\t\t\t\t<span >\n\t\t\t\t\tWriting &amp; Editing, Past Projects\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3803c20 elementor-widget elementor-widget-luique-project-details\" data-id=\"3803c20\" data-element_type=\"widget\" data-widget_type=\"luique-project-details.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n\t\t<!-- Details -->\n\t\t<div class=\"m-details\">\n\t\t\t\t\t\t\t\t\t<div class=\"details-label\">\n\t\t\t\t\t\t\t\t\t\t\t\t<strong><span >\n\t\t\t\t\t<b>2019 - 2021<\/b>\t\t\t\t<\/span><\/strong>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1e23e8 elementor-widget elementor-widget-spacer\" data-id=\"b1e23e8\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 08-05-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3d41391 elementor-section-full_width section-bg elementor-section-height-default elementor-section-height-default\" data-id=\"3d41391\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dbb90b5\" data-id=\"dbb90b5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-adb64e9 elementor-widget elementor-widget-luique-large-image\" data-id=\"adb64e9\" data-element_type=\"widget\" data-widget_type=\"luique-large-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n\t\t\t\t<!-- Image Large -->\n\t\t<div class=\"m-image-large\">\n\t\t\t<div class=\"image\">\n\t\t\t\t<div class=\"img js-parallax lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(https:\/\/kiyu.dev\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-19-at-06.01.24.png)\"><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-10b1d69 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"10b1d69\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6771f1d\" data-id=\"6771f1d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-8a8435f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8a8435f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-custom\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-25a3e59\" data-id=\"25a3e59\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0cf2394 elementor-widget elementor-widget-heading\" data-id=\"0cf2394\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 08-05-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h4 class=\"elementor-heading-title elementor-size-default\">About this...<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-dade661 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dade661\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-custom\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-f92d8b5\" data-id=\"f92d8b5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9fcfbe7 elementor-widget elementor-widget-html\" data-id=\"9fcfbe7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 style=\"position: relative; display: inline-block; max-width: 60%; padding: 10px; margin: 10px 0; border-radius: 15px; background: #f8b9c1; color: #333; text-align: justify; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); word-wrap: break-word;\">Originally, <a href=\"https:\/\/x.com\/helpmonmon\" target=\"_blank\" style=\"color: black; text-decoration: none;\" onmouseover=\"this.style.color='lightgrey';\" onmouseout=\"this.style.color='black';\">Jacob<\/a> created Bokuto as a gift for me, and it did very basic stuff. \n    <span style=\"position: absolute; top: 15px; left: -20px; width: 0; height: 0; border: 10px solid transparent; border-right-color: #f8b9c1;\"><\/span>\n<\/h5><br>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3a8234 elementor-widget elementor-widget-html\" data-id=\"d3a8234\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 style=\"position: relative; display: inline-block; max-width: 60%; padding: 10px; margin: 10px 0; border-radius: 15px; background: #f8b9c1; color: #333; text-align: justify; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); word-wrap: break-word;\">\n      <img decoding=\"async\" data-src=\"https:\/\/kiyu.dev\/wp-content\/uploads\/2024\/05\/image0-1.webp\" alt=\"Screenshot\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 523px; --smush-placeholder-aspect-ratio: 523\/523;\"><noscript><img decoding=\"async\" src=\"https:\/\/kiyu.dev\/wp-content\/uploads\/2024\/05\/image0-1.webp\" alt=\"Screenshot\"><\/noscript>\n    <span style=\"position: absolute; top: 15px; left: -20px; width: 0; height: 0; border: 10px solid transparent; border-right-color: #f8b9c1;\"><\/span>\n<\/h5><br>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18bf19c elementor-widget elementor-widget-html\" data-id=\"18bf19c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n    .bubble-container {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-end;\n        margin-top: 50px;\n    }\n    .bubble {\n        position: relative;\n        display: inline-block;\n        max-width: 60%;\n        padding: 10px;\n        margin: 10px 0;\n        border-radius: 15px;\n        background: #f8b9c1;\n        color: #333;\n        text-align: justify;\n        box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);\n        word-wrap: break-word;\n    }\n    .bubble::after {\n        content: \"\";\n        position: absolute;\n        top: 15px;\n        right: -20px;\n        width: 0;\n        height: 0;\n        border: 10px solid transparent;\n        border-left-color: #f8b9c1;\n    }\n<\/style>\n\n<div class=\"bubble-container\">\n    <div class=\"bubble\">\n        <h5>Then, we started working on it together, adding more and more features.\n<\/h5>\n    <\/div>\n<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56434b1 elementor-widget elementor-widget-html\" data-id=\"56434b1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 style=\"position: relative; display: inline-block; max-width: 60%; padding: 10px; margin: 10px 0; border-radius: 15px; background: #f8b9c1; color: #333; text-align: justify; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); word-wrap: break-word;\">Bokuto began by moderating the Sekai server, automatically censoring inappropriate language and enforcing rules. \n    <span style=\"position: absolute; top: 15px; left: -20px; width: 0; height: 0; border: 10px solid transparent; border-right-color: #f8b9c1;\"><\/span>\n<\/h5><br>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a1ccac elementor-widget elementor-widget-html\" data-id=\"7a1ccac\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n    .bubble-container {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-end;\n        margin-top: 50px;\n    }\n    .bubble {\n        position: relative;\n        display: inline-block;\n        max-width: 60%;\n        padding: 10px;\n        margin: 10px 0;\n        border-radius: 15px;\n        background: #f8b9c1;\n        color: #333;\n        text-align: justify;\n        box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);\n        word-wrap: break-word;\n    }\n    .bubble::after {\n        content: \"\";\n        position: absolute;\n        top: 15px;\n        right: -20px;\n        width: 0;\n        height: 0;\n        border: 10px solid transparent;\n        border-left-color: #f8b9c1;\n    }\n<\/style>\n\n<div class=\"bubble-container\">\n    <div class=\"bubble\">\n<h5>\n       <img decoding=\"async\" data-src=\"https:\/\/kiyu.dev\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-19-at-05.52.58.png\" alt=\"Screenshot\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1210px; --smush-placeholder-aspect-ratio: 1210\/266;\"><noscript><img decoding=\"async\" src=\"https:\/\/kiyu.dev\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-19-at-05.52.58.png\" alt=\"Screenshot\"><\/noscript>\n<\/h5>\n    <\/div>\n<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-97ae81d elementor-widget elementor-widget-html\" data-id=\"97ae81d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 style=\"position: relative; display: inline-block; max-width: 60%; padding: 10px; margin: 10px 0; border-radius: 15px; background: #f8b9c1; color: #333; text-align: justify; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); word-wrap: break-word;\">It welcomed new members with essential information, answered common questions, and guided users to resources. \n    <span style=\"position: absolute; top: 15px; left: -20px; width: 0; height: 0; border: 10px solid transparent; border-right-color: #f8b9c1;\"><\/span>\n<\/h5><br>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-92fd42b elementor-widget elementor-widget-html\" data-id=\"92fd42b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n    .bubble-container {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-end;\n        margin-top: 50px;\n    }\n    .bubble {\n        position: relative;\n        display: inline-block;\n        max-width: 60%;\n        padding: 10px;\n        margin: 10px 0;\n        border-radius: 15px;\n        background: #f8b9c1;\n        color: #333;\n        text-align: justify;\n        box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);\n        word-wrap: break-word;\n    }\n    .bubble::after {\n        content: \"\";\n        position: absolute;\n        top: 15px;\n        right: -20px;\n        width: 0;\n        height: 0;\n        border: 10px solid transparent;\n        border-left-color: #f8b9c1;\n    }\n<\/style>\n\n<div class=\"bubble-container\">\n    <div class=\"bubble\">\n<h5>\n       <img decoding=\"async\" data-src=\"https:\/\/kiyu.dev\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-19-at-06.02.17.png\" alt=\"Screenshot\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1726px; --smush-placeholder-aspect-ratio: 1726\/316;\"><noscript><img decoding=\"async\" src=\"https:\/\/kiyu.dev\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-19-at-06.02.17.png\" alt=\"Screenshot\"><\/noscript>\n<\/h5>\n    <\/div>\n<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2454a06 elementor-widget elementor-widget-html\" data-id=\"2454a06\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n    .bubble-container {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-end;\n        margin-top: 50px;\n    }\n    .bubble {\n        position: relative;\n        display: inline-block;\n        max-width: 60%;\n        padding: 10px;\n        margin: 10px 0;\n        border-radius: 15px;\n        background: #f8b9c1;\n        color: #333;\n        text-align: justify;\n        box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);\n        word-wrap: break-word;\n    }\n    .bubble::after {\n        content: \"\";\n        position: absolute;\n        top: 15px;\n        right: -20px;\n        width: 0;\n        height: 0;\n        border: 10px solid transparent;\n        border-left-color: #f8b9c1;\n    }\n<\/style>\n\n<div class=\"bubble-container\">\n    <div class=\"bubble\">\n<h5>\n       <img decoding=\"async\" data-src=\"https:\/\/kiyu.dev\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-19-at-05.52.45.png\" alt=\"Screenshot\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1036px; --smush-placeholder-aspect-ratio: 1036\/826;\"><noscript><img decoding=\"async\" src=\"https:\/\/kiyu.dev\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-19-at-05.52.45.png\" alt=\"Screenshot\"><\/noscript>\n<\/h5>\n    <\/div>\n<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5533844 elementor-widget elementor-widget-html\" data-id=\"5533844\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 style=\"position: relative; display: inline-block; max-width: 60%; padding: 10px; margin: 10px 0; border-radius: 15px; background: #f8b9c1; color: #333; text-align: justify; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); word-wrap: break-word;\">The bot featured a leveling system to reward active participation, and fun commands like the 8-ball response kept the community engaged. \n    <span style=\"position: absolute; top: 15px; left: -20px; width: 0; height: 0; border: 10px solid transparent; border-right-color: #f8b9c1;\"><\/span>\n<\/h5><br>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ba154a elementor-widget elementor-widget-html\" data-id=\"7ba154a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 style=\"position: relative; display: inline-block; max-width: 60%; padding: 10px; margin: 10px 0; border-radius: 15px; background: #f8b9c1; color: #333; text-align: justify; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); word-wrap: break-word;\">\n      <img decoding=\"async\" data-src=\"https:\/\/kiyu.dev\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-19-at-06.01.24.png\" alt=\"Screenshot\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 438px; --smush-placeholder-aspect-ratio: 438\/182;\"><noscript><img decoding=\"async\" src=\"https:\/\/kiyu.dev\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-19-at-06.01.24.png\" alt=\"Screenshot\"><\/noscript>\n    <span style=\"position: absolute; top: 15px; left: -20px; width: 0; height: 0; border: 10px solid transparent; border-right-color: #f8b9c1;\"><\/span>\n<\/h5><br>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-568b19f elementor-widget elementor-widget-html\" data-id=\"568b19f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n    .bubble-container {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-end;\n        margin-top: 50px;\n    }\n    .bubble {\n        position: relative;\n        display: inline-block;\n        max-width: 60%;\n        padding: 10px;\n        margin: 10px 0;\n        border-radius: 15px;\n        background: #f8b9c1;\n        color: #333;\n        text-align: justify;\n        box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);\n        word-wrap: break-word;\n    }\n    .bubble::after {\n        content: \"\";\n        position: absolute;\n        top: 15px;\n        right: -20px;\n        width: 0;\n        height: 0;\n        border: 10px solid transparent;\n        border-left-color: #f8b9c1;\n    }\n<\/style>\n\n<div class=\"bubble-container\">\n    <div class=\"bubble\">\n<h5>\n        Additionally, it could send animated GIFs to interact with other users, manage events, create and distribute newsletters, and handle automated reminders and announcements.\n<\/h5>\n    <\/div>\n<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31e65ae elementor-widget elementor-widget-html\" data-id=\"31e65ae\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n    .bubble-container {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-end;\n        margin-top: 50px;\n    }\n    .bubble {\n        position: relative;\n        display: inline-block;\n        max-width: 60%;\n        padding: 10px;\n        margin: 10px 0;\n        border-radius: 15px;\n        background: #f8b9c1;\n        color: #333;\n        text-align: justify;\n        box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);\n        word-wrap: break-word;\n    }\n    .bubble::after {\n        content: \"\";\n        position: absolute;\n        top: 15px;\n        right: -20px;\n        width: 0;\n        height: 0;\n        border: 10px solid transparent;\n        border-left-color: #f8b9c1;\n    }\n<\/style>\n\n<div class=\"bubble-container\">\n    <div class=\"bubble\">\n<h5>\n       <img decoding=\"async\" data-src=\"https:\/\/kiyu.dev\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-19-at-06.01.44.png\" alt=\"Screenshot\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 810px; --smush-placeholder-aspect-ratio: 810\/554;\"><noscript><img decoding=\"async\" src=\"https:\/\/kiyu.dev\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-19-at-06.01.44.png\" alt=\"Screenshot\"><\/noscript>\n<\/h5>\n    <\/div>\n<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c6686d elementor-widget elementor-widget-html\" data-id=\"1c6686d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 style=\"position: relative; display: inline-block; max-width: 60%; padding: 10px; margin: 10px 0; border-radius: 15px; background: #f8b9c1; color: #333; text-align: justify; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); word-wrap: break-word;\">Our collaborative efforts transformed Bokuto into an invaluable part of the community, enhancing user experience with seamless moderation, interactive features, and community management tools. \n    <span style=\"position: absolute; top: 15px; left: -20px; width: 0; height: 0; border: 10px solid transparent; border-right-color: #f8b9c1;\"><\/span>\n<\/h5><br>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e3aa53 elementor-widget elementor-widget-html\" data-id=\"4e3aa53\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 style=\"position: relative; display: inline-block; max-width: 60%; padding: 10px; margin: 10px 0; border-radius: 15px; background: #f8b9c1; color: #333; text-align: justify; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); word-wrap: break-word;\">\n      <img decoding=\"async\" data-src=\"https:\/\/kiyu.dev\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-19-at-06.02.43.png\" alt=\"Screenshot\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 470px; --smush-placeholder-aspect-ratio: 470\/462;\"><noscript><img decoding=\"async\" src=\"https:\/\/kiyu.dev\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-19-at-06.02.43.png\" alt=\"Screenshot\"><\/noscript>\n    <span style=\"position: absolute; top: 15px; left: -20px; width: 0; height: 0; border: 10px solid transparent; border-right-color: #f8b9c1;\"><\/span>\n<\/h5><br>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88db478 elementor-widget elementor-widget-html\" data-id=\"88db478\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!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>Right Side Speech Bubbles<\/title>\n    <style>\n        .bubble-container {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-end;\n            margin-top: 50px;\n        }\n        .bubble {\n            position: relative;\n            display: inline-block;\n            max-width: 60%;\n            padding: 10px;\n            margin: 10px 0;\n            border-radius: 15px;\n            background: #d9a1a8;\n            color: #333;\n            text-align: justify;\n            box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);\n            word-wrap: break-word;\n        }\n        .bubble::after {\n            content: \"\";\n            position: absolute;\n            top: 15px;\n            right: -20px;\n            width: 0;\n            height: 0;\n            border: 10px solid transparent;\n            border-left-color: #d9a1a8;\n        }\n        h5 {\n            margin: 0;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"bubble-container\">\n        <div class=\"bubble image-bubble\">\n           <h5>Bokuto became a beloved member of the server, with members often talking to him and enjoying his responses.<\/h5>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ff84343 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ff84343\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b34b8dc\" data-id=\"b34b8dc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-b4cafbf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b4cafbf\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-5fcb4ab\" data-id=\"5fcb4ab\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0d9fdb7 elementor-widget-divider--separator-type-pattern elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"0d9fdb7\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 08-05-2024 *\/\n.elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{margin:0 var(--divider-element-spacing);flex-shrink:0}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{display:flex;margin:0;direction:ltr}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{display:block;content:\"\";border-block-end:0;flex-grow:1;border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider--element-align-start .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-start .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-start .elementor-divider__element{margin-inline-start:0}.elementor-widget-divider--element-align-end .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-end .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-end .elementor-divider__element{margin-inline-end:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{width:100%;min-height:var(--divider-pattern-height);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url)}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var(--container-widget-flex-grow)}<\/style>\t\t<div class=\"elementor-divider\" style=\"--divider-pattern-url: url(&quot;data:image\/svg+xml,%3Csvg xmlns=&#039;http:\/\/www.w3.org\/2000\/svg&#039; preserveAspectRatio=&#039;none&#039; overflow=&#039;visible&#039; height=&#039;100%&#039; viewBox=&#039;0 0 24 24&#039; fill=&#039;none&#039; stroke=&#039;black&#039; stroke-width=&#039;1&#039; stroke-linecap=&#039;square&#039; stroke-miterlimit=&#039;10&#039;%3E%3Cpath d=&#039;M0,6c6,0,0.9,11.1,6.9,11.1S18,6,24,6&#039;\/%3E%3C\/svg%3E&quot;);\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":2791,"menu_order":0,"template":"template-layout-builder.php","portfolio_categories":[28,23],"class_list":["post-2761","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/kiyu.dev\/index.php?rest_route=\/wp\/v2\/portfolio\/2761","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kiyu.dev\/index.php?rest_route=\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/kiyu.dev\/index.php?rest_route=\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":3,"href":"https:\/\/kiyu.dev\/index.php?rest_route=\/wp\/v2\/portfolio\/2761\/revisions"}],"predecessor-version":[{"id":2825,"href":"https:\/\/kiyu.dev\/index.php?rest_route=\/wp\/v2\/portfolio\/2761\/revisions\/2825"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiyu.dev\/index.php?rest_route=\/wp\/v2\/media\/2791"}],"wp:attachment":[{"href":"https:\/\/kiyu.dev\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2761"}],"wp:term":[{"taxonomy":"portfolio_categories","embeddable":true,"href":"https:\/\/kiyu.dev\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio_categories&post=2761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}