base.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <!doctype html>
  2. {% include layout/banner.html %}
  3. {% assign title = page.title | default: layout.title %}
  4. <html lang="en"{% if page.rtl or site.rtl %} dir="rtl" {% endif %}>
  5. <head>
  6. <meta charset="utf-8"/>
  7. <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
  8. <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
  9. <title>{% if title %}{{ title }} - {% endif %}{% if site.title %}{{ site.title }} - {% endif %}{{ site.description }}</title>
  10. {% if jekyll.environment == 'preview' %}
  11. {% include layout/analytics.html %}
  12. <meta name="msapplication-TileColor" content="{{ site.theme-color }}"/>
  13. <meta name="theme-color" content="{{ site.theme-color }}"/>
  14. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
  15. <meta name="apple-mobile-web-app-capable" content="yes"/>
  16. <meta name="mobile-web-app-capable" content="yes"/>
  17. <meta name="HandheldFriendly" content="True"/>
  18. <meta name="MobileOptimized" content="320"/>
  19. <link rel="icon" href="{{ site.base }}/favicon.ico" type="image/x-icon"/>
  20. <link rel="shortcut icon" href="{{ site.base }}/favicon.ico" type="image/x-icon"/>
  21. <meta name="description" content="{{ page.description | default: 'Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!' | escape }}"/>
  22. {% include layout/og.html %}
  23. {% endif %}
  24. {% include layout/css.html %}
  25. <style>
  26. @import url('https://rsms.me/inter/inter.css');
  27. :root {
  28. --tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  29. }
  30. body {
  31. font-feature-settings: "cv03", "cv04", "cv11";
  32. }
  33. </style>
  34. </head>
  35. {% assign layout-dark = page.layout-dark | default: site.layout-dark %}
  36. <body {% if layout.body-class or page.body-class %} class="{% if layout.body-class %} {{ layout.body-class }}{% endif %}{% if page.body-class %} {{ page.body-class }}{% endif %}"{% endif %}>
  37. <script src="{{ site.base }}/dist/js/demo-theme{% if jekyll.environment != 'development' %}.min{% endif %}.js{% if jekyll.environment != 'development' %}?{{ site.time | date: '%s' }}{% endif %}"></script>
  38. {{ content }}
  39. {% include layout/modals-capture.html %}
  40. {% include layout/js.html %}
  41. {% if site.debug and jekyll.environment == 'development' %}
  42. {% include layout/debug.html %}
  43. {% endif %}
  44. </body>
  45. </html>