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 3.2KB

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
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  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", cachebust=true) }}"/>
  11. </head>
  12. <body>
  13. <header>
  14. <nav class="container">
  15. <a class="header__logo" href="{{ config.base_url }}">Gutenberg</a>
  16. <a href="/documentation" class="nav-link">Documentation</a>
  17. <a href="" class="nav-link">Themes</a>
  18. <a 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 damn fast 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="" class="button">Get started</a>
  29. </div>
  30. <div class="selling-points">
  31. <div class="selling-points__content container">
  32. <div class="selling-point">
  33. <h2>Everything built-in</h2>
  34. <p>
  35. Gutenberg comes with Sass compilation, syntax highlighting and
  36. other features that usually require using additional tools
  37. or use JavaScript libraries on your site.
  38. </p>
  39. </div>
  40. <div class="selling-point">
  41. <h2>Fast</h2>
  42. <p>
  43. Your site will be generated in milliseconds, not seconds.
  44. That includes Sass compilation and syntax highlighting.
  45. </p>
  46. </div>
  47. <div class="selling-point">
  48. <h2>Flexible</h2>
  49. <p>
  50. You can build anything you want with Gutenberg: blogs, landing pages, knowledge bases...
  51. </p>
  52. </div>
  53. <div class="selling-point">
  54. <h2>Easy to use</h2>
  55. <p>
  56. Gutenberg strives for good UX and being productive instantly.
  57. </p>
  58. </div>
  59. </div>
  60. </div>
  61. {% endblock content %}
  62. </div>
  63. <footer>
  64. <div class="container">
  65. © 2017 Vincent Prouillet
  66. </div>
  67. </footer>
  68. </body>
  69. </html>