mirror of
https://github.com/SrIzan10/TwisterOS.git
synced 2026-05-01 11:05:22 +00:00
create staging area and about page
This commit is contained in:
phoenixbyrd
88
Staging/about.html
Normal file
88
Staging/about.html
Normal file
@@ -0,0 +1,88 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--Required Meta Tags-->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<!--CSS-->
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<title>Twister OS</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!--Navbar-->
|
||||
<div class="container">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark">
|
||||
<!-- Navbar brand -->
|
||||
<img src="images/TwisterOSLogo.png" class="img-fluid" width="40%">
|
||||
<!-- Collapse button -->
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav"
|
||||
aria-controls="basicExampleNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<!-- Collapsible content -->
|
||||
<div class="collapse navbar-collapse" id="basicExampleNav">
|
||||
<!-- Links -->
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">HOME</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">DOWNLOADS</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">FAQ</a>
|
||||
</li>
|
||||
<!-- Collapsible content -->
|
||||
</nav>
|
||||
</div>
|
||||
<!--/.Navbar-->
|
||||
|
||||
<!--Content-->
|
||||
<div class="container">
|
||||
|
||||
<h3 class="about">About Twister OS <span><h6>A note from our founder</h6></span></h3>
|
||||
|
||||
<p>
|
||||
Twister OS is the successor of Raspbian 95, Raspbian XP, Raspbian X, Raspbian X Nighthawk
|
||||
and iRaspbian (The Last two being made by Grayduck) It was a personal project done by me, Salvador.
|
||||
With the idea that the Raspian Pixel Desktop wasn't enough, I created Raspbian 95/XP. In terms of
|
||||
productivity, XFCE was a much better desktop and adding some emulator would make make both worlds
|
||||
(gaming and desktop) merged as one build. Twister OS is built on the official Raspbian Pi OS with
|
||||
themes designed to appear like operating systems they are themed after, but they are no operating
|
||||
systems by themselves. With that said, Software updates for Twister OS relies upon the Raspberry Pi
|
||||
Foundation while internal changes to themes and included software are updated by us via patches.
|
||||
</p>
|
||||
<p>
|
||||
The second and maybe most important part weren't the themes themselves (That Grayduck a friend I made
|
||||
through this process and now copropietary of Pi Labs Youtube channel demonstrating all his assets doing
|
||||
that part much better than I), but was Box86. Box86 is an emulator developed by ptitSeb that vanishes the
|
||||
borders between ARM Linux and x86 Linux, being able to automatically execute (with some kind of success)
|
||||
x86 Linux binaries and Wine x86 without any complex process like we suffer on other slow and painful
|
||||
implimentations, like Exagear (not open sourced and abandoned) or Qemu with chroots and VM's.
|
||||
</p>
|
||||
<p>
|
||||
Windows on ARM Operating System is another closed source non Linux way of running x86 software on
|
||||
the Raspberry Pi 4. While it has a fast dynarec, it does everything through software and from my perspective
|
||||
that's not a good approach, like it wasn't on Exagear. There is another thing, even with Microsoft getting
|
||||
involved and making a driver for it, it would be limited to just the Raspberry Pi 4. Box86 and Linux can run
|
||||
anywhere, especially with open source MESA drivers, it's not limited to just the Raspberry Pi 4. Box86 can run
|
||||
on the Odroid N2, C4, any RK3399 and many other single board computers.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<!--/.Content-->
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="page-footer">
|
||||
<div class="text-center py-3">
|
||||
<p>Twister OS 2020 | <a href="https://discord.gg/Fh8sjmu">Join us on Discord!</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
<!--/.Footer -->
|
||||
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
300
Staging/downloads.html
Normal file
300
Staging/downloads.html
Normal file
@@ -0,0 +1,300 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--Required Meta Tags-->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<!--CSS-->
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="icon" href="favicon.png">
|
||||
<title>Twister OS</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!--Navbar-->
|
||||
<div class="container">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark">
|
||||
<!-- Navbar brand -->
|
||||
<img src="images/TwisterOSLogo.png" class="img-fluid" width="40%">
|
||||
<!-- Collapse button -->
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav"
|
||||
aria-controls="basicExampleNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<!-- Collapsible content -->
|
||||
<div class="collapse navbar-collapse" id="basicExampleNav">
|
||||
<!-- Links -->
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">HOME</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="downloads.html">DOWNLOADS</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link mobilehidden" href="faq.html">FAQ</a>
|
||||
</li>
|
||||
<!-- Collapsible content -->
|
||||
</nav>
|
||||
</div>
|
||||
<!--/.Navbar-->
|
||||
|
||||
<!--Content-->
|
||||
<main>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg current-release">
|
||||
<p><h3>Current Release</h3></p>
|
||||
<p><h4>Twister OS 1.5</h4></p>
|
||||
</div>
|
||||
<div class="col-lg current-release">
|
||||
<div class="container">
|
||||
<a href="https://archive.org/download/twister-osv-1-5.img/TwisterOSv1-5.img.xz"><button class="btn current"><i class="fa fa-download"></i> Download</button></a>
|
||||
</div>
|
||||
<div class="container">
|
||||
<a href="https://archive.org/download/twister-osv-1-5.img/twister-osv-1-5.img_archive.torrent"><button class="btn current"><i class="fa fa-download"></i> Torrent</button></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container mobilehidden">
|
||||
<table width=100% border=0 align=center">
|
||||
<tr>
|
||||
<td align=left colspan=3 style="padding: 10px; border-top: none; border-left: none; border-right: none; border-bottom: 1px #FF0000; border-collapse: collapse;">Upgrades</td>
|
||||
</tr>
|
||||
<!--UPDATES BELOW THIS LINE-->
|
||||
<tr>
|
||||
<td align=left style="padding: 10px;">Version 1.5 (or 1.5.1) to 1.5.2</td>
|
||||
<td align=center style="padding: 10px;"><a href="#" data-toggle="modal" data-target="#myModal6">Changelog</a>
|
||||
<!-- Modal -->
|
||||
<div id="myModal6" class="modal fade" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<!-- Modal content-->
|
||||
<div class="modal-content">
|
||||
<div class="pop-title">
|
||||
<h4 class="modal-title">Version 1.5 (or 1.5.1) to 1.5.2</h4>
|
||||
</div>
|
||||
<div class="pop-body">
|
||||
<p>Version 1.5.2 patch notes:</p>
|
||||
<p>
|
||||
<ul align=left>
|
||||
<li>Yet more Wine x86 fixes</li>
|
||||
<li>Added Twister OS version identifier script</li>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
<div align=center class="pop-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td align=center style="padding: 10px;"><a href="https://twisteros.com/Patches/TwisterOSv1-5-2Patch.zip"><button class="btn"><i class="fa fa-download"></i> TwisterOSv1-5-2Patch.zip</button></a></td>
|
||||
</tr>
|
||||
<!--************************************************************************-->
|
||||
<tr>
|
||||
<td align=left style="padding: 10px;">Version 1.4.1 to 1.5</td>
|
||||
<td align=center style="padding: 10px;"><a href="#" data-toggle="modal" data-target="#myModal5">Changelog</a>
|
||||
<!-- Modal -->
|
||||
<div id="myModal5" class="modal fade" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<!-- Modal content-->
|
||||
<div class="modal-content">
|
||||
<div class="pop-title">
|
||||
<h4 class="modal-title">Version 1.4.1 to 1.5</h4>
|
||||
</div>
|
||||
<div class="pop-body">
|
||||
<p>Version 1.5 patch notes:</p>
|
||||
<p>
|
||||
<ul align=left>
|
||||
<li>Added Raspbian XP theme</li>
|
||||
<li>Added new default Twister OS theme</li>
|
||||
<li>Fixed an issue where DynamicWallpaper would not display correct wallpaper on boot</li>
|
||||
<li>Improved Wine x86 compatibility</li>
|
||||
<li>Added PlayOnLinux</li>
|
||||
<li>Updated README</li>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
<div align=center class="pop-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td align=center style="padding: 10px;"><a href="https://twisteros.com/Patches/TwisterOS1-5Patch.zip"><button class="btn"><i class="fa fa-download"></i> TwisterOSv1-5Patch.zip</button></a></td>
|
||||
</tr>
|
||||
<!--*******************************************************************************-->
|
||||
<tr>
|
||||
<td align=left style="padding: 10px;">Version 1.3 to 1.4.1</td>
|
||||
<td align=center style="padding: 10px;"><a href="#" data-toggle="modal" data-target="#myModal4">Changelog</a>
|
||||
<!-- Modal -->
|
||||
<div id="myModal4" class="modal fade" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<!-- Modal content-->
|
||||
<div class="modal-content">
|
||||
<div class="pop-title">
|
||||
<h4 class="modal-title">Version 1.3 to 1.4.1</h4>
|
||||
</div>
|
||||
<div class="pop-body">
|
||||
<p>Version 1.4.1 patch notes:</p>
|
||||
<p>
|
||||
<ul align=left>
|
||||
<li>Improved ThemeTwister to support additional themes</li>
|
||||
<li>Added Raspbian 95 theme</li>
|
||||
<li>Added iRaspbian Dark theme</li>
|
||||
<li>Made improvements to Raspbian X/Nighthawk themes, added Raspbian X (light) theme to ThemeTwister</li>
|
||||
<li>Made improvements to Discord web "app"</li>
|
||||
<li>Fixed Steam menu shortcut</li>
|
||||
<li>Upgraded LightPad to current version</li>
|
||||
<li>Improved Kodi support</li>
|
||||
<li>Added DynamicWallpaper application</li>
|
||||
<li>Upgraded CommanderPi to current version</li>
|
||||
<li>Added support and binaries for Wine x86 (beta)</li>
|
||||
<li>Added "SkiFree" Windows game</li>
|
||||
<li>Added Audacious music player app with WinAmp theme</li>
|
||||
<li>Added updated Mesa and Vulkan driver (beta)</li>
|
||||
<li>Added PiKISS application</li>
|
||||
<li>Updated README</li>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
<div align=center class="pop-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td align=center style="padding: 10px;"><a href="https://archive.org/download/twister-osv-1-4-1-patch/TwisterOSv1-4-1Patch.zip"><button class="btn"><i class="fa fa-download"></i> TwisterOSv1-4-1Patch.zip</button></a></td>
|
||||
</tr>
|
||||
<!--**************************************************************************-->
|
||||
<tr>
|
||||
<td align=left style="padding: 10px;">Version 1.2 to 1.3</td>
|
||||
<td align=center style="padding: 10px;"><a href="#" data-toggle="modal" data-target="#myModal3">Changelog</a>
|
||||
<!-- Modal -->
|
||||
<div id="myModal3" class="modal fade" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<!-- Modal content-->
|
||||
<div class="modal-content">
|
||||
<div class="pop-title">
|
||||
<h4 class="modal-title">Version 1.2 to 1.3</h4>
|
||||
</div>
|
||||
<div class="pop-body">
|
||||
<p>Version 1.3 patch notes:</p>
|
||||
<p>
|
||||
<ul align=left>
|
||||
<li>Modified login screen themes to accommodate long user names</li>
|
||||
<li>Fixed a font issue on the iRaspbian login screen theme</li>
|
||||
<li>Added Discord web "app" for Twister OS support</li>
|
||||
<li>Updated application icons for Box86</li>
|
||||
<li>Updated README</li>
|
||||
<li>Fixed "libc.so.6" error message when launching Steam and added support for certain Valve games</li>
|
||||
<li>Added an "Exit Steam" app to close Steam if it is still running after exiting the program</li>
|
||||
<li>Replaced Gimpshop Reloaded with PhotoGIMP v.2020</li>
|
||||
<li>Added Neofetch application and associated icon/shortcut to quickly view system information</li>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
<div align=center class="pop-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td align=center style="padding: 10px;"><a href="https://twisteros.com/Patches/TwisterOSv1-3Patch.zip"><button class="btn"><i class="fa fa-download"></i> TwisterOSv1-3Patch.zip</button></a></td>
|
||||
</tr>
|
||||
<!--*********************************************************************************-->
|
||||
<tr>
|
||||
<td align=left style="padding: 10px;">Version 1.1 to 1.2</td>
|
||||
<td align=center style="padding: 10px;"><a href="#" data-toggle="modal" data-target="#myModal2">Changelog</a>
|
||||
<!-- Modal -->
|
||||
<div id="myModal2" class="modal fade" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<!-- Modal content-->
|
||||
<div class="modal-content">
|
||||
<div class="pop-title">
|
||||
<h4 class="modal-title">Version 1.1 to 1.2</h4>
|
||||
</div>
|
||||
<div class="pop-body">
|
||||
<p>Version 1.2 patch notes:</p>
|
||||
<p>
|
||||
<ul align=left>
|
||||
<li>Fixed an issue where the "Contacts" app would not appear in the application menu</li>
|
||||
<li>Replaced the login screen for the Nighthawk theme with a new one that can scale to different display resolutions</li>
|
||||
<li>Updated the login screen for the iRaspbian theme</li>
|
||||
<li>Replaced the Slingscold application launcher with LightPad, which fixes an issue with launching terminal-based apps</li>
|
||||
<li>Updated README</li>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
<div align=center class="pop-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td align=center style="padding: 10px;"><a href="https://twisteros.com/Patches/TwisterOSv1-2Patch.zip"><button class="btn"><i class="fa fa-download"></i> TwisterOSv1-2Patch.zip</button></a></td>
|
||||
</tr>
|
||||
<!--**************************************************************************************-->
|
||||
<tr>
|
||||
<td align=left style="padding: 10px;">Version 1.0 to 1.1</td>
|
||||
<td align=center style="padding: 10px;"><a href="#" data-toggle="modal" data-target="#myModal1">Changelog</a>
|
||||
<!-- Modal -->
|
||||
<div id="myModal1" class="modal fade" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<!-- Modal content-->
|
||||
<div class="modal-content">
|
||||
<div class="pop-title">
|
||||
<h4 class="modal-title">Version 1.0 to 1.1</h4>
|
||||
</div>
|
||||
<div class="pop-body">
|
||||
<p>Version 1.1 patch notes:</p>
|
||||
<p>
|
||||
<ul align=left>
|
||||
<li>Fixed an issue where certain application icons would change or become hidden after Raspberry Pi OS updates</li>
|
||||
<li>Updated Commander Pi to version 0.4.1</li>
|
||||
<li>Fixed an issue where the display would not reinitialize after screen blanking was invoked</li>
|
||||
<li>Made minor improvements to the default theme restoration mechanism</li>
|
||||
<li>Fixed an issue where the bluetooth icon would occasionally not appear in the system tray upon boot</li>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
<div align=center class="pop-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td align=center style="padding: 10px;"><a href="https://twisteros.com/Patches/TwisterOSv1-1Patch.zip"><button class="btn"><i class="fa fa-download"></i> TwisterOSv1-1Patch.zip</button></a></td>
|
||||
</tr>
|
||||
<!--*****************************************************************************************-->
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<div class="container ver-info">
|
||||
<p>To determine which version of Twister OS you're currently using, check the README file on the Desktop. For version 1.5.2 and newer, simply open a terminal and type "twistver"</p>
|
||||
</div>
|
||||
<!--/.Content-->
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="page-footer">
|
||||
<div class="text-center py-3">
|
||||
<p>Twister OS 2020 | <a href="https://discord.gg/Fh8sjmu">Join us on Discord!</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
<!--/.Footer -->
|
||||
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
157
Staging/faq.html
Normal file
157
Staging/faq.html
Normal file
@@ -0,0 +1,157 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--Required Meta Tags-->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<!--CSS-->
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="icon" href="favicon.png">
|
||||
<title>Twister OS</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!--Navbar-->
|
||||
<div class="container">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark">
|
||||
<!-- Navbar brand -->
|
||||
<img src="images/TwisterOSLogo.png" class="img-fluid" width="40%">
|
||||
<!-- Collapse button -->
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav"
|
||||
aria-controls="basicExampleNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<!-- Collapsible content -->
|
||||
<div class="collapse navbar-collapse" id="basicExampleNav">
|
||||
<!-- Links -->
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">HOME</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="downloads.html">DOWNLOADS</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="faq.html">FAQ</a>
|
||||
</li>
|
||||
<!-- Collapsible content -->
|
||||
</nav>
|
||||
</div>
|
||||
<!--/.Navbar-->
|
||||
|
||||
<!--Content-->
|
||||
<div class="mobilehidden faq">
|
||||
<section class="accordion-section clearfix mt-3 faq" aria-label="Question Accordions">
|
||||
<div class="container faq">
|
||||
|
||||
<h2>Frequently Asked Questions </h2>
|
||||
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading p-3 mb-3" role="tab" id="heading0">
|
||||
<h3 class="panel-title">
|
||||
<a class="collapsed" role="button" title="" data-toggle="collapse" data-parent="#accordion" href="#collapse0" aria-expanded="true" aria-controls="collapse0">
|
||||
What Is The Default Password?
|
||||
</a>
|
||||
</h3>
|
||||
</div>
|
||||
<div id="collapse0" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading0">
|
||||
<div class="panel-body px-3 mb-4">
|
||||
<p>The default password is raspberry</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading p-3 mb-3" role="tab" id="heading1">
|
||||
<h3 class="panel-title">
|
||||
<a class="collapsed" role="button" title="" data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="true" aria-controls="collapse1">
|
||||
Will This Run My Pi 3B+ ?
|
||||
</a>
|
||||
</h3>
|
||||
</div>
|
||||
<div id="collapse1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading1">
|
||||
<div class="panel-body px-3 mb-4">
|
||||
<p>While Twister OS will install on the 3B+ it is not recomended. Twister OS was designed and build around the Pi4 and you may experience issues installing on the 3B+.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading p-3 mb-3" role="tab" id="heading2">
|
||||
<h3 class="panel-title">
|
||||
<a class="collapsed" role="button" title="" data-toggle="collapse" data-parent="#accordion" href="#collapse2" aria-expanded="true" aria-controls="collapse2">
|
||||
How Do I Change The Password
|
||||
</a>
|
||||
</h3>
|
||||
</div>
|
||||
<div id="collapse2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading2">
|
||||
<div class="panel-body px-3 mb-4">
|
||||
<p>Open Terminal and type passwd - follow the prompts to change your password.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading p-3 mb-3" role="tab" id="heading3">
|
||||
<h3 class="panel-title">
|
||||
<a class="collapsed" role="button" title="" data-toggle="collapse" data-parent="#accordion" href="#collapse3" aria-expanded="true" aria-controls="collapse3">
|
||||
Is Twister OS 64bit?
|
||||
</a>
|
||||
</h3>
|
||||
</div>
|
||||
<div id="collapse3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading3">
|
||||
<div class="panel-body px-3 mb-4">
|
||||
<p>Twister OS is a 32bit Operating System.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading p-3 mb-3" role="tab" id="heading4">
|
||||
<h3 class="panel-title">
|
||||
<a class="collapsed" role="button" title="" data-toggle="collapse" data-parent="#accordion" href="#collapse4" aria-expanded="true" aria-controls="collapse4">
|
||||
How do I patch Twister OS?
|
||||
</a>
|
||||
</h3>
|
||||
</div>
|
||||
<div id="collapse4" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading4">
|
||||
<div class="panel-body px-3 mb-4">
|
||||
<ul>
|
||||
<li>Download the patch you need</li>
|
||||
<li>Open File Manager and navigate to Downloads</li>
|
||||
<li>Right click on the patch zip file and choose extract here</li>
|
||||
<li>Open the patch folder that was just created</li>
|
||||
<li>Now right click a blank spot inside the folder and choose open terminal here</li>
|
||||
<li>Once terminal opens type ./ followed by the .sh file name inside the current directory</li>
|
||||
<li>Quick trick, you can type the first character and hit the tab key to autocomplete the filename.</li>
|
||||
<li>Hit the ENTER key to begin the patch process</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!--/.Content-->
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="page-footer footer-faq">
|
||||
<div class="text-center py-3">
|
||||
<p>Twister OS 2020 | <a href="https://discord.gg/Fh8sjmu">Join us on Discord!</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
<!--/.Footer -->
|
||||
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
BIN
Staging/favicon.png
Normal file
BIN
Staging/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
Staging/images/Box86Logo.png
Normal file
BIN
Staging/images/Box86Logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
Staging/images/CPiTitle.png
Normal file
BIN
Staging/images/CPiTitle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
Staging/images/HowDoYouPi.png
Normal file
BIN
Staging/images/HowDoYouPi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
BIN
Staging/images/PiLabs.png
Normal file
BIN
Staging/images/PiLabs.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
Staging/images/TwisterOSLogo.png
Normal file
BIN
Staging/images/TwisterOSLogo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
Staging/images/iraspbian-dark.png
Normal file
BIN
Staging/images/iraspbian-dark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 555 KiB |
BIN
Staging/images/iraspbian.png
Normal file
BIN
Staging/images/iraspbian.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 603 KiB |
BIN
Staging/images/nighthawk.png
Normal file
BIN
Staging/images/nighthawk.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 592 KiB |
BIN
Staging/images/raspbian95.png
Normal file
BIN
Staging/images/raspbian95.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 504 KiB |
BIN
Staging/images/raspbianx.png
Normal file
BIN
Staging/images/raspbianx.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 648 KiB |
BIN
Staging/images/raspbianxp.png
Normal file
BIN
Staging/images/raspbianxp.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 669 KiB |
BIN
Staging/images/twisteros.png
Normal file
BIN
Staging/images/twisteros.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
138
Staging/index.html
Normal file
138
Staging/index.html
Normal file
@@ -0,0 +1,138 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--Required Meta Tags-->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<!--CSS-->
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="icon" href="favicon.png">
|
||||
<title>Twister OS</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!--Navbar-->
|
||||
<div class="container">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark">
|
||||
<!-- Navbar brand -->
|
||||
<img src="images/TwisterOSLogo.png" class="img-fluid" width="40%">
|
||||
<!-- Collapse button -->
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav"
|
||||
aria-controls="basicExampleNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<!-- Collapsible content -->
|
||||
<div class="collapse navbar-collapse" id="basicExampleNav">
|
||||
<!-- Links -->
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">HOME</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="downloads.html">DOWNLOADS</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link mobilehidden" href="faq.html">FAQ</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- Collapsible content -->
|
||||
</nav>
|
||||
</div>
|
||||
<!--/.Navbar-->
|
||||
|
||||
<!--Content-->
|
||||
<!--Mobile Only-->
|
||||
<div class="mobileShow">
|
||||
<img src="images/twisteros.png" class="img-fluid">
|
||||
<div class="dltoday">
|
||||
<div class="center mobile">Download Twister OS</div>
|
||||
<div class="center mobile">Available for Raspberry Pi 4</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Carousel-->
|
||||
<div class="container center mobilehidden">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!--Carousel-->
|
||||
<div id="myCarousel" class="carousel slide" data-ride="carousel">
|
||||
<!-- Carousel indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#myCarousel" data-slide-to="1"></li>
|
||||
<li data-target="#myCarousel" data-slide-to="2"></li>
|
||||
<li data-target="#myCarousel" data-slide-to="3"></li>
|
||||
<li data-target="#myCarousel" data-slide-to="4"></li>
|
||||
<li data-target="#myCarousel" data-slide-to="5"></li>
|
||||
<li data-target="#myCarousel" data-slide-to="6"></li>
|
||||
</ol>
|
||||
<!-- Wrapper for carousel items -->
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img src="images/twisteros.png" alt="Twister OS Theme" class="img-fluid">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="images/raspbian95.png" alt="Raspbian 95 Theme" class="img-fluid">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="images/raspbianxp.png" alt="Raspbian XP Theme" class="img-fluid">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="images/raspbianx.png" alt="Raspbian X Theme" class="img-fluid">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="images/nighthawk.png" alt="Nighthawk Theme" class="img-fluid">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="images/iraspbian.png" alt="iRaspbian - Light Theme" class="img-fluid">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="images/iraspbian-dark.png" alt="iRaspbian - Dark Theme" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<!-- Carousel controls -->
|
||||
<a class="carousel-control-prev" href="#myCarousel" data-slide="prev">
|
||||
<span class="carousel-control-prev-icon"></span>
|
||||
</a>
|
||||
<a class="carousel-control-next" href="#myCarousel" data-slide="next">
|
||||
<span class="carousel-control-next-icon"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--How Do You Pi?-->
|
||||
<div class="container">
|
||||
<img src="images/HowDoYouPi.png" alt="How Do You Pi?" class="center howpi">
|
||||
</div>
|
||||
|
||||
<!--Partner Logo's-->
|
||||
<div class="container mobilehidden">
|
||||
<div class="row">
|
||||
<div class="col-sm-4 logo center">
|
||||
<a href="https://github.com/ptitSeb/box86" target="_blank"><img src="images/Box86Logo.png" alt="Box86 Logo" data-toggle="tooltip" data-placement="top" title="Get Box86 from Github and start playing some of your old favorites today!"></a>
|
||||
</div>
|
||||
<div class="col-sm-4 logo center">
|
||||
<a href="https://www.youtube.com/channel/UCgfQjdc5RceRlTGfuthBs7g" target="_blank"><img src="images/PiLabs.png" alt="Pi Labs Logo" data-toggle="tooltip" data-placement="top" title="Catch the latest Twister OS updates and more on Pi Labs Youtube channel!"></a>
|
||||
</div>
|
||||
<div class="col-sm-4 logo center">
|
||||
<a href="https://github.com/Jack477/CommanderPi" target="_blank"><img src="images/CPiTitle.png" alt="Commander PI Logo" data-toggle="tooltip" data-placement="top" title="Take control of your Pi4 with Commander Pi! Available for download at Github!"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--/.Content-->
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="page-footer">
|
||||
<div class="text-center py-3">
|
||||
<p>Twister OS 2020 | <a href="https://discord.gg/Fh8sjmu">Join us on Discord!</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
<!--/.Footer -->
|
||||
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
57
Staging/shell.html
Normal file
57
Staging/shell.html
Normal file
@@ -0,0 +1,57 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--Required Meta Tags-->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<!--CSS-->
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<title>Twister OS</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!--Navbar-->
|
||||
<div class="container">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark">
|
||||
<!-- Navbar brand -->
|
||||
<img src="images/TwisterOSLogo.png" class="img-fluid" width="40%">
|
||||
<!-- Collapse button -->
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav"
|
||||
aria-controls="basicExampleNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<!-- Collapsible content -->
|
||||
<div class="collapse navbar-collapse" id="basicExampleNav">
|
||||
<!-- Links -->
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">HOME</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">DOWNLOADS</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">FAQ</a>
|
||||
</li>
|
||||
<!-- Collapsible content -->
|
||||
</nav>
|
||||
</div>
|
||||
<!--/.Navbar-->
|
||||
|
||||
<!--Content-->
|
||||
|
||||
<!--/.Content-->
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="page-footer">
|
||||
<div class="text-center py-3">
|
||||
<p>Twister OS 2020 | <a href="https://discord.gg/Fh8sjmu">Join us on Discord!</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
<!--/.Footer -->
|
||||
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
274
Staging/style.css
Normal file
274
Staging/style.css
Normal file
@@ -0,0 +1,274 @@
|
||||
/* Target Mobile */
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
|
||||
.mobilehidden {
|
||||
visibility: hidden;
|
||||
clear: both;
|
||||
display: none;
|
||||
}
|
||||
|
||||
nav > img {
|
||||
width: 80% !important;
|
||||
margin-bottom: 20px;
|
||||
margin-right: unset !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.mobileShow {display: none;}
|
||||
|
||||
/* Smartphone Portrait and Landscape */
|
||||
@media only screen
|
||||
and (min-device-width : 320px)
|
||||
and (max-device-width : 480px){
|
||||
.mobileShow {
|
||||
display: inline;
|
||||
}
|
||||
.mobileshow, img {
|
||||
display: block;
|
||||
margin-left: auto !important;
|
||||
margin-right: auto !important;
|
||||
margin-top: 5% !important;
|
||||
width: 90% !important;
|
||||
margin-bottom: 10% !important;
|
||||
}
|
||||
.mobile {
|
||||
margin-left: 20% !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.howpi {
|
||||
margin-top: -15% !important;
|
||||
}
|
||||
|
||||
nav > img {
|
||||
width: 60% !important;
|
||||
margin-left: 5% !important;
|
||||
margin-right: 1% !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.btn.current {
|
||||
margin-left: 30%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.navbar-toggler {
|
||||
width: unset !important;
|
||||
}
|
||||
|
||||
h3 {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h4 {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ver-info {
|
||||
width: 100% !important;
|
||||
margin-top: 50px !important;
|
||||
}
|
||||
|
||||
button {
|
||||
margin-left: unset !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
li .nav-item {
|
||||
font-size: 50px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/***************************************************************************/
|
||||
|
||||
/* CSS - All Pages*/
|
||||
|
||||
html, body {
|
||||
height: 100% !important;
|
||||
width: 100% !important;
|
||||
background-color: #2D2C8A !important;
|
||||
color: antiquewhite !important;
|
||||
line-height: 1.8 !important;
|
||||
}
|
||||
|
||||
nav > img {
|
||||
margin-right: 45%;
|
||||
margin-left: -5%;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #FACF46 !important;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* CSS - Index Page */
|
||||
|
||||
.center { /* Properly Display Carousel on the Page */
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 50%;
|
||||
margin-top: 2%;
|
||||
}
|
||||
|
||||
.logo > img {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
/* CSS - Downloads Page */
|
||||
|
||||
.btn {
|
||||
background-color: #FACF46;
|
||||
border: none;
|
||||
padding: 12px 30px;
|
||||
cursor: pointer;
|
||||
font-size: 20px;
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.btn a {
|
||||
color: #1f1f2e;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
button {
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
td {
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
td a {
|
||||
color: #FACF46;
|
||||
}
|
||||
|
||||
.ver-info {
|
||||
margin-top: 1%;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
main {
|
||||
margin-top: 1.5%;
|
||||
margin-left: 4%;
|
||||
}
|
||||
|
||||
table {
|
||||
margin-top: 2%;
|
||||
}
|
||||
|
||||
.current-release {
|
||||
margin-top: 4% !important;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.btn.current {
|
||||
width: 40%;
|
||||
float: left;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
button {
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
margin-top: 10%;
|
||||
background-color: #2D2C8A !important;
|
||||
}
|
||||
|
||||
.pop-title {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.pop-footer button {
|
||||
width: 50%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* CSS - FAQ Page */
|
||||
|
||||
|
||||
h2 {
|
||||
font-family: Arial, Verdana;
|
||||
font-weight: 600;
|
||||
font-size: 2.5rem;
|
||||
color: antiquewhite;
|
||||
text-transform: uppercase;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 60%;
|
||||
margin-bottom: 50px;
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
.accordion-section .panel-default > .panel-heading {
|
||||
border: 0;
|
||||
background: #2D2C8A;
|
||||
padding: 0;
|
||||
color: antiquewhite !important;
|
||||
}
|
||||
.accordion-section .panel-default .panel-title a {
|
||||
display: block;
|
||||
font-style: bold;
|
||||
font-size: 1.5rem;
|
||||
color: antiquewhite !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
.accordion-section .panel-default .panel-title a:after {
|
||||
font-family: 'FontAwesome';
|
||||
font-style: normal;
|
||||
font-size: 3rem;
|
||||
content: "\f106";
|
||||
color: #1f1f2e;
|
||||
float: right;
|
||||
margin-top: -12px;
|
||||
}
|
||||
.accordion-section .panel-default .panel-title a.collapsed:after {
|
||||
content: "\f107";
|
||||
}
|
||||
.accordion-section .panel-default .panel-body {
|
||||
font-size: 1.2rem;
|
||||
color: antiquewhite !important;
|
||||
}
|
||||
|
||||
.footer-faq {
|
||||
margin-top: 9.5%;
|
||||
}
|
||||
|
||||
/* CSS - About Page */
|
||||
|
||||
.about {
|
||||
font-family: Arial, Verdana;
|
||||
font-weight: 600;
|
||||
|
||||
color: antiquewhite;
|
||||
text-transform: uppercase;
|
||||
display: block;
|
||||
|
||||
width: 100%;
|
||||
margin-bottom: 50px;
|
||||
margin-top: 100px;
|
||||
}
|
||||
42
about.html
42
about.html
@@ -40,9 +40,47 @@
|
||||
<!--/.Navbar-->
|
||||
|
||||
<!--Content-->
|
||||
<div class="container">
|
||||
|
||||
<h3 class="about">About Twister OS <span><h6>A note from our founder</h6></span></h3>
|
||||
|
||||
<p>
|
||||
Twister OS is the successor of Raspbian 95, Raspbian XP, Raspbian X, Raspbian X Nighthawk
|
||||
and iRaspbian (The Last two being made by Grayduck) It was a personal project done by me, Salvador.
|
||||
With the idea that the Raspian Pixel Desktop wasn't enough, I created Raspbian 95/XP. In terms of
|
||||
productivity, XFCE was a much better desktop and adding some emulator would make make both worlds
|
||||
(gaming and desktop) merged as one build. Twister OS is built on the official Raspbian Pi OS with
|
||||
themes designed to appear like operating systems they are themed after, but they are no operating
|
||||
systems by themselves. With that said, Software updates for Twister OS relies upon the Raspberry Pi
|
||||
Foundation while internal changes to themes and included software are updated by us via patches.
|
||||
</p>
|
||||
<p>
|
||||
The second and maybe most important part weren't the themes themselves (That Grayduck a friend I made
|
||||
through this process and now copropietary of Pi Labs Youtube channel demonstrating all his assets doing
|
||||
that part much better than I), but was Box86. Box86 is an emulator developed by ptitSeb that vanishes the
|
||||
borders between ARM Linux and x86 Linux, being able to automatically execute (with some kind of success)
|
||||
x86 Linux binaries and Wine x86 without any complex process like we suffer on other slow and painful
|
||||
implimentations, like Exagear (not open sourced and abandoned) or Qemu with chroots and VM's.
|
||||
</p>
|
||||
<p>
|
||||
Windows on ARM Operating System is another closed source non Linux way of running x86 software on
|
||||
the Raspberry Pi 4. While it has a fast dynarec, it does everything through software and from my perspective
|
||||
that's not a good approach, like it wasn't on Exagear. There is another thing, even with Microsoft getting
|
||||
involved and making a driver for it, it would be limited to just the Raspberry Pi 4. Box86 and Linux can run
|
||||
anywhere, especially with open source MESA drivers, it's not limited to just the Raspberry Pi 4. Box86 can run
|
||||
on the Odroid N2, C4, any RK3399 and many other single board computers.
|
||||
</p>
|
||||
<p>
|
||||
With the idea of being able to execute x86 software with a fast dynarec plus GPU acceleration opens the
|
||||
future of cheap ARM linux handhelds or laptops that would be able to run x86 Linux and Windows software (with
|
||||
Box86 and Wine x86). I would like to thank ptitSeb for his continuing development of Box86 and all the MESA
|
||||
drivers to keep working on GPU's that are really constrained on capabilities and giving them features that
|
||||
weren't meant for them, especially on Panfrost. Grayduck, the artist behind Twister OS, and Phoenixbyrd to
|
||||
the support on Discord and this official site.
|
||||
</p>
|
||||
<p align=right>Salvador.</p>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<!--/.Content-->
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
15
style.css
15
style.css
@@ -97,6 +97,7 @@
|
||||
|
||||
html, body {
|
||||
height: 100% !important;
|
||||
width: 100% !important;
|
||||
background-color: #2D2C8A !important;
|
||||
color: antiquewhite !important;
|
||||
line-height: 1.8 !important;
|
||||
@@ -257,3 +258,17 @@ h2 {
|
||||
margin-top: 9.5%;
|
||||
}
|
||||
|
||||
/* CSS - About Page */
|
||||
|
||||
.about {
|
||||
font-family: Arial, Verdana;
|
||||
font-weight: 600;
|
||||
|
||||
color: antiquewhite;
|
||||
text-transform: uppercase;
|
||||
display: block;
|
||||
|
||||
width: 100%;
|
||||
margin-bottom: 50px;
|
||||
margin-top: 100px;
|
||||
}
|
||||
Reference in New Issue
Block a user