<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 apps will be available?</h1>
</div>
<div class='modal-body'>
<div class='lh-base fs-6 mt-2'>PureOS on UMAXX Liberty Phone already has a lot of apps, as almost everything that can run on a desktop computer can be run on UMAXX Liberty Phone as well. However, just a number of them are really usable on a phone sized screen. Check PureOS wiki pages to see: <br></div>
<div class='lh-base fs-6 mt-2'><a href="https://tracker.pureos.net/w/pureos/mobile_optimized_apps/" target="_blank"> Mobile-optimized apps </a> <br></div>
<div class='lh-base fs-6 mt-2'><a href="https://tracker.pureos.net/w/pureos/mobile_optimized_apps/" target="_blank"> Third-party mobile optimized apps </a> <br></div>
<div class='lh-base fs-6 mt-2'>The lists are constantly updated as more and more software is being adapted to scale nicely on phone.</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>