xplr/docs/landing/index.html
Arijit Basu 4a3f18100d Display current mode help menu on top
Also, add global key binding f1.
Also, update deps.

Closes: https://github.com/sayanarijit/xplr/issues/655
2023-08-07 23:28:37 +05:30

236 lines
6.9 KiB
HTML

<!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"
/>
<title>xplr - A hackable, minimal, fast TUI file explorer</title>
<meta
name="description"
content="xplr is a hackable, minimal, fast TUI file explorer "
/>
<!--Inter UI font-->
<link href="https://rsms.me/inter/inter.css" rel="stylesheet" />
<!--vendors styles-->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css"
/>
<!-- Icons -->
<link
rel="icon"
type="image/png"
sizes="126x128"
href="/assets/icon/xplr128.png"
/>
<link
rel="icon"
type="image/png"
sizes="64x64"
href="/assets/icon/xplr64.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/assets/icon/xplr32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/assets/icon/xplr16.png"
/>
<!-- Bootstrap CSS / Color Scheme -->
<link rel="stylesheet" href="css/default.css" id="theme-color" />
<!-- ------------- SEO TAGS --------------------->
<meta name="title" content="xplr" />
<meta
name="description"
content="A hackable, minimal, fast TUI file explorer"
/>
<meta name="twitter:title" content="xplr" />
<meta
name="twitter:description"
content="A hackable, minimal, fast TUI file explorer"
/>
<meta
name="twitter:image"
content="https://s8.gifyu.com/images/xplr-0.17.6.jpg"
/>
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://xplr.dev" />
<meta property="og:title" content="xplr" />
<meta property="og:type" content="object" />
<meta property="og:url" content="https://xplr.dev" />
<meta
property="og:image"
content="https://s8.gifyu.com/images/xplr-0.17.6.jpg"
/>
<meta itemprop="name" content="xplr" />
<meta
itemprop="description"
content="A hackable, minimal, fast TUI file explorer"
/>
<!-- Youtube Embed -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/paulirish/lite-youtube-embed@master/src/lite-yt-embed.min.css"
/>
<script
defer="defer"
src="https://cdn.jsdelivr.net/gh/paulirish/lite-youtube-embed@master/src/lite-yt-embed.min.js"
></script>
<!-- EthicalAds by "Read The Docs" folks -->
<script
async
src="https://media.ethicalads.io/media/client/ethicalads.min.js"
></script>
</head>
<body>
<!--navigation-->
<section>
<div class="container">
<nav class="navbar navbar-expand-md navbar-dark">
<a class="navbar-brand heading-black" href="/">
<img src="/assets/icon/xplr32.png" alt="xplr" />
</a>
<button
class="navbar-toggler navbar-toggler-right border-0"
type="button"
data-toggle="collapse"
data-target="#navbarCollapse"
aria-controls="navbarCollapse"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span data-feather="grid"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a
class="nav-link page-scroll"
href="/en/introduction.html#features"
>
Features
</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="/en">Documentation</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="/en/community.html">
Community
</a>
</li>
<li class="nav-item">
<a
class="nav-link page-scroll"
href="https://blog.xplr.dev"
target="_blank"
rel="noreferrer noopener"
>
Blog
</a>
</li>
<li class="nav-item">
<a
class="nav-link page-scroll"
href="https://github.com/sayanarijit/xplr"
target="_blank"
rel="noreferrer noopener"
>
GitHub
</a>
</li>
</ul>
</div>
</nav>
<hr />
</div>
</section>
<section>
<div class="container">
<div
id="landing-under-navbar"
class="dark flat"
data-ea-publisher="xplrdev"
data-ea-type="text"
></div>
</div>
</section>
<!--hero header-->
<section id="home">
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-10 col-12 mx-auto my-auto text-center">
<h1 class="heading-black">xplr</h1>
<p class="lead">A hackable, minimal, fast TUI file explorer</p>
<div id="QJaEMeVo9Uw" class="eleventy-plugin-youtube-embed pb-3">
<lite-youtube
videoid="QJaEMeVo9Uw"
style="
background-image: url('https://s8.gifyu.com/images/xplr-0.17.6.jpg');
"
>
<div class="lty-playbtn"></div>
</lite-youtube>
</div>
<a
class="btn btn-primary d-inline-flex flex-row align-items-center py-3"
href="/en/install.html"
class="mb-3"
>
Try or Install
<em class="ml-2" data-feather="arrow-right"></em>
</a>
</div>
</div>
</div>
</section>
<!--scroll to top-->
<div class="scroll-top">
<i class="fa fa-angle-up" aria-hidden="true"></i>
</div>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.7.3/feather.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>