diff options
Move Docs to Pug templates
1 files changed, 85 insertions, 117 deletions
| -rw-r--r-- | docs/index.html | 202 |
diff --git a/docs/index.html b/docs/index.html index 27603d1..7f2c097 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,144 +1,112 @@ <!DOCTYPE html> <html lang="en"> -<head> - <meta charset="utf-8"> - <meta name="robots" content="index, follow"> - <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> - <meta http-equiv="x-ua-compatible" content="ie=edge"> - <meta name="author" content="https://github.com/picturepan2/"> - <title>Spectre.css - a Lightweight, Responsive and Modern CSS Framework. </title> - <link rel="shortcut icon" href="https://picturepan2.github.io/spectre/img/favicons/favicon.ico"> - <link rel="icon" href="https://picturepan2.github.io/spectre/img/favicons/favicon.png"> - <link rel="stylesheet" href="dist/spectre.min.css"> - <link rel="stylesheet" href="dist/spectre-icons.min.css"> - <link rel="stylesheet" href="dist/docs.min.css"> -</head> -<body> - - <div class="section section-hero bg-gray"> - <div id="overview" class="grid-hero container grid-lg text-center"> - <div class="docs-brand"> - <a href="index.html" class="docs-logo"> - <img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework"> - <h2>SPECTRE</h2> - </a> - </div> - <h1>Spectre.css</h1> - <h2>a <u>Lightweight</u>, <u>Responsive</u> and <u>Modern</u> CSS Framework</h2> - <p> - <a href="getting-started.html" class="btn btn-primary btn-lg">Docs</a> - <a href="https://github.com/picturepan2/spectre" target="_blank" class="btn btn-primary btn-lg">GitHub</a> - </p> - <p class="text-gray">Latest version: <span class="version"></span></p> - <div class="columns"> - <div class="column col-4 col-xs-12"> - <div class="card text-center"> - <div class="card-header"> - <span class="card-title">Lightweight</span> - </div> - <div class="card-body"> - Lightweight (~10KB gzipped) starting point for your projects + <head> + <title>Spectre.css - A Lightweight, Responsive and Modern CSS Framework</title> + <meta charset="utf-8"> + <meta name="robots" content="index, follow"> + <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> + <meta http-equiv="x-ua-compatible" content="ie=edge"> + <meta name="author" content="Yan Zhu"> + <link rel="shortcut icon" href="img/favicons/favicon.ico"> + <link rel="icon" href="img/favicons/favicon.png"> + <link rel="stylesheet" href="dist/spectre.min.css"> + <link rel="stylesheet" href="dist/spectre-icons.min.css"> + <link rel="stylesheet" href="dist/spectre-exp.min.css"> + <link rel="stylesheet" href="dist/docs.min.css"> + </head> + <body> + <div class="section section-hero bg-gray"> + <div class="grid-hero container grid-lg text-center" id="overview"> + <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework"> + <h2>SPECTRE</h2></a></div> + <h1>Spectre.css</h1> + <h2>A + <u>Lightweight</u>, + <u>Responsive</u> and + <u>Modern</u> CSS Framework + </h2> + <p><a class="btn btn-primary btn-lg mr-2" href="getting-started.html">Docs</a><a class="btn btn-primary btn-lg" href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a></p> + <p class="text-gray">Latest version: <span class="version"></span></p> + <div class="columns"> + <div class="column col-4 col-xs-12"> + <div class="card text-center"> + <div class="card-header"><span class="card-title">Lightweight</span></div> + <div class="card-body">Lightweight (~10KB gzipped) starting point for your projects</div> </div> </div> - </div> - <div class="column col-4 col-xs-12"> - <div class="card text-center"> - <div class="card-header"> - <span class="card-title">Responsive</span> - </div> - <div class="card-body"> - Flexbox-based, responsive and mobile-friendly layout + <div class="column col-4 col-xs-12"> + <div class="card text-center"> + <div class="card-header"><span class="card-title">Responsive</span></div> + <div class="card-body">Flexbox-based, responsive and mobile-friendly layout</div> </div> </div> - </div> - <div class="column col-4 col-xs-12"> - <div class="card text-center"> - <div class="card-header"> - <span class="card-title">Modern</span> - </div> - <div class="card-body"> - Elegantly designed and developed elements and components + <div class="column col-4 col-xs-12"> + <div class="card text-center"> + <div class="card-header"><span class="card-title">Modern</span></div> + <div class="card-body">Elegantly designed and developed elements and components</div> </div> </div> </div> </div> </div> - </div> - - <div class="section section-features bg-primary text-light text-center"> - <div class="container grid-lg"> - <h2>Introduction</h2> - <div class="columns"> - <div class="column col-10 col-sm-12 col-mx-auto text-left"> - <p class="text-secondary">Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.</p> - </div> - <div class="column col-10 col-sm-12 col-mx-auto"> - <a href="getting-started.html#installation" class="btn btn-lg">Install Spectre.css</a> + <div class="section section-features bg-primary text-light text-center"> + <div class="container grid-lg"> + <h2>Introduction</h2> + <div class="columns"> + <div class="column col-10 col-sm-12 col-mx-auto text-left"> + <p class="text-secondary">Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.</p> + </div> + <div class="column col-10 col-sm-12 col-mx-auto"><a class="btn btn-lg" href="getting-started.html#installation">Install Spectre.css</a></div> </div> </div> </div> - </div> - - <div class="section section-updates bg-gray"> - <div class="container grid-lg"> - <div class="columns"> - <div class="column col-4 col-xs-12"> - <div class="card"> - <div class="card-header"> - <div class="card-title h6">Spectre Twitter</div> - </div> - <div class="card-body"> - For the latest announcements and updates, follow on Twitter: <a href="https://twitter.com/spectrecss" target="_blank">@spectrecss</a>. - </div> - <div class="card-footer"> - <a href="https://twitter.com/spectrecss" class="btn btn-primary" target="_blank">Follow</a> + <div class="section section-updates bg-gray"> + <div class="container grid-lg"> + <div class="columns"> + <div class="column col-4 col-xs-12"> + <div class="card"> + <div class="card-header"> + <div class="card-title h6">Spectre Twitter</div> + </div> + <div class="card-body">For the latest announcements and updates, follow on Twitter: <a href="https://twitter.com/spectrecss" target="_blank">@spectrecss</a>.</div> + <div class="card-footer"><a class="btn btn-primary" href="https://twitter.com/spectrecss" target="_blank">Follow</a></div> </div> </div> - </div> - <div class="column col-4 col-xs-12"> - <div class="card"> - <div class="card-header"> - <div class="card-title h6">PayPal Donate</div> - </div> - <div class="card-body"> - Spectre.css is completely free to use. If you enjoy it, please consider donating for the further development. ♥ - </div> - <div class="card-footer"> - <a href="https://www.paypal.me/picturepan2" class="btn btn-primary" target="_blank">Donate</a> + <div class="column col-4 col-xs-12"> + <div class="card"> + <div class="card-header"> + <div class="card-title h6">PayPal Donate</div> + </div> + <div class="card-body">Spectre.css is completely free to use. If you enjoy it, please consider donating for the further development. ♥</div> + <div class="card-footer"><a class="btn btn-primary" href="https://www.paypal.me/picturepan2" target="_blank">Donate</a></div> </div> </div> - </div> - <div class="column col-4 col-xs-12"> - <div class="card"> - <div class="card-header"> - <div class="card-title h6">Spectre Docs</div> - </div> - <div class="card-body"> - Spectre Docs experience has been completely rewritten and improved. - </div> - <div class="card-footer"> - <a href="getting-started.html" class="btn btn-primary">Explore</a> + <div class="column col-4 col-xs-12"> + <div class="card"> + <div class="card-header"> + <div class="card-title h6">Spectre Docs</div> + </div> + <div class="card-body">Spectre Docs experience has been completely rewritten and improved.</div> + <div class="card-footer"><a class="btn btn-primary" href="getting-started.html">Explore</a></div> </div> </div> </div> </div> </div> - </div> - - <footer class="section section-footer"> - <div id="copyright" class="grid-footer container grid-lg"> - <p><a href="getting-started.html" target="_blank">Documents</a> | <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> | <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> | <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> | Version <span class="version"></span></p> - <p>Designed and built with <span class="text-error">♥</span> by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p> - </div> - </footer> - <script> + <footer class="section section-footer"> + <div class="grid-footer container grid-lg" id="copyright"> + <p><a href="getting-started.html" target="_blank">Documents</a> · <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> · <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> · <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> · Version <span class="version"></span></p> + <p>Designed and built with <span class="text-error">♥</span> by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>. </p> + </div> + </footer> + <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ - (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), - m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) + (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), + m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); - + ga('create', 'UA-2702768-8', 'auto'); ga('send', 'pageview'); - </script> -</body> -</html> + </script> + </body> +</html>
\ No newline at end of file |