Files
ZY-Player/docs/index.html
hunlongyu b6acaf83e0 add docs
2020-01-21 10:52:22 +08:00

150 lines
7.7 KiB
HTML

<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ZY Player</title>
<link href="https://fonts.googleapis.com/css?family=Heebo:400,700|IBM+Plex+Sans:600" rel="stylesheet">
<link rel="stylesheet" href="dist/css/style.css">
<script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
</head>
<body class="is-boxed has-animations">
<div class="body-wrap boxed-container">
<header class="site-header">
<div class="container">
<div class="site-header-inner">
<div class="brand header-brand">
<h1 class="m-0">
<a href="#">
<img class="header-logo-image asset-light" src="dist/images/logo-light.svg" alt="Logo">
<img class="header-logo-image asset-dark" src="dist/images/logo-dark.svg" alt="Logo">
</a>
</h1>
</div>
</div>
</div>
</header>
<main>
<section class="hero">
<div class="container">
<div class="hero-inner">
<div class="hero-copy">
<h1 class="hero-title mt-0">ZY Player</h1>
<p class="hero-paragraph">ZY Player 影视资源播放器, 可以直接浏览或者搜索影视资源,所有资源点击即可播放.软件免费,没有广告~</p>
<div class="hero-cta">
<a class="button button-primary" href="https://github.com/Hunlongyu/ZY-Player/releases/latest">立即下载</a>
<div class="lights-toggle">
<input id="lights-toggle" type="checkbox" name="lights-toggle" class="switch" checked="checked">
<label for="lights-toggle" class="text-xs"><span>切换主题<span class="label-text">dark</span></span></label>
</div>
</div>
</div>
<div class="hero-media">
<div class="header-illustration">
<img class="header-illustration-image asset-light" src="dist/images/header-illustration-light.svg" alt="Header illustration">
<img class="header-illustration-image asset-dark" src="dist/images/header-illustration-dark.svg" alt="Header illustration">
</div>
<div class="hero-media-illustration">
<img class="hero-media-illustration-image asset-light" src="dist/images/hero-media-illustration-light.svg" alt="Hero media illustration">
<img class="hero-media-illustration-image asset-dark" src="dist/images/hero-media-illustration-dark.svg" alt="Hero media illustration">
</div>
<div class="hero-media-container">
<img class="hero-media-image asset-light" src="https://i.loli.net/2020/01/21/HfRhqXDTJMlEIaP.jpg" alt="Hero media">
<img class="hero-media-image asset-dark" src="https://i.loli.net/2020/01/21/hGYrDKQbXZctfVs.jpg" alt="Hero media">
</div>
</div>
</div>
</div>
</section>
<section class="features section">
<div class="container">
<div class="features-inner section-inner has-bottom-divider">
<div class="features-header text-center">
<div class="container-sm">
<div class="features-image">
<img class="features-illustration asset-dark" src="dist/images/features-illustration-dark.svg" alt="Feature illustration">
<img style="transform: none;" class="features-box asset-dark" src="https://i.loli.net/2020/01/21/exXt3mfsJSGuhn5.jpg" alt="Feature box">
<img class="features-illustration asset-dark" src="dist/images/features-illustration-top-dark.svg" alt="Feature illustration top">
<img class="features-illustration asset-light" src="dist/images/features-illustration-light.svg" alt="Feature illustration">
<img style="transform: none;" class="features-box asset-light" src="https://i.loli.net/2020/01/21/exXt3mfsJSGuhn5.jpg" alt="Feature box">
<img class="features-illustration asset-light" src="dist/images/features-illustration-top-light.svg" alt="Feature illustration top">
</div>
</div>
</div>
<div class="features-wrap">
<div class="feature is-revealing">
<div class="feature-inner">
<div class="feature-icon">
<img class="asset-light" src="dist/images/feature-01-light.svg" alt="Feature 01">
<img class="asset-dark" src="dist/images/feature-01-dark.svg" alt="Feature 01">
</div>
<div class="feature-content">
<h3 class="feature-title mt-0">开源免费</h3>
<p class="text-sm mb-0">代码开源, 软件免费使用, 无广告, 不窃取用户信息, MIT协议.</p>
</div>
</div>
</div>
<div class="feature is-revealing">
<div class="feature-inner">
<div class="feature-icon">
<img class="asset-light" src="dist/images/feature-02-light.svg" alt="Feature 02">
<img class="asset-dark" src="dist/images/feature-02-dark.svg" alt="Feature 02">
</div>
<div class="feature-content">
<h3 class="feature-title mt-0">资源丰富</h3>
<p class="text-sm mb-0">所有资源都来自多个著名资源网站, 海量资源, 应有尽有.</p>
</div>
</div>
</div>
<div class="feature is-revealing">
<div class="feature-inner">
<div class="feature-icon">
<img class="asset-light" src="dist/images/feature-03-light.svg" alt="Feature 03">
<img class="asset-dark" src="dist/images/feature-03-dark.svg" alt="Feature 03">
</div>
<div class="feature-content">
<h3 class="feature-title mt-0">功能强大</h3>
<p class="text-sm mb-0">支持多源切换, 搜索. 支持预览详情, 支持收藏, 支持暗黑主题.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- <footer class="site-footer has-top-divider">
<div class="container">
<div class="site-footer-inner">
<div class="brand footer-brand">
<a href="#">
<img class="asset-light" src="dist/images/logo-light.svg" alt="Logo">
<img class="asset-dark" src="dist/images/logo-dark.svg" alt="Logo">
</a>
</div>
<ul class="footer-links list-reset">
<li>
<a href="#">Contact</a>
</li>
<li>
<a href="#">About us</a>
</li>
<li>
<a href="#">FAQ's</a>
</li>
<li>
<a href="#">Support</a>
</li>
</ul>
</div>
</div>
</footer> -->
</div>
<script src="dist/js/main.min.js"></script>
</body>
</html>