<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'>Are there any tutorial videos or additional information on PureOS/Linux?</h1>
</div>
<div class='modal-body'>
<div class='lh-base fs-6 mt-2'>Often times when we think of an operating system we think of how it looks and feels. This is called the user interface or user experience. PureOS 3 uses a Graphical User Interface (GUI, also sometimes called “Desktop Environment”) called Gnome 3. Information on this user interface can be found here: <br></div>
<div class='lh-base fs-6 mt-2'><a href="https://www.gnome.org/getting-gnome/" target="_blank">GNOME 3</a> <br></div>
<div class='lh-base fs-6 mt-2'><a href="https://www.youtube.com/watch?v=JU2f_jkPRq4" target="_blank">https://www.youtube.com/watch?v=JU2f_jkPRq4</a></div>
<div class='lh-base fs-6 mt-2'>  </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>