| {% import "macros/replacements.html" as replacements %} |
| <!DOCTYPE html> |
| <html lang="en-US"> |
| <head> |
| {%- block head -%}{%- endblock head -%} |
| {%- set page = page | default(value = section | default(value = false)) -%} |
| <meta charset="utf-8" /> |
| <title>Graphite | {{ title | safe }}</title> |
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1" /> |
| {% if current_path -%} |
| <meta property="og:url" content="https://graphite.rs{{ current_path | safe }}" /> |
| {%- endif %} |
| {%- set meta_description = page.extra.meta_description | default(value = meta_description | default(value = false)) -%} |
| {% if meta_description %} |
| <meta name="description" content="{{ meta_description | safe }}" /> |
| <meta property="og:description" content="{{ meta_description | safe }}" /> |
| <meta name="twitter:description" content="{{ meta_description | safe }}" /> |
| {%- endif %} |
| <meta property="og:image" content="{{ meta_image | default(value = 'https://static.graphite.rs/logos/splash.png' | safe) | safe }}" /> |
| <meta name="twitter:image" content="{{ meta_image | default(value = 'https://static.graphite.rs/logos/splash.png' | safe) | safe }}" /> |
| <meta property="og:title" content="{{ meta_title | default(value = title | safe) | safe }}" /> |
| <meta name="twitter:title" content="{{ meta_title | default(value = title | safe) | safe }}" /> |
| <meta property="og:type" content="{% if meta_article_type %}article{% else %}website{% endif %}" /> |
| <meta property="og:site_name" content="Graphite" /> |
| <meta name="twitter:site" content="@GraphiteEditor" /> |
| <meta name="twitter:card" content="summary_large_image" /> |
| {% block rss -%} |
| <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path = 'blog/rss.xml', trailing_slash = false) | safe }}" /> |
| {%- endblock %} |
|
|
| {#- ======================================================================== -#} |
| |
| {#- ON EVERY PAGE OF THE SITE: CSS AND JS TO LOAD EITHER AS A LINK OR INLINE -#} |
| {#- ======================================================================== -#} |
| {%- set global_linked_js = [] -%} |
| {%- set global_linked_css = [] -%} |
| {%- set global_js = ["/js/text-justification.js", "/js/navbar.js"] -%} |
| {%- set global_css = ["/base.css", "/fonts/common.css"] -%} |
| {%- set fonts_loaded = load_data(path="static/fonts/common.css", format="plain", required=false) -%} |
| {%- if not fonts_loaded -%} |
| {{ throw(message="------------------------------------------------------------> FONTS ARE NOT INSTALLED! Before running Zola, execute `npm run install-fonts` from the `/website` directory.") }} |
| {%- endif -%} |
|
|
| {#- RETRIEVE FROM TEMPLATES AND PAGES: CSS AND JS TO LOAD EITHER AS A LINK OR INLINE -#} |
| {#- ================================================================================ -#} |
| {%- set linked_css = page.extra.linked_css | default(value = []) | concat(with = linked_css | default(value = [])) -%} |
| {%- set linked_js = page.extra.linked_js | default(value = []) | concat(with = linked_js | default(value = [])) -%} |
| {%- set css = page.extra.css | default(value = []) | concat(with = css | default(value = [])) -%} |
| {%- set js = page.extra.js | default(value = []) | concat(with = js | default(value = [])) -%} |
|
|
| {#- COMBINE THE GLOBAL AND TEMPLATE/PAGE RESOURCE LISTS -#} |
| {#- =================================================== -#} |
| {%- set linked_css_list = linked_css | concat(with = global_linked_css) -%} |
| {%- set linked_js_list = linked_js | concat(with = global_linked_js) -%} |
| {%- set css_list = css | concat(with = global_css) -%} |
| {%- set js_list = js | concat(with = global_js) -%} |
|
|
| {#- CONDITIONALLY MAKE ONLY PROD BUILDS ACTUALLY INLINE THE CSS AND JS FOR CLEANLINESS -#} |
| {#- ================================================================================== -#} |
| {%- if get_env(name = "MODE", default = "dev") != "prod" -%} |
| {%- set linked_css_list = linked_css_list | concat(with = css_list) -%} |
| {%- set linked_js_list = linked_js_list | concat(with = js_list) -%} |
| {%- set css_list = [] -%} |
| {%- set js_list = [] -%} |
| {%- endif -%} |
| |
| {#- INSERT CSS LINKS -#} |
| {#- ================ -#} |
| {%- for path in linked_css_list %} |
| <link rel="stylesheet" href="{{ path | safe }}" /> |
| {%- endfor %} |
|
|
| {#- INSERT JS LINKS -#} |
| {#- =============== -#} |
| {%- for path in linked_js_list %} |
| <script src="{{ path | safe }}"></script> |
| {%- endfor %} |
|
|
| {#- INSERT INLINE CSS CODE -#} |
| {#- ====================== -#} |
| {%- if css_list | length > 0 %} |
| {{ "<" ~ "style>" | safe }} |
| {% for path in css_list -%} |
| {{ load_data(path = path) | safe }} |
| {% endfor -%} |
| {{ "</" ~ "style>" | safe }} |
| {%- endif %} |
|
|
| {#- INSERT INLINE JS CODE -#} |
| {#- ===================== -#} |
| {%- for path in js_list %} |
| {{ "<" ~ "script>" | safe }} |
| {{ load_data(path = path) | safe }} |
| {{ "</" ~ "script>" | safe }} |
| {%- endfor %} |
|
|
| {{- get_env(name = "INDEX_HTML_HEAD_INCLUSION", default = "") | safe }} |
| </head> |
| <body> |
| <div class="page"> |
| <header> |
| <nav> |
| <div class="row"> |
| <div class="left"> |
| <a href="/"> |
| <img src="https://static.graphite.rs/logos/graphite-logo-solid.svg" alt="Graphite Logo" /> |
| </a> |
| </div> |
| <div class="right"> |
| <a href="/learn">Learn</a> |
| <a href="/features">Features</a> |
| <a href="/about">About</a> |
| <a href="/blog">Blog</a> |
| <a href="/volunteer">Volunteer</a> |
| <a href="/donate" class="heart">Donate</a> |
| <a href="https://editor.graphite.rs" class="button arrow">Launch</a> |
| </div> |
| </div> |
| </nav> |
| <svg class="ripple" xmlns="http://www.w3.org/2000/svg"> |
| <path d="M 0,15 l 10000,0" /> |
| </svg> |
| <hr /> |
| </header> |
| <main> |
| {%- filter replace(from = "", to = replacements::blog_posts(count = 2)) -%} |
| {%- filter replace(from = "", to = replacements::text_balancer()) -%} |
| {%- block content -%}{%- endblock -%} |
| {%- endfilter -%} |
| {%- endfilter -%} |
| </main> |
| <footer> |
| <hr /> |
| <nav> |
| <a href="https://github.com/GraphiteEditor/Graphite" class="link not-uppercase">GitHub</a> |
| <a href="/license" class="link not-uppercase">License</a> |
| <a href="/logo" class="link not-uppercase">Logo</a> |
| <a href="/press" class="link not-uppercase">Press</a> |
| <a href="/contact" class="link not-uppercase">Contact</a> |
| </nav> |
| <span>Copyright © {{ now() | date(format = "%Y") }} Graphite Labs, LLC (an open source organization)</span> |
| </footer> |
| </div> |
| </body> |
| </html> |
|
|
