| <!DOCTYPE html> |
| <html> |
| |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <!-- PAGE settings --> |
| <link rel="icon" href="favicon.ico"> |
| <title>Bliss ROMs</title> |
| <meta name="description" content="Open Source OS for all devices, based on AOSP"> |
| <meta name="keywords" content="blissroms, bliss, os, x86, aosp, android, rom, teambliss"> |
| <!-- CSS dependencies --> |
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"> |
| <script src="https://kit.fontawesome.com/7b4ed0a31a.js" crossorigin="anonymous"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css"> |
| <link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css"> |
| <link rel="stylesheet" href="neon.css"> |
| <!-- Script: Make my navbar transparent when the document is scrolled to top --> |
| <script src="js/navbar-ontop.js"></script> |
| <!-- Script: Animated entrance --> |
| <script src="js/animate-in.js"></script> |
| <link rel="stylesheet" href="css/animations.css"> |
| <link rel="stylesheet" href="css/style.css"> |
| <link rel="stylesheet" href="css/table.css"> |
| <script data-ad-client="ca-pub-7639560510014441" async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> |
| </head> |
| |
| <body class=""> |
| <!-- Navbar --> |
| <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark" style="padding-right: 41px;"> |
| <div class="container pt-6"> |
| <a class="navbar-brand" href="#"><img src="images/BlissIcon_Smal_wl.png" width="50" class="d-inline-block align-top" alt=""></a> |
| <div class="row"> |
| <div class="col-md-12"><a class="navbar-brand" href="#"><b><b>Bliss ROMs</b></b></a></div> |
| </div> |
| <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar2SupportedContent" aria-controls="navbar2SupportedContent" aria-expanded="true" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> |
| <div class="navbar-collapse text-center justify-content-end collapse show" id="navbar2SupportedContent"> |
| <ul class="navbar-nav"> |
| <li class="nav-item mx-2"> |
| <a class="nav-link" href="#features"><b><b>Features</b></b></a> |
| </li> |
| <li class="nav-item mx-2"> |
| <a class="nav-link" href="#about"><b><b>About</b></b></a> |
| </li> |
| <li class="nav-item mx-2"> |
| <a class="nav-link" href="#team"><b><b>Team</b></b></a> |
| </li> |
| <li class="nav-item mx-2"> |
| <a class="nav-link" href="https://blisslabs.org" target="_blank"><b><b>Non Profit</b></b></a> |
| </li> |
| <li class="nav-item mx-2"> |
| <a class="nav-link" href="blog.html"><b><b>Blog</b></b></a> |
| </li> |
| <li class="nav-item mx-2"> |
| <a class="nav-link" href="#gear"><b><b>Gear</b></b></a> |
| </li> |
| </ul> |
| <a class="btn navbar-btn mx-2 btn-primary" href="#download"><b><b>Download</b></b></a> |
| </div> |
| </div> |
| </nav> |
| <!-- Cover --> |
| <div class="section-fade-out pt-5 pb-5" style="background-image: url("https://i.imgur.com/BOGKaGy.jpg"); background-position: center bottom;"> |
| <div class="container pt-5"> |
| <div class="row"> |
| <div class="col-md-5"> |
| <div class="col-md-12"> |
| <h1 class="display-3 mb-4">Bliss ROMs</h1> |
| <p class="lead">Working together to bring you an Open Source OS, based on Android, that incorporates many customizations, options and added security features. <br><br>And it is available for...</p> |
| <div class="d-inline-flex justify-content-center align-items-center mx-auto"> |
| <a href="#download" class="btn btn-lg btn-primary d-inline-flex justify-content-center align-items-center mx-auto">Download Now</a> |
| </div> |
| </div> |
| </div> |
| <div class="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"> |
| <div class="animation d-inline-flex justify-content-center align-items-center" data-animation-step="2"> |
| <div class="device mt-5"> |
| <div class="screen-stand"></div> |
| <div class="display"> |
| <div class="slide1"> |
| <div>Most Intel/x86 <br> |
| <em>PCs, Tablets & Laptops</em> |
| </div> |
| </div> |
| <div class="slide2"> |
| <div>Most Android <br> |
| <em>tablets</em> |
| </div> |
| </div> |
| <div class="slide3"> |
| <div>Most<br>Android<br> |
| <em>phones</em> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| <!-- Article style section --> |
| <div class="section-fade-in py-5 bg-dark"> |
| <div class="container"> |
| <div class="row" id="about"> |
| <div class="col-md-6 order-2 order-md-1 animate-in-left d-flex flex-grow-1 align-items-center justify-content-center"> |
| <img class="img-fluid d-block mx-auto" src="images/1571976237838.png" style="" width="50%"> |
| </div> |
| <div class="col-md-6 align-self-center order-1 order-md-2 my-3 text-md-left text-center"> |
| <h3 class="display-3">About Bliss</h3> |
| <p class="my-4 body-font">We are a volunteer based non-profit organization that works to maintain various open source & closed source development projects. We provide the inspiration, training and mentorship to help the dreams of those that join, become reality.<br><br>One of our main focuses is to provide a quality ROM/OS that can run on all your devices, preserving customizations and options by syncing across all platforms. We try to include all the features you can imagine, for just about any situation.<br><br>You will also find us regularly contributing to other projects as well because we believe that building our community through positive influence will go further than building an empire on selfish goals.</p> |
| <a class="btn btn-outline-primary" href="bfor.html">Learn More About Us</a> |
| </div> |
| </div> |
| </div> |
| </div> |
| <!-- Features --> |
| <div class="text-center bg-primary py-5 px-5"> |
| <div class="container"> |
| <div class="d-flex justify-content-center align-items-center px-0 container-fluid mx-auto"> |
| <div class="row mx-auto d-flex align-items-center justify-content-center"> |
| <div class="col-md-12"> |
| <div class="row mx-auto"> |
| <div class="align-self-center col-lg-6 text-md-left text-center"> |
| <h3 class="display-3">Bliss Variants</h3> |
| <p class="my-4 body-font">Bliss comes in a few variants. On top of our traditional device builds of Bliss ROM, our GSI/Treble builds will work on most treble compatible devices (Android Pie+) And our x86 variant (Bliss OS) is made to work with the Linux kernel, and supports booting with MBR/UEFI type bootloaders. So just about any Windows/Linux PC or tablet released in the last 4 years. We are always developing with usability in mind, and supporting more and more devices each week. <br></p> |
| <a class="btn btn-dark" href="#download">Download</a> |
| </div> |
| <div class="align-self-center mt-5 col-lg-5 offset-1 animate-in-right"> |
| <img class="img-fluid d-block" src="images/bliss_surface.png"> </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="py-5 bg-dark" id="features"> |
| <div class="container"> |
| <div class="row"> |
| <div class="col-12 text-center"> |
| <h3 class="display-3">Features</h3> |
| </div> |
| </div> |
| <div class="row"> |
| <div class="align-self-center text-md-right text-center col-lg-4 col-md-6"> |
| <h4 class="text-primary"><b>Focus on design</b></h4> |
| <p class="mb-5 text-white">We include many options for customization and theming throughout the OS</p> |
| <h4 class="text-primary"><b>Customized settings</b></h4> |
| <p class="mb-5 text-white">Choose settings depending on the criteria you value the most. With no limits.</p> |
| <h4 class="text-primary"><b>Performance</b></h4> |
| <p class="mb-5 text-white">Focused on speed and stability with tweaks to assist in the most demanding applications</p> |
| </div> |
| <div class="my-3 d-none d-lg-block animate-in-down col-md-4"> |
| <img class="img-fluid d-block" src="images/Phone_features_dark.png"> </div> |
| <div class="align-self-center text-md-left text-center col-lg-4 col-md-6"> |
| <h4 class="text-primary"><b>Battery-friendly</b></h4> |
| <p class="mb-5 text-white">Extra options are provided to help tune battery consumption to the best levels</p> |
| <h4 class="text-primary"><b>Added Security</b></h4> |
| <p class="mb-5 text-white">Additional security options and features are found throughout the OS. And AOSP security updates are merged regularly.</p> |
| <h4 class="text-primary"><b>Compatibility</b></h4> |
| <p class="mb-5 text-white">We bring Bliss to every device we own. And our PC builds include extras for ARM/ARM64 app compatibility </p> |
| </div> |
| </div> |
| </div> |
| </div> |
| <!-- Features --> |
| <!-- Carousel reviews --> |
| <div class="section bg-dark"> |
| <div class="container d-flex justify-content-center align-items-center flex-grow-1 mx-auto w-75 py-4"> |
| <div class="row"> |
| <div class="col-md-6 text-left mx-auto flex-center"> |
| <div> |
| <h2 class="my-3 highlight_secondary team-header text-white no-wrap">We volunteer our time.</h2> |
| <p class="mb-3 body-font">We are a 501(c3) nonprofit, run by people that donate their free time towards the project. We do our best to bring a quality OS to your device, while working a real job on the side in most cases. Please consider showing us we're on the right track by clicking the button below and making a small contribution towards our efforts.</p> <a href="https://www.paypal.com/donate?hosted_button_id=J5SLZ7MQNCT24" target="_blank" class="btn btn-primary">Buy Us a Coffee</a> |
| </div> |
| </div> |
| <div class="col-md-5 py-5 offset-1"><img class="img-fluid d-block d-flex align-items-center justify-content-center flex-grow-1 mx-auto animate-in-right" src="images/coffee-break.svg" width="300"></div> |
| </div> |
| </div> |
| </div> |
| <!-- Download section --> |
| <div class="py-5 bg-light text-right" id="documentation"> |
| <div class="container"> |
| <div class="row"> |
| <div class="col-md-12" style=""> |
| <h3 class="display-3 text-truncate">Docs & Issue Reporting</h3> |
| <div class="row"> |
| <div class="col-md-12" style=""> |
| <h3>Looking for our documentation?</h3> |
| <p>We have full guides, troubleshooting tips, and more. </p> |
| <div class="col-md-12"> |
| <a class="btn btn-secondary text-right mb-3 mx-2" href="https://wiki.blissroms.com" target="_blank">Team Bliss Wiki</a> |
| <a class="btn btn-secondary mb-3 mx-2" href="https://blog.blissroms.com" target="_blank">Development blog</a> |
| </div> |
| <h3>Like to report a bug?</h3> |
| <p>We prefer to keep all our bug reports in a centralized place. Please use the link below to report any bugs using the Issues tab for the repo needed.</p> |
| <div class="mx-auto col-md-12"> |
| <a class="btn btn-secondary mb-3 mx-2" href="https://github.com/BlissRoms" target="_blank">BlissRoms </a><a class="btn btn-secondary mb-3 mx-2" href="https://github.com/BlissRoms-Devices" target="_blank">BlissRoms Devices</a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="download-section bg-light mb-0" id="download"> |
| <!-- End Downloads --> |
| <div class="py-5 bg-dark" id="documentation"> |
| <div class="container"> |
| <div class="row"> |
| <div class="col-md-12" style=""> |
| <h3 class="display-3 text-truncate">Developers</h3> |
| <div class="row"> |
| <div class="col-md-3" style=""><img class="img-fluid d-block" src="images/github-logo.png"></div> |
| <div class="col-md-7" style=""> |
| <h3>Want to help contribute towards our open source projects?</h3> |
| <p>Documentation for BlissRoms and Bliss OS can be found on our wiki, while our development update posts can be found under our blog. Please read the documentation before asking a question on our Telegram development chats!<br><br>To get a glimpse on usage statistics of Bliss, please visit our statistics page.</p> |
| <p>If you want to contribute code, download the source from our GitHub organization and submit commits through our Gerrit review system!</p> |
| </div> |
| <div class="col-md-2 mx-auto" style=""> |
| <a class="btn mb-3 btn-secondary" href="https://github.com/BlissRoms" target="_blank">BlissRoms GitHub</a><a class="btn mb-3 btn-secondary" href="https://github.com/BlissRoms-Devices" target="_blank">BlissRoms Devices GitHub</a> |
| <a class="btn mb-3 btn-secondary" href="https://review.blissroms.com" target="_blank">BlissRoms Gerrit</a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="container py-5"> |
| <div class="row"> |
| <div class="col-md-6 order-2 order-md-1"> <img class="img-fluid d-block mx-auto" src="images/1571976296909.png" style="" width="50%"> </div> |
| <div class="px-md-5 col-md-6 d-flex flex-column align-items-start justify-content-center order-1 order-md-2"> |
| <h3 class="display-3">Downloads</h3> |
| <img src="https://img.shields.io/sourceforge/dm/blissroms.svg?style=for-the-badge&logo=appveyor&colorB=blue" max-width="160px" width="50%"> |
| <p class="mb-3"> |
| </p> |
| <div id="demo"> |
| <span> |
| <div class="container-fluid text-center bg-warning py-2"> |
| <div class="row"> |
| <div class="mx-auto col-md-12"> |
| <h1 class="mt-2"><b>Coming Soon</b></h1> |
| <p>Our Android 11 builds are coming very soon; stay tuned to our blog for more updates!</p> |
| </div> |
| </div> |
| </div> |
| </span> |
| <h3>Please consider donating to support our project. Thanks!</h3> |
| <br> |
| <a class="btn btn-primary mx-1 mb-3" href="https://www.paypal.com/donate?hosted_button_id=J5SLZ7MQNCT24" target="_blank">Donate</a> |
| <a class="btn mb-3 btn-link disabled" href="https://downloads.blissroms.com">Go To Downloads</a> |
| <hr width="100%" size="8" align="left"> |
| <p class="lead text-dark"> |
| <label></label></p> |
| <h2>Looking for our PC builds?</h2> |
| <p>(Bliss OS (x86) & Android-Generic builds)</p> |
| <br><br> |
| <a class="btn mb-3 btn-dark" target="BLANK" href="https://blissos.org">Go to the Bliss OS website</a> |
| <a class="btn mb-3 btn-dark" target="BLANK" href="https://android-generic.github.io">Go to the Android-Generic website</a> |
| <p></p> |
| <hr width="100%" size="8" align="left"> |
| <p class="lead text-dark"> |
| <label></label></p> |
| <h2>Legacy Downloads</h2> |
| <br> |
| <a class="btn btn-link" href="https://sourceforge.net/projects/blissroms/files/Q/">Android 10 (Q) device builds</a><br> |
| <a class="btn btn-link" href="https://sourceforge.net/projects/blissroms/files/Pie/">Android 9 (Pie) device builds</a><br> |
| <a class="btn btn-link" href="https://sourceforge.net/projects/blissroms/files/GSI/">Android 9 (Pie) GSI builds</a> |
| <p></p> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="py-5 bg-light" id="team"> |
| <div class="container"> |
| <div class="row"> |
| <div class="col-md-12"> |
| <div class="row"> |
| <div class="mx-auto col-md-12 text-center"> |
| <h3 class="display-3">The Team</h3> |
| </div> |
| </div> |
| <ul class="nav nav-tabs nav-justified"> |
| <li class="nav-item mx-auto font-weight-bold"> <a class="active nav-link" href="" data-toggle="tab" data-target="#tabone">Core Members</a> </li> |
| <li class="nav-item mx-auto font-weight-bold"> <a href="" class="nav-link" data-toggle="tab" data-target="#tabtwo">Maintainers</a> </li> |
| </ul> |
| <div class="tab-content mt-2"> |
| <div class="tab-pane fade show active" id="tabone" role="tabpanel"> |
| <section id="content" class="team_content"></section> |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> |
| <script> |
| $.ajax({ |
| type: "GET", |
| url: "https://api.blissroms.org/api/teambliss", // TeamBliss JSON |
| success: function(data) { |
| var newContent = ''; // Variable to hold HTML |
| for (var i = 0; i < data.length; i++) { // Loop through object |
| newContent += '<div id="event" class="team_item">'; |
| newContent += '<img class="image crop" src="' + data[i].avatar + '" '; |
| newContent += 'alt="' + data[i].member + '" />'; |
| newContent += '<h3><b>' + data[i].member + '</b></h3>'; |
| newContent += '<p class="team_data_text font-weight-bold">' + data[i].designation + '</p>'; |
| // newContent += '<p class="team_data_text font-weight-bold"><i>"' + data[i].email + '"</i></p>'; |
| newContent += '</div>'; |
| } |
| // Update the page with the new content |
| document.getElementById('content').innerHTML = newContent; |
| } |
| }) |
| </script> |
| </div> |
| <div class="tab-pane fade" id="tabtwo" role="tabpanel"> |
| <section id="content2" class="team_content"></section> |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> |
| <script> |
| $.ajax({ |
| type: "GET", |
| url: "https://blissapi.blissroms.com/blissinfra/public/allmaintainers", // TeamBliss JSON |
| success: function(data) { |
| var newContent = ''; // Variable to hold HTML |
| for (var i = 0; i < data.length; i++) { // Loop through object |
| newContent += '<div id="event" class="team_item">'; |
| newContent += '<img class="image crop" src="' + data[i].image + '" '; |
| newContent += 'alt="' + data[i].mname + '" />'; |
| newContent += '<h3><b>' + data[i].mname + '</b></h3>'; |
| newContent += '<p class="team_data_text font-weight-bold">' + data[i].device + '</p>'; |
| newContent += '<p class="team_data_text font-weight-bold"><i>"' + data[i].codename + '"</i></p>'; |
| newContent += '</div>'; |
| } |
| // Update the page with the new content |
| document.getElementById('content2').innerHTML = newContent; |
| } |
| }) |
| </script> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="py-5 bg-primary" id="gear"> |
| <div class="container"> |
| <div class="row"> |
| <div class="col-md-12"> |
| <h1><b>A Little Bliss Gear</b></h1> |
| <p class="lead mb-4"><b>Bliss Family of ROMs has put together a Teespring store as a start to bring some stylish merchandise to our users, and help raise money for our cause. Check out a few of our selections below and follow the link to our store for more</b></p> |
| </div> |
| </div> |
| <div class="row d-flex justify-content-between"> |
| <div class="col-md-4 col-lg-3 p-4"> <img class="img-fluid d-block" width="1500" src="images/560.jpg"> |
| <h4 class="my-3"> <b>T-Shirts</b></h4> |
| <p class="body-font"><b>Be the first one on your block to sport Bliss on your back. Various sizes and colors available.</b></p> |
| </div> |
| <div class="col-md-4 col-lg-3 p-4"> <img class="img-fluid d-block" src="images/560 (1).jpg" width="1500"> |
| <h4 class="my-3"> <b>Hoodies</b></h4> |
| <p class="body-font"><b>Keep warm in style. Wr have hoodies and sweatshirts available. Various sizes and colors options too.</b></p> |
| </div> |
| <div class="col-md-4 col-lg-3 p-4"> <img class="img-fluid d-block" src="images/560 (2).jpg" width="1500"> |
| <h4 class="my-3"> <b>Tank Tops</b></h4> |
| <p class="body-font"><b>It's all about the Bliss when you are wearing one of our tank tops. Various sizes and colors available.</b></p> |
| </div> |
| </div> |
| <div class="row"> |
| <div class="col-md-12"> |
| <div class="card"> |
| <div class="card-body"> |
| <h4 class="card-title"><b>Want More?</b></h4> |
| <p class="card-text body-font">We are constantly updating our selection of apparel, adding more cool designs and options as we go. So make sure you check back for any updates. </p> <a class="btn btn-primary" href="https://teespring.com/stores/bliss-family-store-2">Visit Our Teespring Store <i class="fa fa-shopping-cart fa-fw"></i></a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| <!-- START OF BLISSLABS --> |
| <div class="py-5 text-light cover" style="background-color: #343a40;"> |
| <div class="container" style="max-width: 100%;"> |
| <div class="row"> |
| <div class="col-md-12"> |
| <div class="row"> |
| <div class="d-flex flex-column justify-content-center p-3 col-md-8 offset-lg-1 align-items-start order-1 order-md-1"> |
| <h1 class="mb-3">A BlissLabs Project</h1> |
| <p class="lead">We are part of a larger community of open-source projects called BlissLabs. Explore more about the other BlissLabs projects below:<br></p> |
| <a class="btn btn-primary" target="_blank" href="https://blisslabs.org">Learn More</a> |
| </div> |
| <div class="col-md-4 col-lg-3 order-2 order-md-2 p-0"> <img class="img-fluid d-block justify-content-between align-items-center" src="https://blisslabs.org/assets/images/bliss_labs_logo.svg" style="width: 20vw;"> </div> |
| </div> |
| </div> |
| </div> |
| <div class="row"> |
| <div class="col-md-12"> |
| <div class="carousel slide" data-ride="carousel" id="carousel"> |
| <div class="carousel-inner"> |
| <div id="carousel-slider"> </div> |
| </div> |
| <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev"> |
| <span class="carousel-control-prev-icon"></span> |
| <span class="sr-only">Previous</span> |
| </a> |
| <a class="carousel-control-next" href="#carousel" role="button" data-slide="next"> |
| <span class="carousel-control-next-icon"></span> |
| <span class="sr-only">Next</span> |
| </a> |
| </div> |
| <!----------------> |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> |
| <script> |
| $.ajax({ |
| type: "GET", |
| url: "https://api.blissroms.org/api/allprojects", |
| contentType: "application/json", |
| datatype: "json", |
| data: {}, |
| success: function(data) { |
| var newContent = ''; // Variable to hold HTML |
| for (var i = 0; i < data.length; i++) { // Loop through object |
| if (data[i].project != null) { |
| if (i == 0) { |
| newContent += '<div class="carousel-item active" style="padding-block: 10vh;" >'; |
| } else { |
| newContent += '<div class="carousel-item" >'; |
| } |
| newContent += '<img class="d-block img-fluid" src="' + data[i].project_avatar + '" style="margin-left: 10%; height: 35vh;"'; |
| newContent += 'alt="' + data[i].project + ' " style="padding-top: 1.5rem;"/>'; |
| newContent += '<div class="carousel-caption" style="background: linear-gradient(#343a40 10%, #343a40 100%)!important; padding-top: 50vw; width: 50vw; margin-left: 30vw; bottom: 0px ">'; |
| <!-- newContent += '<div class="item-details">'; --> |
| newContent += '<h3 class="zxc" ><b style="font-size: xx-large;">' + data[i].project + '</b></h3>'; |
| newContent += '<h5 class="zxc" >Project Lead: ' + data[i].project_lead + '</h5>'; |
| newContent += '<p class="card__text zxc" style=" margin-right: 1.7rem; margin-left: 1.7rem; ">' + data[i].project_description + '</p>'; |
| if (data[i].project_github != null) { |
| newContent += '<a href="' + data[i].project_github + '" target="_blank"><i class="fab fa fa-git p-2" style="font-size: 300%;"></i></a>'; |
| } |
| if (data[i].project_website != null) { |
| newContent += '<a href="' + data[i].project_website + '" target="_blank"><i class="fab fa p-2 fa-globe" style="font-size: 300%;"></i></a>'; |
| } |
| <!-- newContent += '</div>'; --> |
| newContent += '</div>'; |
| newContent += '</div>'; |
| } else { |
| newContent = 'NONE'; |
| } |
| } |
| // Update the page with the new content |
| document.getElementById('carousel-slider').innerHTML = newContent; |
| }, |
| error: function(jqXHR, status, err) { |
| newContent = 'ERROR: NONE'; |
| document.getElementById('carousel-slider').innerHTML = newContent; |
| alert("Status: " + textStatus); |
| alert("Error: " + errorThrown); |
| } |
| }) |
| </script> |
| <!----------------> |
| </div> |
| </div> |
| </div> |
| </div> |
| <!-- END OF BLISSLABS --> |
| <div class="py-3 bg-dark"> |
| <div class="container"> |
| <div class="row"> |
| <div class="col-lg-3 col-6 p-3"> |
| <h5> <b>Socials</b></h5> |
| <ul class="list-unstyled text-primary"> |
| <li class="text-primary"> <a href="https://t.me/Team_Bliss_Community">BlissROMs Telegram</a> </li> |
| <li> <a href="https://t.me/blissx86">Bliss OS Telegram</a> </li> |
| <li> <a href="https://www.facebook.com/BlissFamilyOfROMs/">Bliss Facebook</a> </li> |
| <li> <a href="https://twitter.com/Bliss_Roms">Bliss Twitter</a> </li> |
| <li> <a href="https://www.linkedin.com/company/stayblissful">Bliss LinkedIn</a> </li> |
| <li> <a href="https://discord.gg/wwc4Aua4fp">Bliss Discord</a> </li> |
| </ul> |
| </div> |
| <div class="col-lg-3 col-6 p-3"> |
| <h5> <b>Sources</b></h5> |
| <ul class="list-unstyled"> |
| <li> <a href="https://review.blissroms.com">BlissROMs Gerrit Review</a> </li> |
| <li> <a href="https://review-x86.blissroms.com">Bliss OS (x86) Gerrit Review</a> </li> |
| <li> <a href="https://github.com/BlissRoms">BlissROMs GitHub</a> </li> |
| <li> <a href="https://github.com/BlissRoms-Devices">BlissROMs-Devices GitHub</a> </li> |
| <li> <a href="https://github.com/BlissRoms-x86">Bliss OS GitHub</a> </li> |
| <li> <a href="https://github.com/BlissRoms-pine64">BlissROMs-PINE64 GitHub</a> </li> |
| </ul> |
| </div> |
| <div class="col-lg-3 col-6 p-3"> |
| <h5>Subreddits</h5> |
| <ul class="list-unstyled"> |
| <li> <a href="https://www.reddit.com/r/BlissRoms">BlissROMs</a> </li> |
| <li> <a href="https://www.reddit.com/r/BlissOS">Bliss OS</a> </li> |
| <li> <a href="https://www.reddit.com/r/TeamBliss">TeamBliss</a> </li> |
| </ul> |
| </div> |
| <div class="col-lg-3 col-md-3 p-3"> |
| <h5> <b>Follow us</b> </h5> |
| <div class="row"> |
| <div class="col-md-12 d-flex align-items-center my-2 justify-content-center"> <a href="https://www.facebook.com/BlissFamilyOfROMs/" class=""> |
| <i class="d-block fa fa-facebook-official text-muted mr-2 fa-2x"></i> |
| </a> <a href="https://www.instagram.com/blissroms/"> |
| <i class="d-block fa fa-instagram text-muted mx-2 fa-2x"></i> |
| </a><a href="https://github.com/BlissRoms"> |
| <i class="d-block fa fa-github text-muted text-muted mx-2 fa-2x"></i> |
| </a><a href="https://www.linkedin.com/company/stayblissful"> |
| <i class="d-block fa fa-linkedin text-muted text-muted mx-2 fa-2x"></i> |
| </a> <a href="https://www.reddit.com/r/BlissRoms"> |
| <i class="d-block fa fa-reddit text-muted mx-2 fa-2x"></i> |
| </a> <a href="https://twitter.com/Bliss_Roms"> |
| <i class="d-block fa fa-twitter text-muted ml-2 fa-2x"></i> |
| </a> </div> |
| </div> |
| </div> |
| </div> |
| <div class="row"> |
| <div class="col-md-12 text-center"> |
| <p class="mb-0 mt-2">© 2021 BlissLabs. All rights reserved</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| <!-- Footer --> |
| <!-- JavaScript dependencies --> |
| <script src="js/mainani.js" type="text/javascript"></script> |
| <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> |
| <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> |
| <!-- Script: Smooth scrolling between anchors in the same page --> |
| <script src="js/smooth-scroll.js"></script> |
| <script src="js/conditionize.js"></script> |
| </div> |
| </body> |
| |
| </html> |