forked from libreshop/libreshop_website
105 lines
5.7 KiB
HTML
105 lines
5.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Varela+Round">
|
|
<link rel="stylesheet" href="content/head/style.css">
|
|
<title>LibreShop</title>
|
|
<link rel="icon" type="image/x-icon" href="content/head/logo_fav.png">
|
|
<meta content="LibreShop" property="og:title">
|
|
<meta content="LibreShop is an app that lets you download Homebrew apps onto your Wii." property="og:description">
|
|
<meta content="ADD THAT LATER - LINK EMBED" property="og:url">
|
|
<meta content="content/head/logo_embed.png" property="og:image">
|
|
<meta content="#2a7589" data-react-helmet="true" name="theme-color">
|
|
</head>
|
|
<header>
|
|
<img src="content/index/logo.png" style="height: 50px; padding-top: 15px; padding-left: 20px; padding-right: 20px;">
|
|
<a href="/" style="margin-top: auto; margin-bottom: auto;">Home</a>
|
|
<a href="/download" style="margin-top: auto; margin-bottom: auto;">Download</a>
|
|
<a href="/" style="margin-top: auto; margin-bottom: auto;">Wiki</a>
|
|
<a href="/about" style="margin-top: auto; margin-bottom: auto;">About</a>
|
|
</header>
|
|
<body>
|
|
<div class="content">
|
|
<div class="grid-container">
|
|
<div class="item1" style="animation: intro-01 2s;">
|
|
<h2>Welcome to LibreShop</h2>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
|
</div>
|
|
<div class="item2" style="animation: intro-01 2s;">
|
|
<h2>Randomizer:</h2>
|
|
<div class="randomapp" style="height: 200px; width: 400px;">
|
|
<p>still in work...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h1 style="text-align: center; margin-top: 20px; margin-bottom: 0px; margin-top: 50px; animation: intro-03 3s;">What are the features?</h1>
|
|
<div class="grid-features" style="animation: intro-02 3s; padding-bottom: 10px;">
|
|
<div class="grid-item01">
|
|
<img src="content/index/feature/feature01.png">
|
|
<h3>Faster and stable</h3>
|
|
<button class="collapsible">Read more</button>
|
|
<div class="details">
|
|
<p style="height: 100px;">LibreShop is faster and more stable than Homebrew Browser.</p>
|
|
</div>
|
|
</div>
|
|
<div class="grid-item02">
|
|
<img src="content/index/feature/feature02.png">
|
|
<h3>Always up-to-date</h3>
|
|
<button class="collapsible">Read more</button>
|
|
<div class="details">
|
|
<p style="height: 100px;">LibreShop is continuously being worked on, and bugs are being fixed all of the time.</p>
|
|
</div>
|
|
</div>
|
|
<div class="grid-item03">
|
|
<img src="content/index/feature/feature03.png">
|
|
<h3>Easy to install</h3>
|
|
<button class="collapsible">Read more</button>
|
|
<div class="details">
|
|
<p style="height: 100px;">Just extract the archive onto your SD card and enjoy LibreShop! No extra steps are required!</p>
|
|
</div>
|
|
</div>
|
|
<div class="grid-item04">
|
|
<img src="content/index/feature/feature04.png">
|
|
<h4 style="font-size: 15px;">Open Shop Channel support</h4>
|
|
<button class="collapsible">Read more</button>
|
|
<div class="details">
|
|
<p style="height: 100px;">You can download your favourite Homebrew apps from the Open Shop Channel's library with LibreShop!</p>
|
|
</div>
|
|
</div>
|
|
<script src="content/index/collaps.js"></script>
|
|
</div>
|
|
<h1 style="text-align: center; margin-top: 20px; margin-bottom: 0px; margin-top: 50px; animation: intro-03 3s;">Screenshots</h1>
|
|
<div class="gallery" style="animation: intro-04 3s; padding-bottom: 10px;">
|
|
<img src="content/index/screenshot/screenshot-01.png" style="height: 340px;" alt="Screenshot 01">
|
|
<img src="content/index/screenshot/screenshot-02.png" style="height: 340px;" alt="Screenshot 02">
|
|
<img src="content/index/screenshot/screenshot-03.png" style="height: 340px;" alt="Screenshot 03">
|
|
<img src="content/index/screenshot/screenshot-04.png" style="height: 340px;" alt="Screenshot 04">
|
|
<img src="content/index/screenshot/screenshot-05.png" style="height: 340px;" alt="Screenshot 05">
|
|
</div>
|
|
<div style="animation: intro-03 3s; margin-top: 50px;">
|
|
<h1 style="text-align: center;">Ready to try it out?</h1>
|
|
<a href="download" class="download" style="display: block; text-align: center; width: 200px; margin: auto;">Download LibreShop</a>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<footer>
|
|
<div class="grid-footer">
|
|
<div class="footer-item1"><p>This is a homebrew project in which it is not affiliated with Nintendo and all trademarks are the property of their respective owners. No copyright infringement intended.</p></div>
|
|
<div class="footer-item2">
|
|
<p style="text-align: right;"><span>©</span> LibreShop - 2023</p>
|
|
<img src="content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 5px;">
|
|
<img src="content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 5px;">
|
|
<img src="content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 5px;">
|
|
<img src="content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 5px;">
|
|
<img src="content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 5px;">
|
|
<img src="content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 5px;">
|
|
<img src="content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 5px;">
|
|
<img src="content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 5px;">
|
|
<img src="content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 5px;">
|
|
<img src="content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 0px;">
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</html>
|