Add a description modal for Bliss OS
diff --git a/index.html b/index.html
index 756f76e..5ea6e7d 100644
--- a/index.html
+++ b/index.html
@@ -66,7 +66,7 @@
</div>
<div class="col-md-8 d-flex justify-content-center align-items-center flex-grow-1" align="center" style="max-height: 100%;max-width: 100%;vertical-align: middle;display: inline-flex;float: none; margin-top: -8%;">
<div class=" d-inline-flex justify-content-center align-items-center mx-auto">
- <div class="animation mx-auto d-inline-flex justify-content-center align-items-center" data-animation-step="1">
+ <div class="animation mx-auto d-inline-flex justify-content-center align-items-center" data-animation-step="2">
<div class="device mx-auto mt-5">
<div class="screen-stand"></div>
<div class="display">
@@ -262,14 +262,37 @@
</div>
</div>
<p class="text-right">Or Donation</p>
- <p class="my-3">This is the free version of Bliss OS for PCs</p>
+ <p class="my-3">This is the free version of Bliss OS for PCs.. These builds are compatible with PCs, MacBooks and Chromebooks equipped with x86/x86_64 compatible CPUs. Supports both BIOS/CSM and UEFI boot.</p>
<ul class="pl-3">
<li>Limited Online Support</li>
<li>Limited Device Compatibility</li>
<li>Generic Kernel - One Size Fits All</li>
</ul>
- <a class="btn btn-primary mt-3 text-white" href="https://forum.xda-developers.com/bliss-roms/bliss-roms-development/bliss-os-pie-beta-preview-t3855917" target="_blank">Learn More </a>
+ <a class="btn btn-primary mt-3 text-white" href="" target="_blank" data-target="#popup-modal4" data-toggle="modal">Learn More </a>
<a class="btn btn-primary mt-3 text-white" href="" data-target="#popup-modal2" data-toggle="modal">Download Now</a>
+ <div id="popup-modal4" class="modal fade">
+ <div class="modal-dialog">
+ <div class="modal-content">
+ <div class="modal-body px-3 bg-dark">
+ <h1 class="text-center"> What is Bliss OS? </h1>
+ <p class="text-center">This is Bliss for your x86-based devices, including desktops, laptops, tablets, maker boards and a lot more.</p>
+ <p class="text-center">These builds are compatible with PCs, MacBooks and Chromebooks equipped with x86/x86_64 compatible CPUs from Intel, AMD & others. It also supports GPUs from Intel, AMD, or Nvidia. </p>
+ <p class="text-center">This project includes @farmerbb's Taskbar Launcher for a more desktop-like experience, and includes an Orientation app to manage rotation-forcing apps. For gaming on BlissOS, we also include Octopus, an on-screen keymapping solution from the Phoenix OS team.</p>
+ <p class="text-center">Bootable Installer supports BIOS/CSM and UEFI boot. We recommend using Rufus to flash the ISO to a USB drive, and boot into that to test by running in Live mode. If that works, use the USB drive and boot into the installer to install/upgrade</p>
+ <div class="modal-social text-right">
+ <div class="row">
+ <div class="col-sm-12">
+ <a class="btn btn-primary btn-block" target="”_blank”" href="https://forum.xda-developers.com/bliss-roms/bliss-roms-development/bliss-os-pie-beta-preview-t3855917">Bliss OS XDA Thread</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="modal-footer text-center bg-dark">
+ <a class="btn btn-primary mt-0" href="" data-target="#popup-modal2" data-toggle="modal">Go To Downloads</a>
+ </div>
+ </div>
+ </div>
+ </div>
<div id="popup-modal2" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
@@ -444,7 +467,7 @@
<div class="container">
<div class="row">
<div class="col-md-12">
- <h1 class="pb-3 text-center">Designers & Developers</h1>
+ <h1 class="pb-3 text-center">Designers, Developers & Maintainers</h1>
</div>
</div>
</div>
@@ -524,6 +547,39 @@
</div>
</div>
</div>
+ <div class="" style="">
+ <div class="container">
+ <div class="row">
+ <div class="col-lg-4 px-4 px-md-0">
+ <div class="row mb-4">
+ <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/a-/AAuE7mATNi0sLmL4Wtcroe0d3jSnAGFoiGq2FxmgJnfrHg=s1920-p-rw-no-il" width="100" alt="Card image cap"> </div>
+ <div class="col-9">
+ <h4> <b>Deepak Sharma</b> </h4>
+ <p class="mb-0">Developer <br>Server Admin</p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4 px-4 px-md-0">
+ <div class="row mb-4">
+ <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" width="100" alt="Card image cap" src="https://lh3.googleusercontent.com/a-/AAuE7mBy9Mi7RUgATZdEBaQ1M3_LL5y8zg9W0PMbJqcv=s1920-p-rw-no-il"> </div>
+ <div class="col-9">
+ <h4> <b>Paul Tropea (wrongway213)</b> </h4>
+ <p class="mb-0">Device Maintainer</p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4 px-4 px-md-0">
+ <div class="row mb-4">
+ <div class="col-3"> <img class="img-fluid d-block mx-auto rounded-circle" src="https://lh3.googleusercontent.com/a-/AAuE7mADSA43bIiPv21LCSv4i-E5pivvGxK0czyq1RgO=s1920-p-rw-no-il" width="100" alt="Card image cap"> </div>
+ <div class="col-9">
+ <h4> <b>SuperDroidBond</b> </h4>
+ <p class="mb-0">Device Maintainer</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
<div class="py-4 text-center">
<div class="container">
<div class="row">