93 lines
No EOL
3.6 KiB
HTML
93 lines
No EOL
3.6 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<!-- META -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<!-- TITLE -->
|
|
<title>Poly+</title>
|
|
|
|
<!-- RESOURCES -->
|
|
<link rel="stylesheet" href="style.css" type="text/css">
|
|
<!--<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">-->
|
|
<link href="https://cdn.jsdelivr.net/npm/halfmoon@2.0.1/css/halfmoon.min.css" rel="stylesheet" integrity="sha256-SsJizWSIG9JT9Qxbiy8xnYJfjCAkhEQ0hihxRn7jt2M=" crossorigin="anonymous">
|
|
</head>
|
|
<body data-bs-theme="dark">
|
|
<style>
|
|
:root {
|
|
--background: #151515;
|
|
--accent: red;
|
|
--polytoria-primary: #FF4647;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: initial;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background-color: black;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: var(--polytoria-primary);
|
|
border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
}
|
|
|
|
html, body, main#page {
|
|
background: var(--background);
|
|
}
|
|
|
|
.page-title {
|
|
font-size: 3rem;
|
|
}
|
|
</style>
|
|
<main id="page">
|
|
<div class="text-center">
|
|
<div style="height: 125px;"></div>
|
|
|
|
<div style="height: 250px; padding-top: 5rem;">
|
|
<h1 class="page-title">Power-up your <span style="-webkit-text-stroke: 1px var(--polytoria-primary); color: transparent; font-family: sans-serif;">Polytoria</span> experience with <span style="text-shadow: 0 3px 0px var(--accent);">Poly+</span></h1>
|
|
<h4 class="fw-light">Poly+ is a quality-of-life extension to improve your experience on Polytoria!</h4>
|
|
<i class="text-muted">coming soon to <!--available now on--> Chromium-based browsers</i>
|
|
<br>
|
|
<a href="#" class="btn btn-dark btn-lg mt-2">install now</a>
|
|
</div>
|
|
|
|
<div style="height: 125px;"></div>
|
|
</div>
|
|
|
|
<h1 class="text-center mb-4">Features</h1>
|
|
|
|
<!-- PINNED GAMES FEATURE SHOWCASE -->
|
|
<div class="row w-50 mx-auto">
|
|
<div class="col-md-4">
|
|
<img src="pinned-games.png" class="img-fluid" alt="Feature Showcase - Pinned Games">
|
|
</div>
|
|
<div class="col">
|
|
<h3 class="fw-light">Pinned Games</h3>
|
|
<p>Quickly jump into your favorite games by pinning up to 5 of them to the top of your Polytoria homepage!</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="height: 50px;"></div>
|
|
|
|
<!-- MORE FEATURE LIST (NOT ALL FEATURES) -->
|
|
<div class="text-center">
|
|
<h2>...and more!</h2>
|
|
<p>This is not a full list of the extension's features.</p>
|
|
<ul class="list-unstyled">
|
|
<li>- Pinned Games</li>
|
|
<li>- Best Friends</li>
|
|
<li>- Forum Mentions</li>
|
|
<li>- Improved Friend Lists</li>
|
|
<li>- IRL Price with Brick Count</li>
|
|
<li>- Store <code>owned</code> Tag</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div style="height: 125px;"></div>
|
|
</main>
|
|
</body>
|
|
</html> |