lektor-website/showcase/xinfengtv-website/index.html

186 lines
7.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../../static/styles.css?h=ae0cc228">
<link rel="stylesheet" href="../../static/pygments.css">
<link rel="shortcut icon" href="../../static/favicon.png?h=fa09bedd">
<title>XinFengTv Website | Lektor Static Content Management System</title>
</head>
<body class="default">
<nav class="navbar navbar-inverse navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed"
data-toggle="collapse" data-target="#navbar"
aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="../../">Lektor</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="../../downloads/">Download</a></li>
<li><a href="../../docs/">Documentation</a></li>
<li class="active"><a href="../">Showcase</a></li>
<li><a href="../../plugins/">Plugins</a></li>
<li><a href="../../community/">Community</a></li>
<li><a href="../../blog/">Blog</a></li>
</ul>
</div>
</div>
</nav>
<div class="body-wrapper">
<div class="container showcase-site">
<div class="row">
<div class="back-link">
<a href="../">Back to Showcase</a>
</div>
<h1>XinFengTv Website</h1>
<p class="site-link"><a href="https://www.xinfengtv.com">www.xinfengtv.com</a>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<p>This project is a news and magazine website talking about AI / smart home and robots. We build this project's front with Lektor to speed it up and make it faster than ever to visit.</p>
<p>The difficulty during building this project is that we have to make every page match the MIP rulers - which is the alternative mobile website standard to Google's AMP provide by Baidu.</p>
<p>Before Lektor, we tried several tools; WordPress, Hugo, Hexo, and even Forestry. Finally we met Lektor. It is very powerful and now we love it. We will use it to build more projects and we are starting to make some plugins for it.</p>
<p>Thanks again!</p>
</div>
</div>
</div>
<div class="slideshow-wrapper">
<div class="slideshow">
<div class="slideshow-inner">
<div class="carousel slide" data-ride="carousel" data-interval="8500" id="site-slides">
<ol class="carousel-indicators">
<li data-target="#site-slides" data-slide-to="0" class="active"></li>
<li data-target="#site-slides" data-slide-to="1"></li>
<li data-target="#site-slides" data-slide-to="2"></li>
<li data-target="#site-slides" data-slide-to="3"></li>
<li data-target="#site-slides" data-slide-to="4"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item slide active">
<div class="container">
<img class="large" src="xinfengtv-com-cover-1.jpg">
</div>
</div>
<div class="item slide">
<div class="container">
<img class="large" src="xinfengtv-com-cover-tags.jpg">
</div>
</div>
<div class="item slide">
<div class="container">
<img class="large" src="xinfengtv-com-category.jpg">
</div>
</div>
<div class="item slide">
<div class="container">
<img class="large" src="xinfengtv-com-cover.jpg">
</div>
</div>
<div class="item slide">
<div class="container">
<img class="large" src="xinfengtv-com-category-hotline.jpg">
</div>
</div>
</div>
<a class="left carousel-control" href="#site-slides" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#site-slides" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="bottomsummary">
<div class="container">
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-sm-4 icon-bar">
<a href="https://github.com/lektor/lektor/" title="Lektor on GitHub"
><i class="fa fa-github"></i></a>
<a href="https://github.com/lektor/lektor/issues/" title="Report Issues for Lektor"
><i class="fa fa-bug"></i></a>
<a href="https://twitter.com/getlektor" title="Find Lektor on Twitter"
><i class="fa fa-twitter"></i></a>
<a href="https://gitter.im/lektor/lektor" title="Chat on Gitter"
><i class="fa fa-comment"></i></a>
<a href="https://github.com/lektor/lektor-website/tree/master/content/showcase/xinfengtv-website/contents.lr" title="View source for this page"><i class="fa fa-code"></i></a>
</div>
<div class="col-sm-8">
<a href="../../license/">License & Copyright</a>
<a href="../../contact/">Contact</a>
Made with <i class="fa fa-fw fa-heart" title="Heart"><span hidden>Heart</span></i> in Carinthia
</div>
</div>
</div>
</footer>
<script type=text/javascript src="../../static/app.js?h=bb1b933a" charset="utf-8"></script>
<script>
((window.gitter = {}).chat = {}).options = {
room: 'lektor/lektor',
activationElement: null
};
document.write('<button class="js-gitter-toggle-chat-button">Toggle Chat</button>');
var dnt = navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack;
if (dnt != "1" && dnt != "yes") {
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-70822533-1', 'auto');
ga('set', 'anonymizeIp', true);
ga('send', 'pageview');
} else {
console.debug("Respecting Do-Not-Track, not running analytics.");
}
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<script src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer></script>
</body>
</html>