<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'>Where can I find out more about PureOS?</h1>
</div>
<div class='modal-body'>
<div class='lh-base fs-6 mt-2'><a href="https://pureos.net/" target="_blank"> PureOS home page </a> <br></div>
<div class='lh-base fs-6 mt-2'><a href="https://tracker.pureos.net/w/faq/" target="_blank"> PureOS FAQ </a> <br></div>
<div class='lh-base fs-6 mt-2'><a href="https://tracker.pureos.net/w/" target="_blank"> PureOS wiki </a> <br></div>
<div class='lh-base fs-6 mt-2'><a href="https://tracker.pureos.net/maniphest/" target="_blank"> PureOS issue reports </a> <br></div>
<div class='lh-base fs-6 mt-2'><a href="https://forums.puri.sm/c/sw/pureos/5" target="_blank"> PureOS community subforum </a></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>