lektor-website/showcase/index.html

445 lines
13 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=ca3aba42">
<link rel="stylesheet" href="../static/pygments.css">
<link rel="shortcut icon" href="../static/favicon.png?h=fa09bedd">
<title>Showcase | 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="page-banner page-banner-300" style="background-image: url(header.jpg)"></div>
<div class="container">
<h1>Showcase</h1>
<p>
Want to see what Lektor is used for? This should give you a brief overview
of what projects are built on the basis of Lektor. We take good care of
ensuring this list stays up to date by carefully moderating it.
<p>
Click any of the showcases to learn a bit more about how it uses Lektor.
<div class="showcase row">
<div class="row">
<div class="project col-md-6">
<a href="allnew-selfstudythai/">
<h2>All-New Self Study Thai</h2>
<div class="frame">
<img src="allnew-selfstudythai/sst_3_study@480.png" width="100%" alt="">
</div>
</a>
</div>
<div class="project col-md-6">
<a href="andrew-shay/">
<h2>Andrew Shay</h2>
<div class="frame">
<img src="andrew-shay/1-frontpage@480.png" width="100%" alt="">
</div>
</a>
</div>
</div>
<div class="row">
<div class="project col-md-6">
<a href="architekten-ronacher/">
<h2>Architekten Ronacher</h2>
<div class="frame">
<img src="architekten-ronacher/frontpage@480.jpg" width="100%" alt="">
</div>
</a>
</div>
<div class="project col-md-6">
<a href="atelier-ronacher/">
<h2>Atelier Ronacher</h2>
<div class="frame">
<img src="atelier-ronacher/frontpage@480.jpg" width="100%" alt="">
</div>
</a>
</div>
</div>
<div class="row">
<div class="project col-md-6">
<a href="pybee/">
<h2>BeeWare</h2>
<div class="frame">
<img src="pybee/pybee-homepage@480.png" width="100%" alt="">
</div>
</a>
</div>
<div class="project col-md-6">
<a href="davidbaumgold/">
<h2>David Baumgold</h2>
<div class="frame">
<img src="davidbaumgold/frontpage@480.png" width="100%" alt="">
</div>
</a>
</div>
</div>
<div class="row">
<div class="project col-md-6">
<a href="eric-ma/">
<h2>Eric J. Ma</h2>
<div class="frame">
<img src="eric-ma/frontpage@480.png" width="100%" alt="">
</div>
</a>
</div>
<div class="project col-md-6">
<a href="eswar-malla/">
<h2>Eswar Malla</h2>
<div class="frame">
<img src="eswar-malla/home_page@480.png" width="100%" alt="">
</div>
</a>
</div>
</div>
<div class="row">
<div class="project col-md-6">
<a href="frank-tisellano/">
<h2>Frank Tisellano</h2>
<div class="frame">
<img src="frank-tisellano/home@480.png" width="100%" alt="">
</div>
</a>
</div>
<div class="project col-md-6">
<a href="freedombox/">
<h2>FreedomBox</h2>
<div class="frame">
<img src="freedombox/home@480.png" width="100%" alt="">
</div>
</a>
</div>
</div>
<div class="row">
<div class="project col-md-6">
<a href="happyhols/">
<h2>happyhols</h2>
<div class="frame">
<img src="happyhols/happyhols1@480.jpg" width="100%" alt="">
</div>
</a>
</div>
<div class="project col-md-6">
<a href="lektor-website/">
<h2>Lektor Website</h2>
<div class="frame">
<img src="lektor-website/frontpage@480.png" width="100%" alt="">
</div>
</a>
</div>
</div>
<div class="row">
<div class="project col-md-6">
<a href="mark-steve-samson/">
<h2>Mark Steve Samson</h2>
<div class="frame">
<img src="mark-steve-samson/1-frontpage@480.jpg" width="100%" alt="">
</div>
</a>
</div>
<div class="project col-md-6">
<a href="martin-haecker/">
<h2>Martin Häcker</h2>
<div class="frame">
<img src="martin-haecker/homepage@480.png" width="100%" alt="">
</div>
</a>
</div>
</div>
<div class="row">
<div class="project col-md-6">
<a href="pallets-projects/">
<h2>Pallets Projects</h2>
<div class="frame">
<img src="pallets-projects/1-home@480.png" width="100%" alt="">
</div>
</a>
</div>
<div class="project col-md-6">
<a href="pycon-colombia-2018/">
<h2>PyCon Colombia 2018</h2>
<div class="frame">
<img src="pycon-colombia-2018/pycon-colombia-2018-landing@480.png" width="100%" alt="">
</div>
</a>
</div>
</div>
<div class="row">
<div class="project col-md-6">
<a href="pycon-philippines-2016/">
<h2>PyCon Philippines 2016</h2>
<div class="frame">
<img src="pycon-philippines-2016/01-about@480.png" width="100%" alt="">
</div>
</a>
</div>
<div class="project col-md-6">
<a href="taiga-support/">
<h2>Taiga Support</h2>
<div class="frame">
<img src="taiga-support/frontpage@480.png" width="100%" alt="">
</div>
</a>
</div>
</div>
<div class="row">
<div class="project col-md-6">
<a href="terminal-labs/">
<h2>Terminal Labs</h2>
<div class="frame">
<img src="terminal-labs/terminal-labs-homepage@480.png" width="100%" alt="">
</div>
</a>
</div>
<div class="project col-md-6">
<a href="tracetronic/">
<h2>TraceTronic</h2>
<div class="frame">
<img src="tracetronic/1-homepage@480.png" width="100%" alt="">
</div>
</a>
</div>
</div>
<div class="row">
<div class="project col-md-6">
<a href="xinfengtv-website/">
<h2>XinFengTv Website</h2>
<div class="frame">
<img src="xinfengtv-website/xinfengtv-com-cover@480.jpg" width="100%" alt="">
</div>
</a>
</div>
<div class="project col-md-6">
<a href="yargies/">
<h2>Yargies Games</h2>
<div class="frame">
<img src="yargies/1-home@480.png" width="100%" alt="">
</div>
</a>
</div>
</div>
</div>
<p>
<small>You want your own website on here? <a
href="https://github.com/lektor/lektor-website/tree/master/content/showcase">Fork
the Lektor Website Repository on GitHub</a> to add your own project.
Make sure to add screenshots and a description about the project.
The primary screenshot is thumbnailed on this page to 415px wide, and cropped to
260px tall, and on your site's individual page the larger images are 870px wide.
We encourage you to add a link to your source code
so that others can learn from your example.
</small>
</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/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>