mirror of
https://github.com/SrIzan10/TwisterOS.git
synced 2026-05-01 11:05:22 +00:00
site rebuit
This commit is contained in:
phoenixbyrd
Binary file not shown.
@@ -1,100 +0,0 @@
|
||||
<!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 img" 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="about.html">ABOUT</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="faq.html">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>
|
||||
<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 -->
|
||||
<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>
|
||||
@@ -1,303 +0,0 @@
|
||||
<!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" href="about.html">ABOUT</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>
|
||||
160
Staging/faq.html
160
Staging/faq.html
@@ -1,160 +0,0 @@
|
||||
<!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="about.html">ABOUT</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>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 555 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 603 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 592 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 504 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 648 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 669 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 89 KiB |
@@ -1,141 +0,0 @@
|
||||
<!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" href="about.html">ABOUT</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>
|
||||
@@ -1,57 +0,0 @@
|
||||
<!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>
|
||||
@@ -1,289 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width: 2560px) {
|
||||
.center { /* Properly Display Carousel on ultrawide monitor */
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 80% !important;
|
||||
margin-top: 2%;
|
||||
}
|
||||
|
||||
.center, img {
|
||||
margin-left: 7%;
|
||||
}
|
||||
}
|
||||
|
||||
/***************************************************************************/
|
||||
|
||||
/* 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: 50%;
|
||||
margin-left: -15%;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
157
about.html
157
about.html
@@ -1,99 +1,60 @@
|
||||
<!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="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="about.html">ABOUT</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="faq.html">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>
|
||||
<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
|
||||
driver developers 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>
|
||||
<div align=right>Salvador.</div>
|
||||
</div>
|
||||
<!--/.Content-->
|
||||
|
||||
<!-- Footer -->
|
||||
<footer >
|
||||
|
||||
<p>Twister OS 2020 | <a href="https://discord.gg/Fh8sjmu">Join us on Discord!</a></p>
|
||||
|
||||
</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>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<script src="https://kit.fontawesome.com/913306d3d3.js" crossorigin="anonymous"></script>
|
||||
<link rel="stylesheet" type="text/css" href="styles.css">
|
||||
<title>Twister OS</title>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="nav_background">
|
||||
<div class="logo"><img src="images/TwisterOSLogo.png"></div>
|
||||
<div class="menu">
|
||||
<a href="index.html">HOME</a>
|
||||
<a href="downloads.html">DOWNLOAD</a>
|
||||
<a href="about.html">ABOUT</a>
|
||||
<a href="faq.html">FAQ</a>
|
||||
</div>
|
||||
</nav>
|
||||
<br><br>
|
||||
<main class="desktop x1024">
|
||||
<h3 class="about">About Twister OS <span><h6 style="margin-top: -5px;">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
|
||||
driver developers 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>
|
||||
<div align=right style="margin-top: 50px; margin-bottom: -35px;">Salvador.</div>
|
||||
</main>
|
||||
<footer style="margin-top: 72px; padding: 0;"><p>Twister OS 2020 | <a href="#" target="_blank">Join our Discord!</a></p><p style="font-size: smaller; margin-top: -10px;">Site by: James Gundlach <a href="https://github.com/phoenixbyrd" style="color: antiquewhite; margin-left: 2px; margin-right: 2px;"><i class="fab fa-github"></i></a> | Email: <a href="mailto: james.gundlach79@gmail.com" style="font-size: small;">james.gundlach79@gmail.com</a></p></footer>
|
||||
</body>
|
||||
</html>
|
||||
570
downloads.html
570
downloads.html
@@ -1,342 +1,230 @@
|
||||
<!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" href="about.html">ABOUT</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.6</h4></p>
|
||||
</div>
|
||||
<div class="col-lg current-release">
|
||||
<div class="container">
|
||||
<a href="https://archive.org/download/twister-osv-1-6.img/TwisterOSv1-6.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-6.img/twister-osv-1-6.img_archive.torrent"><button class="btn current"><i class="fa fa-download"></i> Torrent</button></a>
|
||||
<p style="text-align: right; margin-right: 12%;"><a href="https://archive.org/details/@phoenixbyrd"><span style="font-size: 15px;">ARCHIVE</span></a></p>
|
||||
</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.2 to 1.6</td>
|
||||
<td align=center style="padding: 10px;"><a href="#" data-toggle="modal" data-target="#myModal7">Changelog</a>
|
||||
<!-- Modal -->
|
||||
<div id="myModal7" 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.2 to 1.6</h4>
|
||||
</div>
|
||||
<div class="pop-body">
|
||||
<p>Version 1.6 patch notes:</p>
|
||||
<p>
|
||||
<ul align=left>
|
||||
<li>Added custom Twister OS Neofetch theme</li>
|
||||
<li>Added Notification Center app</li>
|
||||
<li>Added Twister OS Onboarding app</li>
|
||||
<li>Added Spotlight app</li>
|
||||
<li>Added Twister OS Patcher</li>
|
||||
<li>Fixed an issue where certain app icons/text would display incorrectly in Lightpad</li>
|
||||
<li>Added Raspbian X Nighthawk-styled Twister OS wallpaper</li>
|
||||
<li>Removed PlayOnLinux</li>
|
||||
<li>Updated README</li>
|
||||
<p>Thanks to kreal, Natsurii, FlameKat53, and MobileGamesMotionYT for their contributions to this release</p>
|
||||
</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-6Patch.zip"><button class="btn"><i class="fa fa-download"></i> TwisterOSv1-6Patch.zip</button></a></td>
|
||||
</tr>
|
||||
<!--***************************************************************************************************************************************-->
|
||||
<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 >
|
||||
|
||||
<p>Twister OS 2020 | <a href="https://discord.gg/Fh8sjmu">Join us on Discord!</a></p>
|
||||
|
||||
</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>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<script src="https://kit.fontawesome.com/913306d3d3.js" crossorigin="anonymous"></script>
|
||||
<link rel="stylesheet" type="text/css" href="styles.css">
|
||||
<title>Twister OS</title>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="nav_background">
|
||||
<div class="logo"><img src="images/TwisterOSLogo.png"></div>
|
||||
<div class="menu">
|
||||
<a href="index.html">HOME</a>
|
||||
<a href="downloads.html">DOWNLOAD</a>
|
||||
<a href="about.html">ABOUT</a>
|
||||
<a href="faq.html">FAQ</a>
|
||||
</div>
|
||||
</nav>
|
||||
<br><br>
|
||||
<main style="margin-top: 85px; width: 70%;">
|
||||
<div style="margin: auto; ">
|
||||
<div class="current-release">
|
||||
<h1>Current Release</h1>
|
||||
<h3>Twister OS 1.6</h3>
|
||||
</div>
|
||||
<div class="current-links">
|
||||
<a href="https://archive.org/download/twister-osv-1-6.img/TwisterOSv1-6.img.xz"><button>DOWNLOAD</button></a>
|
||||
<a href="https://archive.org/download/twister-osv-1-6.img/twister-osv-1-6.img_archive.torrent"><button>TORRENT</button></a>
|
||||
</div>
|
||||
</div><br><br>
|
||||
<h2 style="text-align: center; ">Patches</h2><br><br>
|
||||
<div class="releases">
|
||||
<div class="lists">
|
||||
<div class="release">
|
||||
<p>Version 1.5.2 to 1.6</p>
|
||||
</div>
|
||||
<div class="changelog">
|
||||
<div class="popup" id="popup7">
|
||||
<p>Version 1.6 patch notes:</p>
|
||||
<ul align=left>
|
||||
<li>Added custom Twister OS Neofetch theme</li>
|
||||
<li>Added Notification Center app</li>
|
||||
<li>Added Twister OS Onboarding app</li>
|
||||
<li>Added Spotlight app</li>
|
||||
<li>Added Twister OS Patcher</li>
|
||||
<li>Fixed an issue where certain app icons/text would display incorrectly in Lightpad</li>
|
||||
<li>Added Raspbian X Nighthawk-styled Twister OS wallpaper</li>
|
||||
<li>Removed PlayOnLinux</li>
|
||||
<li>Updated README</li>
|
||||
</ul>
|
||||
<p class="close">close</p>
|
||||
</div>
|
||||
<p class="btn" data-popup="popup7">Changelog</p>
|
||||
</div>
|
||||
<div class="download">
|
||||
<a href="https://twisteros.com/Patches/TwisterOSv1-6Patch.zip"><button>DOWNLOAD</button></a>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="releases">
|
||||
<div class="lists">
|
||||
<div class="release">
|
||||
<p>Version 1.5 (or 1.5.1) to 1.5.2</p>
|
||||
</div>
|
||||
<div class="changelog">
|
||||
<div class="popup" id="popup6">
|
||||
<p>Version 1.5.2 patch notes:</p>
|
||||
<ul align=left>
|
||||
<li>Yet more Wine x86 fixes</li>
|
||||
<li>Added Twister OS version identifier script</li>
|
||||
</ul>
|
||||
<p class="close">close</p>
|
||||
</div>
|
||||
<p class="btn" data-popup="popup6">Changelog</p>
|
||||
</div>
|
||||
<div class="download">
|
||||
<a href="https://twisteros.com/Patches/TwisterOSv1-5-2Patch.zip"><button>DOWNLOAD</button></a>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="lists">
|
||||
<div class="release">
|
||||
<p>Version 1.4.1 to 1.5</p>
|
||||
</div>
|
||||
<div class="changelog">
|
||||
<div class="popup" id="popup5">
|
||||
<p>Version 1.5 patch notes:</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 class="close">close</p>
|
||||
</div>
|
||||
<p class="btn" data-popup="popup5">Changelog</p>
|
||||
</div>
|
||||
<div class="download">
|
||||
<a href="https://twisteros.com/Patches/TwisterOS1-5Patch.zip"><button>DOWNLOAD</button></a>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="releases">
|
||||
<div class="lists">
|
||||
<div class="release">
|
||||
<p>Version 1.3 to 1.4.1</p>
|
||||
</div>
|
||||
<div class="changelog">
|
||||
<div class="popup" id="popup4">
|
||||
<p>Version 1.4.1 patch notes:</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 class="close">close</p>
|
||||
</div>
|
||||
<p class="btn" data-popup="popup4">Changelog</p>
|
||||
</div>
|
||||
<div class="download">
|
||||
<a href="https://archive.org/download/twister-osv-1-4-1-patch/TwisterOSv1-4-1Patch.zip"><button>DOWNLOAD</button></a>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="lists">
|
||||
<div class="release">
|
||||
<p>Version 1.2 to 1.3</p>
|
||||
</div>
|
||||
<div class="changelog">
|
||||
<div class="popup" id="popup3">
|
||||
<p>Version 1.3 patch notes:</p>
|
||||
<ul align=left>
|
||||
<li>Improved ThemeTwister to support additional themes</li>
|
||||
<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 class="close">close</p>
|
||||
</div>
|
||||
<p class="btn" data-popup="popup3">Changelog</p>
|
||||
</div>
|
||||
<div class="download">
|
||||
<a href="https://twisteros.com/Patches/TwisterOSv1-3Patch.zip"><button>DOWNLOAD</button></a>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="releases">
|
||||
<div class="lists">
|
||||
<div class="release">
|
||||
<p>Version 1.1 to 1.2</p>
|
||||
</div>
|
||||
<div class="changelog">
|
||||
<div class="popup" id="popup2">
|
||||
<p>Version 1.2 patch notes:</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 class="close">close</p>
|
||||
</div>
|
||||
<p class="btn" data-popup="popup2">Changelog</p>
|
||||
</div>
|
||||
<div class="download">
|
||||
<a href="https://twisteros.com/Patches/TwisterOSv1-2Patch.zip"><button>DOWNLOAD</button></a>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="releases">
|
||||
<div class="lists">
|
||||
<div class="release">
|
||||
<p>Version 1.0 to 1.1</p>
|
||||
</div>
|
||||
<div class="changelog">
|
||||
<div class="popup" id="popup1">
|
||||
<p>Version 1.1 patch notes:</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 class="close">close</p>
|
||||
</div>
|
||||
<p class="btn" data-popup="popup1">Changelog</p>
|
||||
</div>
|
||||
<div class="download">
|
||||
<a href="https://twisteros.com/Patches/TwisterOSv1-1Patch.zip"><button>DOWNLOAD</button></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer><p>Twister OS 2020 | <a href="#" target="_blank">Join our Discord!</a></p><p style="font-size: smaller; margin-top: -10px;">Site by: James Gundlach <a href="https://github.com/phoenixbyrd" style="color: antiquewhite; margin-left: 2px; margin-right: 2px;"><i class="fab fa-github"></i></a> | Email: <a href="mailto: james.gundlach79@gmail.com" style="font-size: small;">james.gundlach79@gmail.com</a></p></footer>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
|
||||
<script>
|
||||
$('.btn').click(function(){
|
||||
$('.popup').hide();
|
||||
$('#' + $(this).attr('data-popup')).show();
|
||||
});
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
$('.close').click(function(){
|
||||
$('.popup').hide();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
236
faq.html
236
faq.html
@@ -1,163 +1,75 @@
|
||||
<!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="about.html">ABOUT</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="faq.html">FAQ</a>
|
||||
</li>
|
||||
<!-- Collapsible content -->
|
||||
</nav>
|
||||
</div>
|
||||
<!--/.Navbar-->
|
||||
|
||||
<!--Content-->
|
||||
<div class="container" style="margin-top: 100px;">
|
||||
|
||||
|
||||
<div class="panel-group" id="accordion">
|
||||
<div class="faqHeader">Frequently Asked Questions</div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">What is the password?</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapseOne" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
<p>raspberry</p>
|
||||
<p>Please change your password by opening terminal and entering passwd</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTen">Will This Run On My Pi 3B+</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapseTen" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<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">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseEleven">Is Twister OS 64bit?</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapseEleven" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<p>No, Twister OS is a 32 bit only.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapsePatch">How do I patch Twister OS?</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapsePatch" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<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>
|
||||
<li>When upgrading please patch in order. Patch 1.0 to 1.1 to 1.2 to 1.3 etc.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapsePOL">Where is Play on Linux?</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapsePOL" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<p>playonlinux was removed due to too many complaints that not a lot was working with it. You can reinstall with sudo apt install playonlinux && sudo apt remove wine You need to remove wine because playonlinux will install the arm version which will conflict with x86 version of wine.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseWine">Where can I download wine?</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapseWine" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<p>Download Wine <a style="font-weight: normal;" href="https://twisteros.com/wine.tgz">Here</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseBroken">Your website is broken.</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapseBroken" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<p>Right before the global pandemic happened I worked full time in a warehouse. Since being laid off I've been trying to learn and develop a new skill that I am not 100% familiar with. About
|
||||
The majority of this site design was quickly done over a weekend of learning so yes, a lot is broken and a lot will get fixed as I learn more and further develop a new skill set that I
|
||||
previously lacked three months ago. As I learn more, the site will improve over time. So please be patient with me on my journey to develop a new skill. :)
|
||||
</p>
|
||||
<p>This site is up on GitHub so feel free to point out anything and everything that you find wrong and if you're a developer I would love to hear from you on any potential fixes!</p>
|
||||
<p><a href="https://github.com/phoenixbyrd/TwisterOS/issues">github.com/phoenixbyrd/TwisterOS/issues</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/.Content-->
|
||||
|
||||
<!-- Footer -->
|
||||
<footer >
|
||||
|
||||
<p>Twister OS 2020 | <a href="https://discord.gg/Fh8sjmu">Join us on Discord!</a></p>
|
||||
|
||||
</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>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<script src="https://kit.fontawesome.com/913306d3d3.js" crossorigin="anonymous"></script>
|
||||
<link rel="stylesheet" type="text/css" href="styles.css">
|
||||
<title>Twister OS</title>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="nav_background">
|
||||
<div class="logo"><img src="images/TwisterOSLogo.png"></div>
|
||||
<div class="menu">
|
||||
<a href="index.html">HOME</a>
|
||||
<a href="downloads.html">DOWNLOAD</a>
|
||||
<a href="about.html">ABOUT</a>
|
||||
<a href="faq.html">FAQ</a>
|
||||
</div>
|
||||
</nav>
|
||||
<br>
|
||||
<main class="x1024" style="margin-top: 100px; width: 60%;">
|
||||
|
||||
<div class="faqHeader" style="text-align: center; margin-bottom: 100px;">Frequently Asked Questions</div>
|
||||
|
||||
<h4 >
|
||||
<a href="#">What is the password?</a>
|
||||
</h4>
|
||||
<p>raspberry</p>
|
||||
<p>Please change your password by opening terminal and entering passwd</p>
|
||||
|
||||
<h4>
|
||||
<a href="#">Will This Run On My Pi 3B+</a>
|
||||
</h4>
|
||||
<p>While Twister OS will install on the 3B+ it is not recomended. Twister OS was designed and built around the Pi4 and you may experience issues installing on the 3B+.</p>
|
||||
<h4>
|
||||
<a href="#">Is Twister OS 64bit?</a>
|
||||
</h4>
|
||||
<p>No, Twister OS is a 32 bit only.</p>
|
||||
|
||||
<h4 >
|
||||
<a href="#">How do I patch Twister OS?</a>
|
||||
</h4>
|
||||
<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>
|
||||
<li>When upgrading please patch in order. Patch 1.0 to 1.1 to 1.2 to 1.3 etc.</li>
|
||||
</ul>
|
||||
|
||||
<h4>
|
||||
<a href="#">Where is Play on Linux?</a>
|
||||
</h4>
|
||||
<p>playonlinux was removed due to too many complaints that not a lot was working with it. You can reinstall with sudo apt install playonlinux && sudo apt remove wine You need to remove wine because playonlinux will install the arm version which will conflict with x86 version of wine.</p>
|
||||
|
||||
<h4>
|
||||
<a href="#">Where can I download wine?</a>
|
||||
</h4>
|
||||
<p>Download Wine <a style="font-weight: normal;" href="https://twisteros.com/wine.tgz">Here</a></p>
|
||||
|
||||
<h4>
|
||||
<a href="#">Your website is broken.</a>
|
||||
</h4>
|
||||
<p>Right before the global pandemic happened I worked full time in a warehouse. Since being laid off I've been trying to learn and develop a new skill that I am not 100% familiar with. About
|
||||
The majority of this site design was quickly done over a weekend of learning so yes, a lot is broken and a lot will get fixed as I learn more and further develop a new skill set that I
|
||||
previously lacked three months ago. As I learn more, the site will improve over time. So please be patient with me on my journey to develop a new skill. :)
|
||||
</p>
|
||||
<p>This site is up on GitHub so feel free to point out anything and everything that you find wrong and if you're a developer I would love to hear from you on any potential fixes!</p>
|
||||
<p><a href="https://github.com/phoenixbyrd/TwisterOS/issues">github.com/phoenixbyrd/TwisterOS/issues</a></p>
|
||||
</main>
|
||||
<footer><p>Twister OS 2020 | <a href="#" target="_blank">Join our Discord!</a></p><p style="font-size: smaller; margin-top: -10px;">Site by: James Gundlach <a href="https://github.com/phoenixbyrd" style="color: antiquewhite; margin-left: 2px; margin-right: 2px;"><i class="fab fa-github"></i></a> | Email: <a href="mailto: james.gundlach79@gmail.com" style="font-size: small;">james.gundlach79@gmail.com</a></p></footer>
|
||||
</body>
|
||||
</html>
|
||||
175
faq.html_bak
175
faq.html_bak
@@ -1,175 +0,0 @@
|
||||
<!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="about.html">ABOUT</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>
|
||||
<li>When upgrading please patch in order. Patch 1.0 to 1.1 to 1.2 to 1.3 etc.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading p-3 mb-3" role="tab" id="heading5">
|
||||
<h3 class="panel-title">
|
||||
<a class="collapsed" role="button" title="" data-toggle="collapse" data-parent="#accordion" href="#collapse5" aria-expanded="true" aria-controls="collapse5">
|
||||
What happened to Play on Linux?
|
||||
</a>
|
||||
</h3>
|
||||
</div>
|
||||
<div id="collapse5" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading5">
|
||||
<div class="panel-body px-3 mb-4">
|
||||
<p>Due to complaints about Play on Linux not working it was remove. If you had no issue with Play on Linux then enter the following in a terminal window.</p>
|
||||
<p>sudo apt install playonlinux && sudo apt remove wine</p>
|
||||
<p>the remove wine part is important because installing Play on Linux will also install the arm version of wine which conflicts with the x86 version that is installed.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!--/.Content-->
|
||||
|
||||
<!-- Footer -->
|
||||
<footer >
|
||||
|
||||
<p>Twister OS 2020 | <a href="https://discord.gg/Fh8sjmu">Join us on Discord!</a></p>
|
||||
|
||||
</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>
|
||||
216
index.html
216
index.html
@@ -1,141 +1,77 @@
|
||||
<!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>
|
||||
<main>
|
||||
<!--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="about.html">ABOUT</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-->
|
||||
<main>
|
||||
<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">
|
||||
<img src="images/Box86Logo.png" alt="Box86 Logo">
|
||||
</div>
|
||||
<div class="col-sm-4 logo center">
|
||||
<img src="images/PiLabs.png" alt="Pi Labs Logo">
|
||||
</div>
|
||||
<div class="col-sm-4 logo center">
|
||||
<img src="images/CPiTitle.png" alt="Commander PI Logo">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<!--/.Content-->
|
||||
|
||||
<!-- Footer -->
|
||||
<footer >
|
||||
<p>Twister OS 2020 | <a href="https://discord.gg/Fh8sjmu">Join us on Discord!</a></p>
|
||||
|
||||
</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>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<script src="https://kit.fontawesome.com/913306d3d3.js" crossorigin="anonymous"></script>
|
||||
<link rel="stylesheet" type="text/css" href="styles.css">
|
||||
<title>Twister OS</title>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="nav_background">
|
||||
<div class="logo"><img src="images/TwisterOSLogo.png"></div>
|
||||
<div class="menu">
|
||||
<a href="index.html">HOME</a>
|
||||
<a href="downloads.html">DOWNLOAD</a>
|
||||
<a href="about.html">ABOUT</a>
|
||||
<a href="faq.html">FAQ</a>
|
||||
</div>
|
||||
</nav>
|
||||
<br><br>
|
||||
<main>
|
||||
<div class="carousel-wrapper">
|
||||
<span id="item-1"></span>
|
||||
<span id="item-2"></span>
|
||||
<span id="item-3"></span>
|
||||
<span id="item-4"></span>
|
||||
<span id="item-5"></span>
|
||||
<span id="item-6"></span>
|
||||
<span id="item-7"></span>
|
||||
|
||||
<div class="carousel-item item-1">
|
||||
<a class="arrow arrow-prev" href="#item-7"></a>
|
||||
<a class="arrow arrow-next" href="#item-2"></a>
|
||||
</div>
|
||||
|
||||
<div class="carousel-item item-2">
|
||||
<a class="arrow arrow-prev" href="#item-1"></a>
|
||||
<a class="arrow arrow-next" href="#item-3"></a>
|
||||
</div>
|
||||
|
||||
<div class="carousel-item item-3">
|
||||
<a class="arrow arrow-prev" href="#item-2"></a>
|
||||
<a class="arrow arrow-next" href="#item-4"></a>
|
||||
</div>
|
||||
|
||||
<div class="carousel-item item-4">
|
||||
<a class="arrow arrow-prev" href="#item-3"></a>
|
||||
<a class="arrow arrow-next" href="#item-5"></a>
|
||||
</div>
|
||||
|
||||
<div class="carousel-item item-5">
|
||||
<a class="arrow arrow-prev" href="#item-4"></a>
|
||||
<a class="arrow arrow-next" href="#item-6"></a>
|
||||
</div>
|
||||
|
||||
<div class="carousel-item item-6">
|
||||
<a class="arrow arrow-prev" href="#item-5"></a>
|
||||
<a class="arrow arrow-next" href="#item-7"></a>
|
||||
</div>
|
||||
|
||||
<div class="carousel-item item-7">
|
||||
<a class="arrow arrow-prev" href="#item-6"></a>
|
||||
<a class="arrow arrow-next" href="#item-1"></a>
|
||||
</div>
|
||||
</div>
|
||||
<img class="HowDoYouPi" src="images/HowDoYouPi.png">
|
||||
<div id="menu-outer">
|
||||
<div class="table">
|
||||
<ul id="horizontal-list">
|
||||
<li><a href="#"><img style="width: 20%; margin-bottom: 10px;" src="images/Box86Logo.png" alt="list item 1" /></a></li>
|
||||
<li><a href="#"><img style="width: 20%;" src="images/PiLabs.png" alt="list item 2" /></a></li>
|
||||
<li><a href="#"><img style="width: 30%; margin-bottom: 20px;" src="images/CPiTitle.png" alt="list item 3" /></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer><p>Twister OS 2020 | <a href="#" target="_blank">Join our Discord!</a></p><p style="font-size: smaller; margin-top: -10px;">Site by: James Gundlach <a href="https://github.com/phoenixbyrd" style="color: antiquewhite; margin-left: 2px; margin-right: 2px;"><i class="fab fa-github"></i></a> | Email: <a href="mailto: james.gundlach79@gmail.com" style="font-size: small;">james.gundlach79@gmail.com</a></p></footer>
|
||||
</body>
|
||||
</html>
|
||||
79
shell.html
79
shell.html
@@ -1,57 +1,24 @@
|
||||
<!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>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<script src="https://kit.fontawesome.com/913306d3d3.js" crossorigin="anonymous"></script>
|
||||
<link rel="stylesheet" type="text/css" href="styles.css">
|
||||
<title>Twister OS</title>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="nav_background">
|
||||
<div class="logo"><img src="images/TwisterOSLogo.png"></div>
|
||||
<div class="menu">
|
||||
<a href="index.html">HOME</a>
|
||||
<a href="downloads.html">DOWNLOAD</a>
|
||||
<a href="about.html">ABOUT</a>
|
||||
<a href="faq.html">FAQ</a>
|
||||
</div>
|
||||
</nav>
|
||||
<br>
|
||||
<main>
|
||||
|
||||
</main>
|
||||
<footer><p>Twister OS 2020 | <a href="#" target="_blank">Join our Discord!</a></p><p style="font-size: smaller; margin-top: -10px;">Site by: James Gundlach <a href="https://github.com/phoenixbyrd" style="color: antiquewhite; margin-left: 2px; margin-right: 2px;"><i class="fab fa-github"></i></a> | Email: <a href="mailto: james.gundlach79@gmail.com" style="font-size: small;">james.gundlach79@gmail.com</a></p></footer>
|
||||
</body>
|
||||
</html>
|
||||
322
style.css
322
style.css
@@ -1,322 +0,0 @@
|
||||
/* 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 {
|
||||
|
||||
background-color: #2D2C8A !important;
|
||||
color: antiquewhite !important;
|
||||
line-height: 1.8 !important;
|
||||
}
|
||||
|
||||
main {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
nav > img {
|
||||
margin-right: 35%;
|
||||
margin-left: -5%;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #FACF46 !important;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
footer p{
|
||||
display: block;
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
text-align: center;
|
||||
background-color: #2D2C8B;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
.faq {
|
||||
height: 100%;
|
||||
} **/
|
||||
|
||||
/*********************************/
|
||||
|
||||
.faqHeader {
|
||||
font-size: 27px;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.panel-heading [data-toggle="collapse"]:after {
|
||||
font-family: 'Glyphicons Halflings';
|
||||
|
||||
float: right;
|
||||
color: #F58723;
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
/* rotate "play" icon from > (right arrow) to down arrow */
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
.panel-heading [data-toggle="collapse"].collapsed:after {
|
||||
/* rotate "play" icon from > (right arrow) to ^ (up arrow) */
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
color: #454444;
|
||||
}
|
||||
|
||||
/* About CSS */
|
||||
|
||||
.about {
|
||||
font-family: Arial, Verdana;
|
||||
font-weight: 600;
|
||||
color: antiquewhite;
|
||||
text-transform: uppercase;
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-bottom: 50px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
div p {
|
||||
text-align: justify;
|
||||
}
|
||||
288
style.css_bak
288
style.css_bak
@@ -1,288 +0,0 @@
|
||||
/* Target Mobile */
|
||||
|
||||
@media screen and (max-width: 812px){
|
||||
|
||||
.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 : 812px){
|
||||
.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: 812px){
|
||||
.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;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width: 2560px) {
|
||||
.center { /* Properly Display Carousel on ultrawide monitor */
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 80% !important;
|
||||
margin-top: 2%;
|
||||
}
|
||||
|
||||
.center, img {
|
||||
margin-left: 7%;
|
||||
}
|
||||
}
|
||||
|
||||
/***************************************************************************/
|
||||
|
||||
/* 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: 50%;
|
||||
margin-left: -15%;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
416
styles.css
Normal file
416
styles.css
Normal file
@@ -0,0 +1,416 @@
|
||||
@media screen and (max-width: 1500px) {
|
||||
.menu {
|
||||
float: right;
|
||||
top: 0;
|
||||
margin-top: -50px !important;
|
||||
}
|
||||
|
||||
ul#horizontal-list {
|
||||
list-style: none;
|
||||
padding-top: 20px;
|
||||
padding-left: 120px !important;
|
||||
margin-bottom: -0px;
|
||||
}
|
||||
|
||||
.carousel-wrapper{
|
||||
height:350px !important;
|
||||
position:relative;
|
||||
width:600px !important;
|
||||
margin:0 auto;
|
||||
margin-top: 20px !important;
|
||||
}
|
||||
|
||||
.HowDoYouPi {
|
||||
display: block;
|
||||
width: 30% !important;
|
||||
margin: auto;
|
||||
margin-top: 10px !important;
|
||||
margin-bottom: -25px !important;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-left: 100px;
|
||||
}
|
||||
|
||||
li img {
|
||||
width: 15% !important;
|
||||
}
|
||||
|
||||
nav img {
|
||||
width: 20% !important;
|
||||
}
|
||||
|
||||
.menu {
|
||||
float: right;
|
||||
top: 0;
|
||||
margin-top: -40px !important;
|
||||
}
|
||||
|
||||
main {
|
||||
margin-left: 80px !important;
|
||||
}
|
||||
|
||||
.changelog {
|
||||
margin-left: 400px !important;
|
||||
}
|
||||
|
||||
.lists {
|
||||
width: 100% !important;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.mobile {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.download {
|
||||
margin-right: -150px !important;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-left: 150px;
|
||||
}
|
||||
|
||||
.x1024 {
|
||||
margin-left: 250px !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*************************************************/
|
||||
|
||||
body, html {
|
||||
background-color: #2D2C8A;
|
||||
color: antiquewhite;
|
||||
}
|
||||
|
||||
nav {
|
||||
position: relative;
|
||||
top: 0;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
a {
|
||||
color: #FACF46;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
nav a {
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
nav img {
|
||||
width: 40%;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.menu {
|
||||
float: right;
|
||||
top: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.nav_background {
|
||||
background-color: #2D2C8A;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.desktop {
|
||||
width: 55%;
|
||||
margin-top: 90px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.HowDoYouPi {
|
||||
display: block;
|
||||
width: 40%;
|
||||
margin: auto;
|
||||
margin-top: 20px;
|
||||
margin-bottom: -30px;
|
||||
}
|
||||
|
||||
.table {
|
||||
display: table; /* Allow the centering to work */
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
ul#horizontal-list {
|
||||
list-style: none;
|
||||
padding-top: 20px;
|
||||
padding-left: 190px;
|
||||
margin-bottom: -0px;
|
||||
}
|
||||
ul#horizontal-list li {
|
||||
display: inline;
|
||||
margin-right: 50px;
|
||||
}
|
||||
|
||||
main {
|
||||
z-index: 1;
|
||||
width: 90%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: justify;
|
||||
margin-bottom: 45px; /* Change this is content doesn't show on bottom */
|
||||
}
|
||||
|
||||
footer {
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
width: 99%;
|
||||
text-align: center;
|
||||
background-color: #2D2C8A;
|
||||
}
|
||||
|
||||
footer a {
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
/*IMAGE SLIDER*/
|
||||
|
||||
.carousel-wrapper{
|
||||
height:450px;
|
||||
position:relative;
|
||||
width:800px;
|
||||
margin:0 auto;
|
||||
margin-top: 75px;
|
||||
}
|
||||
.carousel-item{
|
||||
position:absolute;
|
||||
top:0;
|
||||
bottom:0;
|
||||
left:0;
|
||||
right:0;
|
||||
padding:25px 50px;
|
||||
opacity:0;
|
||||
transition: all 0.5s ease-in-out;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.arrow{
|
||||
border: solid #FACF46;
|
||||
border-width: 0 3px 3px 0;
|
||||
display: inline-block;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.arrow-prev{
|
||||
left:-30px;
|
||||
position:absolute;
|
||||
top:50%;
|
||||
transform:translateY(-50%) rotate(135deg);
|
||||
}
|
||||
|
||||
.arrow-next{
|
||||
right:-30px;
|
||||
position:absolute;
|
||||
top:50%;
|
||||
transform:translateY(-50%) rotate(-45deg);
|
||||
}
|
||||
|
||||
.light{
|
||||
color:white;
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.arrow, .light .arrow {
|
||||
background-size: 10px;
|
||||
background-position: 10px 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*Select every element*/
|
||||
[id^="item"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.item-1 {
|
||||
z-index: 2;
|
||||
opacity: 1;
|
||||
background:url('images/twisteros.png');
|
||||
background-size:cover;
|
||||
}
|
||||
.item-2{
|
||||
background:url('images/raspbian95.png');
|
||||
background-size:cover;
|
||||
}
|
||||
.item-3{
|
||||
background:url('images/raspbianxp.png');
|
||||
background-size:cover;
|
||||
}
|
||||
.item-4{
|
||||
background:url('images/raspbianx.png');
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
.item-5{
|
||||
background:url('images/nighthawk.png');
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
.item-6{
|
||||
background:url('images/iraspbian.png');
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
.item-7{
|
||||
background:url('images/iraspbian-dark.png');
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
*:target ~ .item-1 {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#item-1:target ~ .item-1 {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#item-2:target ~ .item-2, #item-3:target ~ .item-3 {
|
||||
z-index: 3;
|
||||
opacity: 1;
|
||||
}
|
||||
#item-3:target ~ .item-3, #item-4:target ~ .item-4 {
|
||||
z-index: 4;
|
||||
opacity: 1;
|
||||
}
|
||||
#item-4:target ~ .item-4, #item-5:target ~ .item-5 {
|
||||
z-index: 5;
|
||||
opacity: 1;
|
||||
}
|
||||
#item-5:target ~ .item-5, #item-6:target ~ .item-6 {
|
||||
z-index: 6;
|
||||
opacity: 1;
|
||||
}
|
||||
#item-6:target ~ .item-6, #item-7:target ~ .item-7 {
|
||||
z-index: 7;
|
||||
opacity: 1;
|
||||
}
|
||||
#item-7:target ~ .item-7, #item-1:target ~ .item-1 {
|
||||
z-index: 8;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* about.html */
|
||||
|
||||
.about {
|
||||
font-family: Arial, Verdana;
|
||||
font-weight: 600;
|
||||
color: antiquewhite;
|
||||
text-transform: uppercase;
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-bottom: 50px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
main p {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
/* faq.html */
|
||||
|
||||
.faqHeader {
|
||||
font-size: 27px;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
h4 a {
|
||||
color: #FACF46;
|
||||
font-size: 25px;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
h4 a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* download.html */
|
||||
|
||||
button {
|
||||
border-radius: 5px;
|
||||
background-color: #FACF46;
|
||||
border-style: none;
|
||||
padding: 10px;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
color: #2D2C8A;
|
||||
margin-right: 20px;
|
||||
margin-top: -50px;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.current-release {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.releases {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.current-links {
|
||||
float: right;
|
||||
margin-right: 50px;
|
||||
margin-top: -50px;
|
||||
}
|
||||
|
||||
.lists {
|
||||
width: 65%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.release {
|
||||
margin-top: -5px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.changelog {
|
||||
margin-left: 400px;
|
||||
color: #FACF46;
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.download {
|
||||
margin-top: -40px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.popup {
|
||||
position:absolute;
|
||||
top:50%;
|
||||
left:50%;
|
||||
transform:translate(-50%, -50%);
|
||||
display:none;
|
||||
background:darkslategrey;
|
||||
color:antiquewhite;
|
||||
padding:20px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.close {
|
||||
color: darkslategrey;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
background-color: #FACF46;
|
||||
width: 100px;
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
margin: auto;
|
||||
}
|
||||
Reference in New Issue
Block a user