zola/docs/templates/index.html

80 lines
3.3 KiB
HTML
Raw Normal View History

2017-09-08 09:59:51 +00:00
<!DOCTYPE html>
<html lang="en-gb">
<head>
<meta charset="UTF-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="{% block description %}{{ config.description }}{% endblock description %}">
<meta name="author" content="{{ config.extra.author }}">
<title>{% block title %}{{ config.title }}{% endblock title %}</title>
2017-10-03 15:21:18 +00:00
<link href="https://fonts.googleapis.com/css?family=Fira+Sans" rel="stylesheet">
2017-09-08 09:59:51 +00:00
<link rel="stylesheet" href="{{ get_url(path="site.css", cachebust=true) }}"/>
</head>
<body>
<header>
2017-09-12 07:13:26 +00:00
<nav class="container">
2017-09-08 09:59:51 +00:00
<a class="header__logo" href="{{ config.base_url }}">Gutenberg</a>
2017-10-03 15:21:18 +00:00
<a href="/documentation" class="nav-link">Docs</a>
2017-09-08 09:59:51 +00:00
<a href="https://github.com/Keats/gutenberg" class="nav-link">Github</a>
</nav>
</header>
2017-09-12 07:13:26 +00:00
<div class="content {% block extra_content_class %}{% endblock extra_content_class %}">
2017-09-08 09:59:51 +00:00
{% block content %}
<div class="hero">
<h1>Your damn fast one-stop static site engine</h1>
<p class="hero__tagline">
Forget dependencies. Everything you need in one binary.
</p>
2017-10-03 15:21:18 +00:00
<a href="/documentation" class="button">Get started</a>
2017-09-08 09:59:51 +00:00
</div>
2017-09-12 07:13:26 +00:00
<div class="selling-points">
<div class="selling-points__content container">
<div class="selling-point">
<h2>Everything built-in</h2>
<p>
Gutenberg comes with Sass compilation, syntax highlighting and
other features that usually require using additional tools
2017-09-12 07:13:26 +00:00
or use JavaScript libraries on your site.
</p>
</div>
<div class="selling-point">
<h2>Fast</h2>
<p>
Your site will be generated in milliseconds, not seconds.
That includes Sass compilation and syntax highlighting.
</p>
</div>
<div class="selling-point">
<h2>Flexible</h2>
<p>
You can build anything you want with Gutenberg: blogs, landing pages, knowledge bases...
</p>
</div>
<div class="selling-point">
<h2>Easy to use</h2>
<p>
2017-10-03 15:21:18 +00:00
Gutenberg gets out of your way so you can focus on what
you are actually making.
2017-09-12 07:13:26 +00:00
</p>
</div>
</div>
</div>
2017-09-08 09:59:51 +00:00
{% endblock content %}
</div>
<footer>
<div class="container">
© 2017 Vincent Prouillet
</div>
</footer>
</body>
</html>