<turbo-stream action="replace" target="remote_modal"><template>
  <turbo-frame id="remote_modal" target="_top"><div aria-hidden='true' aria-labelledby='staticBackdropLabel' class='modal fade' data-bs-backdrop='static' data-bs-keyboard='false' data-controller='modal' tabindex='-1'>
<div class='modal-dialog'>
<div class='modal-content'>
<div class='modal-header'>
<h1 class='modal-title fs-5' id='staticBackdropLabel'>What is the difference between free and libre?</h1>
</div>
<div class='modal-body'>
<div class='lh-base fs-6 mt-2'>English language more often uses word “free” to describe something that is gratis – while it is true that all the software in FLOSS is gratis, it is not mandatory to be like that. The important part of FLOSS is that is has the liberty to be examined, learn about it, modify it to your needs without any restriction of copyright license which forbids you to use it as you want.</div>
<div class='lh-base fs-6 mt-2'>Often said it is “free as in freedom.”</div>
</div>
<div class='modal-footer'>
<button class='btn btn-secondary' data-bs-dismiss='modal' type='button'>Close</button>
</div>
</div>
</div>
</div>
</turbo-frame><style>
  .btn-secondary{
    background: #0057B7;
    color: #fff;
  }
  .btn:hover {
    background: #0057B7 !important;
    color: #fff !important;
  }
</style>

</template></turbo-stream>