You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

110 lines
5.7KB

  1. <!DOCTYPE html>
  2. <html lang="en-gb">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="apple-mobile-web-app-capable" content="yes">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="description" content="{% block description %}{{ config.description }}{% endblock description %}">
  8. <meta name="author" content="{{ config.extra.author }}">
  9. <title>{% block title %}{{ config.title }}{% endblock title %}</title>
  10. <link rel="stylesheet" href="{{ get_url(path="site.css", trailing_slash=false) }}"/>
  11. <link rel="icon" href="{{ get_url(path="favicon.ico", trailing_slash=false) }}">
  12. </head>
  13. <body>
  14. <header>
  15. <nav class="{% block extra_nav_class %}container{% endblock extra_nav_class %}">
  16. <a class="header__logo white" href="{{ config.base_url }}">Gutenberg</a>
  17. <a class="white" href="{{ get_url(path="./documentation/_index.md") }}" class="nav-link">Docs</a>
  18. <a class="white" href="{{ get_url(path="./themes/_index.md") }}" class="nav-link">Themes</a>
  19. <a class="white" href="https://github.com/Keats/gutenberg" class="nav-link">GitHub</a>
  20. <div class="search-container">
  21. <input id="search" type="search" placeholder="Search the docs">
  22. <div class="search-results">
  23. <div class="search-results__items"></div>
  24. </div>
  25. </div>
  26. </nav>
  27. </header>
  28. <div class="content {% block extra_content_class %}{% endblock extra_content_class %}">
  29. {% block content %}
  30. <div class="hero">
  31. <h1>Your one-stop static site engine</h1>
  32. <p class="hero__tagline">
  33. Forget dependencies. Everything you need in one binary.
  34. </p>
  35. <a href="{{ get_url(path="./documentation/_index.md") }}" class="button">Get started</a>
  36. </div>
  37. <div class="inverted-colours selling-points">
  38. <div class="selling-points__content container">
  39. <div class="selling-point">
  40. <h2>No dependencies</h2>
  41. <p>
  42. Gutenberg comes as a single executable with Sass compilation, syntax highlighting, table of contents
  43. and many other features that traditionally require setting up a dev environment
  44. or adding some JavaScript libraries to your site.
  45. </p>
  46. </div>
  47. <div class="selling-point">
  48. <h2>Blazing fast</h2>
  49. <p>
  50. The average site will be generated in less than a second,
  51. including Sass compilation and syntax highlighting
  52. thanks to <a href="https://www.rust-lang.org">Rust</a>.
  53. </p>
  54. </div>
  55. <div class="selling-point">
  56. <h2>Scalable</h2>
  57. <p>
  58. Gutenberg renders your whole site as static files, making it trivial to handle
  59. any kind of traffic you will throw at it at no cost without having
  60. to worry about managing a server or a database.
  61. </p>
  62. </div>
  63. <div class="selling-point">
  64. <h2>Easy to use</h2>
  65. <p>
  66. From the CLI to the template engine, everything is designed to be intuitive.
  67. Don't take my words for it though, look at the
  68. <a href="{{ get_url(path="./documentation/_index.md") }}">documentation</a> and see for yourself.
  69. </p>
  70. </div>
  71. <div class="selling-point">
  72. <h2>Flexible</h2>
  73. <p>
  74. Gutenberg gets out of your way so you can focus on your content, be it a blog,
  75. a knowledge base, a landing page or a combination of them.
  76. </p>
  77. </div>
  78. <div class="selling-point">
  79. <h2>Augmented Markdown</h2>
  80. <p>
  81. Gutenberg comes with <a href="{{ get_url(path="./documentation/content/shortcodes.md") }}">shortcodes</a> and
  82. <a href="{{ get_url(path="./documentation/content/linking.md") }}">internal links</a>
  83. to make it easier to write your content.
  84. </p>
  85. </div>
  86. </div>
  87. </div>
  88. {% endblock content %}
  89. </div>
  90. <footer>
  91. ©2017-2018 — <a class="white" href="https://vincent.is">Vincent Prouillet</a> and <a class="white" href="https://github.com/Keats/gutenberg/graphs/contributors">contributors</a>
  92. </footer>
  93. <script type="text/javascript" src="{{ get_url(path="elasticlunr.min.js", trailing_slash=false) }}"></script>
  94. <script type="text/javascript" src="{{ get_url(path="search_index.en.js", trailing_slash=false) }}"></script>
  95. <script type="text/javascript" src="{{ get_url(path="search.js", trailing_slash=false) }}"></script>
  96. </body>
  97. </html>