---
import Blockquote from './Blockquote.astro';
---

<section class="plone-section">
  <hgroup class="clearfix">
    <a href="https://plone.org" target="_blank" rel="noopener noreferrer">
      <svg role="presentation" id="plone-logo" aria-label="Plone" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg" width="100px" height="100px">
        <g clip-path="url(#clip0_1_2)">
          <path
            d="M17.717 15.963C20.1482 15.963 22.119 13.9922 22.119 11.561C22.119 9.12984 20.1482 7.159 17.717 7.159C15.2858 7.159 13.315 9.12984 13.315 11.561C13.315 13.9922 15.2858 15.963 17.717 15.963Z"
            fill="#0083BE"></path>
          <path
            d="M31.069 20.355C31.069 22.791 29.1 24.756 26.669 24.756C24.239 24.756 22.269 22.786 22.269 20.355C22.269 17.922 24.247 15.957 26.669 15.957C29.101 15.954 31.069 17.924 31.069 20.355Z"
            fill="#0083BE"></path>
          <path
            d="M17.702 33.578C20.1331 33.578 22.104 31.6071 22.104 29.176C22.104 26.7448 20.1331 24.774 17.702 24.774C15.2708 24.774 13.3 26.7448 13.3 29.176C13.3 31.6071 15.2708 33.578 17.702 33.578Z"
            fill="#0083BE"></path>
          <path
            d="M20.343 0C9.108 0.001 0.001 9.107 0 20.343C0.001 31.577 9.105 40.684 20.343 40.686C31.578 40.684 40.684 31.582 40.686 20.343C40.684 9.107 31.578 0.001 20.343 0ZM31.792 31.792C28.854 34.726 24.816 36.534 20.341 36.535C15.862 36.534 11.828 34.723 8.891 31.792C5.958 28.854 4.15 24.816 4.149 20.343C4.15 15.865 5.96 11.83 8.892 8.893C11.83 5.959 15.864 4.151 20.342 4.15C24.82 4.151 28.855 5.962 31.792 8.893C34.727 11.831 36.534 15.869 36.536 20.343C36.535 24.819 34.726 28.854 31.792 31.792Z"
            fill="#0083BE"></path>
        </g>
        <defs>
          <clipPath id="clip0_1_2">
            <rect width="40.686" height="40.686" fill="white"></rect>
          </clipPath>
        </defs>
      </svg>
    </a>
    <h2 id="plone">
      <a href="https://plone.org" target="_blank" rel="noopener noreferrer"> Plone</a>
    </h2>
    <p>The world's most secure content management system, with a user-friendly interface and a growing open-source community.</p>
  </hgroup>

  <Blockquote text="Plone is backed up by the Plone Foundation, so it will stay open source forever." />

  <details>
    <summary>Why Plone?</summary>
    <p>
      Plone is an open-source content management system (CMS) with over 20 years of stability and security wrapped in a modern, powerful user-centric package with Plone 6. It continues to set the
      standard for content management systems by offering the most functionality and customization out of the box.
    </p>
    <p>
      With so many content management systems, why should you choose Plone? It's simple: Plone is powerful, flexible, secure and true open source! The project has been actively developed since 2001
      and has the best security track record of any major CMS.
    </p>
  </details>

  <details>
    <summary>What is Plone?</summary>
    <p>
      <a href="http://plone.org" target="_blank" rel="noopener noreferrer">Plone</a> is an open-source content management system that is used to create, edit, and manage digital content, like websites,
      intranets and custom solutions. It comes with over 20 years of growth, optimisations, and refinements. The result is a system trusted by governments, universities, businesses, and other organisations
      all over the world.
    </p>
    <p>
      The <a href="https://beta.plone.org/foundation" target="_blank" rel="noopener noreferrer">Plone Foundation</a> protects and promotes Plone by furthering the development, marketing, and legal affairs
      of Plone and the Plone community.
    </p>
  </details>
</section>

<style>
  .plone-section {
    font-size: 16px;
    --font-size: 16px;
  }

  .clearfix::after {
    display: block;
    clear: both;
    content: '';
  }

  #plone-logo {
    float: right;
    margin: 0 0 1.5rem 1.5rem;
  }
</style>