https://dist.soreto.com/marketplace/assets/monki/blogs/monki_maru/bodySourceHtml_monki_maru_v2.html

Monki

A new chatbot that tackles online harassment faced by girls has been created by activists worldwide

MARU - The anti-online harassment chatbot

<html>

<head> </head>

<style>

  .content {
    text-align: left;
    margin: auto;
    padding: 30px 10px;
    font-family: Apercu;
    color: #334d5c;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
  }

  .blogSection {
    margin-bottom: 50px;
  }

  .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 43px;
    padding-bottom: 30px;
    margin: 0px;
  }

  .subTitle {
    text-align: left;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 20px;
    margin: 0px;
  }

  .subTitleRead {
    text-align: left;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 20px;
    margin: 0px;
    color: gray;
  }

  .imgContent {
    text-align: center;
    max-width: 100%;
    max-height: 100%;
    padding-bottom: 50px;
  }

  .videoContent {
    text-align: center;
    max-width: 100%;
    max-height: 100%;
    padding-bottom: 50px;
  }

  .video {
    max-width: auto;
    max-height: auto;
  }

  .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
  }

  .embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .blogLink {
    color: #f53855;
  }

  .imgSize {
    max-width: 100%;
    max-height: 100%;
  }

  .imgTableRow {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    max-width: 100%;
    max-height: 100%;
    padding-bottom: 50px;
  }

  .bulletList {
    line-height: 30px;
    padding: 0px;
  }

  ul {
    margin: 0px;
    padding-bottom: 20px;
  }

  .blogRow {
    text-align: left;
    margin: 0px;
    margin-bottom: 15px;
  }

  .iframe {
    width: 771px;
    height: 120px;
  }

  .blogSectionColumn {
    display: grid;
    margin-bottom: 20px;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding-top: 20px;
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
  }  

  .imgSizeColumn {
    max-width: 60%;
    height: 50%;
    margin: 0 auto;
  }

  @media screen and (min-width: 768px) {
    .content {
      text-align: left;      
      font-size: 18px;
      font-weight: 400;
      line-height: 25px;
      padding: 50px 30px;
    }

    .embed-container {
      margin-bottom: 30px;
    }

    .iframe {
      width: 943px;
      height: 555px;
    }

    .blogRow {
      text-align: left;
      margin: 0px;
      margin-bottom: 30px;
    }

    .title {
      font-size: 22px;
      font-weight: 700;
      line-height: 43px;
      padding-bottom: 30px;
      margin: 0px;
    }

    .subTitle {
      text-align: left;
      font-size: 24px;
      line-height: 30px;
      padding-bottom: 20px;
    }

    .subTitleRead {
      text-align: left;
      font-size: 24px;
      line-height: 30px;
      padding-bottom: 20px;
    }    
  }

  @media screen and (min-width: 1220px) {
    .content {
      max-width: 1180px;
    }

    .iframe {
      width: 943px;
      height: 555px;
    }
  }
</style>

<body>

  <div class="content">
    
    <div class="subTitleRead">Read the latest blog from Monki</div>

    
    <div class="blogSection">

      <div class="blogRow">
        A new chatbot that tackles online harassment faced by girls has been created by activists worldwide in
        collaboration with technology collective Feminist Internet and Plan International. The digital tool builds on
        our Salute Sisterhood partner, Plan International’s landmark research revealing that nearly half (42%) of girls
        lose self-esteem or self-confidence or feel mentally or emotionally stressed after being exposed to online
        harassment. The result of this research is ‘Maru’, an anti-harassment chatbot designed by young people for young
        people to address abuse on social media.
      </div>

      <div class="imgContent">
        <a cb-url="https://www.monki.com/we-are-monki/salute-sisterhood/projects-and-collabs/maru/">
          <img class="imgSize" src="https://dist.soreto.com/marketplace/assets/monki/blogs/monki_maru/monki-image-maru-blog-1.png">
        </a>
      </div>


      <div class="blogRow">
        The chatbot is designed to support girls and women who are experiencing, witnessing or tackling online
        harassment by providing real advice and resources from experts and activists. Maru users engage in a
        conversation with the chatbot, which has a series of language responses that offer advice on:
      </div>



      <div class="blogRow">
        <li>
          reporting mechanisms,
        </li>
      </div>

      <div class="blogRow">
        <li>
          staying safe online
        </li>
      </div>

      <div class="blogRow">
        <li>
          links to resources.
        </li>
      </div>

      <div class="blogRow">
        We here at Monki will be supporting the launch of Maru by hosting an Instagram Live with a young activist
        involved in its creation on the 3rd December, 1pm CET – so tune in!        
      </div>

      <div class="blogRow">
        <strong>
          Want to try out Maru? You can do that here:
          <a class="blogLink" cb-url="https://maruchatbot.co/">https://maruchatbot.co</a>
        </strong>
      </div>

      <div class="blogSectionColumn">
          <img class="imgSizeColumn"
            src="https://dist.soreto.com/marketplace/assets/monki/blogs/monki_maru/monki-feminist-blog-v1.png">

          <img class="imgSizeColumn" src="https://dist.soreto.com/marketplace/assets/monki/blogs/monki_maru/monki-image-plan-v1.png">
        </a>
      </div>


    </div>

  </div>

  <script>
    var userAfiliate = 'RAKUTEN';
    var urlObj = {
      clientId: '42266',
      urlId: 'monki_maru'
    };

    window.onload = function () {
      document.querySelectorAll("[cb-url]")

        .forEach(function (el) {

          switch (userAfiliate) {

            case 'AWIN':

              var cbUrl = el.getAttribute('cb-url');

              var baseUrl = `https://www.awin1.com/cread.php?awinmid=${urlObj.clientId}&awinaffid=1110329&clickref=${urlObj.urlId}&ued=${encodeURIComponent(cbUrl)}`;

              el.setAttribute('href', baseUrl);

              el.setAttribute('target', '_blank');
              break;

            case 'RAKUTEN':

              var cbUrl = el.getAttribute('cb-url');

              var baseUrl = `https://click.linksynergy.com/deeplink?id=CTUzHNq7X1Y&mid=${urlObj.clientId}&u1=${urlObj.urlId}&murl=${encodeURIComponent(cbUrl)}`;

              el.setAttribute('href', baseUrl);

              el.setAttribute('target', '_blank');

              break;
          }
        });
    }

  </script>

</body>

Join the club

MARU - The anti-online harassment chatbot

A new chatbot that tackles online harassment faced by girls has been created by activists worldwide

MARU - The anti-online harassment chatbot

Do you want to discover more?

About us

Customer