as3.github.io/index.html
2024-09-12 19:27:36 +03:00

273 lines
9.4 KiB
HTML

<html>
<head>
<title>Andstation 3</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="Textures/icon.png">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<div class="header">
<br>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
<a href="index.html">Home</a>
</div>
<center><h1>AS3</h1></center>
<br>
</div>
<hr>
<center>
<div class="container">
<div class="centershow fade">
<div class="text911"><h3>The First PS3 Emulator For Android</h3></div>
<video src="Textures/main.mp4" id="c911c" loop autoplay="true" muted="true">
</div>
</div>
<br>
<br>
<br>
<br>
<hr width="220px">
<center><h1>Trailer</h1></center>
<hr width="220px">
<br>
<br>
<span class="reveal">
<br>
<br>
<br>
<br>
<iframe width="80%" max-width="720" height="514" src="https://www.youtube.com/embed/HNAqHcXs5ew?si=iSV7Pb7nun4xLtQm" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</span>
<br>
<br>
<br>
<br>
<hr width="310px">
<center><h1>Features</h1></center>
<hr width="310px">
<br>
<br>
<div class="reveal">
<div class="card">
<br>
<h1><i class="fa-solid fa-gauge"></i></h1>
<div class="card-content">
<h2 class="card-title">Performance</h2>
<p class="card-description">With the Help of FEX, You will Get an Unmatched Performance with high FPS and Better Gameplay.</p>
<br>
</div>
</div>
<div class="card">
<br>
<h1><i class="fa-solid fa-x"></i></h1>
<div class="card-content">
<h2 class="card-title">Termux X11</h2>
<p class="card-description">With The Help of Termux X11, you get The Best Experience with the Lowest Latency.</p>
<br>
</div>
</div>
<div class="card">
<br>
<h1><i class="fa-solid fa-gamepad"></i></h1>
<div class="card-content">
<h2 class="card-title">Game Support</S></h2>
<p class="card-description">With the Help of RPCS3, Andstation 3 Support all The Games that You Can run on RPCS3 Desktop.</p>
<br>
</div>
</div>
</div>
<br>
<br>
<br>
<br>
<br>
<hr width="306px">
<center><h1>Download</h1></center>
<hr width="306px">
<br>
<br>
<div class="reveal">
<div class="card1">
<br>
<br>
<br>
<img src="Textures/icon.png" draggable="false" id="apppic">
<div class="card-content">
<br>
<br>
<h2 class="card-title">Andstation 3</S></h2>
<p class="card-description">The First Ever PS3 Emulator for Android, It's a Project aiming to Port RPCS3 on Android Devices</p>
<br>
<button id="btn911">Coming Soon</button>
<br>
<br>
<h2 class="card-title">Special Thanks to</S></h2>
<p class="card-description">FEX</p>
<p class="card-description">Proot</p>
<p class="card-description">RPCS3</p>
<p class="card-description">Pulse Audio</p>
<p class="card-description">Termux</p>
<br>
</div>
</div>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br><br>
<hr width="600px">
<center><h1>Special Thanks To</h1></center>
<hr width="600px">
<br>
<br>
<br>
<br>
<div class="reveal">
<div class="card">
<br>
<div class="card-content">
<h2 class="card-title">RPCS3</h2>
<p class="card-description">For the Emulator</p>
<br>
</div>
</div>
<div class="card">
<br>
<div class="card-content">
<h2 class="card-title">Termux X11</h2>
<p class="card-description">For the Xserver</p>
<br>
</div>
</div>
<div class="card">
<br>
<div class="card-content">
<h2 class="card-title">Proot</S></h2>
<p class="card-description">For the Rootfs Runner</p>
<br>
</div>
</div>
<div class="card">
<br>
<div class="card-content">
<h2 class="card-title">Pulse Audio</S></h2>
<p class="card-description">For the Sound Server</p>
<br>
</div>
</div>
<div class="card">
<br>
<div class="card-content">
<h2 class="card-title">Ubuntu 22.04</S></h2>
<p class="card-description">For the Rootfs</p>
<br>
</div>
</div>
<div class="card">
<br>
<div class="card-content">
<h2 class="card-title">FEX</S></h2>
<p class="card-description">For the x86_64 Translation Layer</p>
<br>
</div>
</div>
<div class="card">
<br>
<div class="card-content">
<h2 class="card-title">Turnip</S></h2>
<p class="card-description">For the Adreno Drivers</p>
<br>
</div>
</div>
<div class="card">
<br>
<div class="card-content">
<h2 class="card-title">Zink</S></h2>
<p class="card-description">For the OpenGL 4 Layer</p>
<br>
</div>
</div>
</div>
<br>
<br>
<br>
<br>
<br>
</section>
<hr>
<footer class="footer">
<div class="footer-content">
<div class="social-links">
<a href="https://www.youtube.com/@ahmedbarakat2007" target="_blank" class="footer-link">
<i class="fab fa-youtube"></i>
<span>YouTube Channel</span>
</a>
<a href="https://t.me/BlackHawkEmulator" target="_blank" class="footer-link">
<i class="fab fa-telegram"></i>
<span>Telegram Channel</span>
</a>
<a href="https://discord.gg/your-server-id" target="_blank" class="footer-link">
<i class="fab fa-discord"></i>
<span>Discord Server</span>
</a>
</div>
<div class="logo">
<img src="Textures/icon.png" alt="Logo">
</div>
</div>
</footer>
</center>
</body>
<script>
let slideIndex = 1;
showSlides(slideIndex);
// Next/previous controls
function plusSlides(n) {
showSlides(slideIndex += n);
}
// Thumbnail image controls
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
let i;
let slides = document.getElementsByClassName("centershow");
let dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
}
/* Set the width of the side navigation to 250px */
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
}
/* Set the width of the side navigation to 0 */
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
}
</script>
<script src="animation.js"></script>
</html>