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.

index.html 4.9KB

7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  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="https://github.com/Keats/gutenberg" class="nav-link">GitHub</a>
  19. </nav>
  20. </header>
  21. <div class="content {% block extra_content_class %}{% endblock extra_content_class %}">
  22. {% block content %}
  23. <div class="hero">
  24. <h1>Your one-stop static site engine</h1>
  25. <p class="hero__tagline">
  26. Forget dependencies. Everything you need in one binary.
  27. </p>
  28. <a href="{{ get_url(path="./documentation/_index.md") }}" class="button">Get started</a>
  29. </div>
  30. <div class="inverted-colours selling-points">
  31. <div class="selling-points__content container">
  32. <div class="selling-point">
  33. <h2>No dependencies</h2>
  34. <p>
  35. Gutenberg comes as a single executable with Sass compilation, syntax highlighting, table of contents
  36. and many other features that traditionally require setting up a dev environment
  37. or adding some JavaScript libraries to your site.
  38. </p>
  39. </div>
  40. <div class="selling-point">
  41. <h2>Blazing fast</h2>
  42. <p>
  43. The average site will be generated in less than a second,
  44. including Sass compilation and syntax highlighting
  45. thanks to <a href="https://www.rust-lang.org">Rust</a>.
  46. </p>
  47. </div>
  48. <div class="selling-point">
  49. <h2>Scalable</h2>
  50. <p>
  51. Gutenberg renders your whole site as static files, making it trivial to handle
  52. any kind of traffic you will throw at it at no cost without having
  53. to worry about managing a server or a database.
  54. </p>
  55. </div>
  56. <div class="selling-point">
  57. <h2>Easy to use</h2>
  58. <p>
  59. From the CLI to the template engine, everything is designed to be intuitive.
  60. Don't take my words for it though, look at the
  61. <a href="{{ get_url(path="./documentation/_index.md") }}">documentation</a> and see for yourself.
  62. </p>
  63. </div>
  64. <div class="selling-point">
  65. <h2>Flexible</h2>
  66. <p>
  67. Gutenberg gets out of your way so you can focus on your content, be it a blog,
  68. a knowledge base, a landing page or a combination of them.
  69. </p>
  70. </div>
  71. <div class="selling-point">
  72. <h2>Augmented Markdown</h2>
  73. <p>
  74. Gutenberg comes with <a href="{{ get_url(path="./documentation/content/shortcodes.md") }}">shortcodes</a> and
  75. <a href="{{ get_url(path="./documentation/content/linking.md") }}">internal links</a>
  76. to make it easier to write your content.
  77. </p>
  78. </div>
  79. </div>
  80. </div>
  81. {% endblock content %}
  82. </div>
  83. <footer>
  84. ©2017 — <a class="white" href="https://vincent.is">Vincent Prouillet</a> and <a class="white" href="https://github.com/Keats/gutenberg/graphs/contributors">contributors</a>
  85. </footer>
  86. </body>
  87. </html>