{%- macro stylesheet() %}
  <link rel="stylesheet" href="{{ get_url(path=config.extra.stylesheet, trailing_slash=false, cachebust=true) | safe }}" />
{%- endmacro %}


{%- macro resource() %}
{%- if config.extra.fonts %}{%- for i in config.extra.fonts %}
  {%- if i.url is matching("^http[s]?://") %}
  <link rel="preload" as="style" href="{{ i.url | safe }}" onload="this.onload=null;this.rel='stylesheet'" crossorigin="anonymous" />
  {%- else %}
  <link rel="preload" as="font" href="{{ get_url(path=i.url, trailing_slash=false) | safe }}" type="font/woff2" crossorigin />
  {%- endif %}
{%- endfor %}{%- endif %}

{%- if config.extra.fontawesome %}
  <link rel="preload" href="{{ config.extra.fontawesome | safe }}" as="style" onload="this.onload=null;this.rel='stylesheet'" crossorigin="anonymous" />
{%- endif %}

{%- if config.build_search_index %}
  {%- if config.extra.js_search_index %}
  <script defer src="{{ get_url(path=config.extra.js_search_index, trailing_slash=false, cachebust=true) | safe }}" integrity="sha384-{{ get_file_hash(path=config.extra.js_search_index, sha_type=384, base64=true) | safe }}"></script>
  {%- endif %}
  {%- if config.extra.js_search %}
  <script defer src="{{ get_url(path=config.extra.js_search, trailing_slash=false, cachebust=true) | safe }}" integrity="sha384-{{ get_file_hash(path=config.extra.js_search, sha_type=384, base64=true) | safe }}"></script>
  {%- endif %}
{%- endif %}

{%- if config.generate_feed %}
  <link rel="alternate" type="{% if config.feed_filename is containing('atom') %}application/atom+xml{% else %}application/rss+xml{% endif %}" title="Atom/RSS Feed" href="{{ get_url(path=config.feed_filename, trailing_slash=false) | safe }}" />
{%- endif %}

{%- endmacro %}


{%- macro favicons() %}
  {%- if config.extra.favicon_theme_color %}
  <meta name="theme-color" content="{{ config.extra.favicon_theme_color }}" />
  {%- endif %}

  {%- if config.extra.favicon_ms_color %}
  <meta name="msapplication-TileColor" content="{{ config.extra.favicon_ms_color }}" />
  {%- endif %}

  {%- if config.extra.favicon_webmanifest %}
  <link rel="manifest" href="{{ get_url(path=config.extra.favicon_webmanifest, trailing_slash=false) | safe }}" />
  {%- endif %}

  {%- if config.extra.favicon_mask and config.extra.favicon_mask_color %}
  <link rel="mask-icon" href="{{ get_url(path=config.extra.favicon_mask, trailing_slash=false) | safe }}" color="{{ config.extra.favicon_mask_color }}" />
  {%- endif %}

  {%- if config.extra.favicon180 %}
  <link rel="apple-touch-icon" sizes="180x180" href="{{ get_url(path=config.extra.favicon180, trailing_slash=false) | safe }}" />
  {%- endif %}

  {%- if config.extra.favicon32 %}
  <link rel="icon" type="image/png" sizes="32x32" href="{{ get_url(path=config.extra.favicon32, trailing_slash=false) | safe }}" />
  {%- endif %}

  {%- if config.extra.favicon16 %}
  <link rel="icon" type="image/png" sizes="16x16" href="{{ get_url(path=config.extra.favicon16, trailing_slash=false) | safe }}" />
  {%- endif %}
{%- endmacro %}


{#- type:          website or article, generally setting article for blog articles -#}
{#- page_images:   using for the blog single template page -#}
{#- page_section:  the blog single template page have to pass the parameter -#}
{#- is_404:        using for the 404.html template -#}
{%- macro seo( title="",title_addition="",description="",type="website",is_home=false,is_404=false,is_page=false,page_images="",page_section="",created_time="2021-07-04T07:07:00-07:00",  updated_time="2021-07-04T07:07:00-07:00" ) %}
{%- if is_404 -%}
  <meta name="robots" content="noindex, follow" />
{%- else -%}
  <meta name="robots" content="index, follow" />
  <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
  <meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
{%- endif -%}

{%- if current_url %}
  {%- set page_url = current_url %}
{%- else %}
  {%- set page_url = get_url(path="404.html", trailing_slash=true) %}
{%- endif %}
  <title>{{ title ~ title_addition }}</title>

{%- if config.extra.author %}
  <meta name="author" content="{{ config.extra.author }}" />
{%- endif %}
{%- if config.extra.facebook_publisher %}
  <meta property="article:publisher" content="https://www.facebook.com/{{ config.extra.facebook_publisher }}" />
{%- endif %}
  <meta name="copyright" content="{{ config.title }}" />
{%- if config.extra.facebook_author %}
  <meta property="article:author" content="https://www.facebook.com/{{ config.extra.facebook_author }}" />
{%- endif %}
{%- if page.description %}
  <meta name="description" content="{{ page.description }}" />
{%- else %}
  <meta name="description" content="{{ config.description }}" />
{%- endif %}
  <link rel="canonical" href="{{ page_url | safe }}" />
{%- if page.extra.keywords %}
  <meta name="keywords" content="{{ page.extra.keywords }}, {{ config.extra.keywords }}" />
{%- else %}
  <meta name="keywords" content="{{ config.extra.keywords }}" />
{%- endif %}

{#- Extra SEO START #}
{%- if config.extra.seo | default(value=true) %}
{%- if not is_404 %}

{%- if config.extra.google %}
  <meta name="google-site-verification" content="{{ config.extra.google | safe }}" />
{%- endif %}

{%- if config.extra.bing %}
  <meta name="msvalidate.01" content="{{ config.extra.bing | safe}}" />
{%- endif %}
  <meta property="og:url" content="{{ page_url | safe }}" />
  <meta name="twitter:url" content="{{ page_url | safe }}" />

{%- if page.description %}
  <meta property="og:description" content="{{ page.description }}" />
  <meta name="twitter:description" content="{{ page.description }}" />
{%- else %}
  <meta property="og:description" content="{{ config.description }}" />
  <meta name="twitter:description" content="{{ config.description}}" />
{%- endif %}

{%- if page.title %}
  <meta property="og:title" content="{{ page.title }} | {{ config.title }}" />
  <meta name="twitter:title" content="{{ page.title }} | {{ config.title }}" />
{%- else %}
  <meta property="og:title" content="{{ config.title }}" />
  <meta name="twitter:title" content="{{ config.title }}" />
{%- endif %}


{#- SEO MEDIA START #}
{%- if page.extra.thumbnail %}
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:image" content="{{ get_url(path=page.path ~ page.extra.thumbnail, trailing_slash=false) }}" />
  <meta property="og:image" content="{{ get_url(path=page.path ~ page.extra.thumbnail, trailing_slash=false) }}" />

{%- elif page.extra.static_thumbnail %}
  <meta name="twitter:card" content="summary_large_image" />
  {%- if page.extra.static_thumbnail is matching("^http[s]?://") %}
  <meta name="twitter:image" content="{{ page.extra.static_thumbnail }}" />
  <meta property="og:image" content="{{ page.extra.static_thumbnail }}" />
  {%- else %}
  <meta name="twitter:image" content="{{ get_url(path=page.extra.static_thumbnail, trailing_slash=false) }}" />
  <meta property="og:image" content="{{ get_url(path=page.extra.static_thumbnail, trailing_slash=false) }}" />
  {%- endif %}

{%- elif config.extra.banner %}
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:image" content="{{ get_url(path=config.extra.banner, trailing_slash=false) }}" />
  <meta property="og:image" content="{{ get_url(path=config.extra.banner, trailing_slash=false) }}" />

{%- else %}
  <meta name="twitter:card" content="summary" />

{%- endif %}

{%- if config.extra.open.audio %}
  <meta property="og:audio" content="{{ config.extra.open.audio }}" />
{%- endif %}

{%- if config.extra.open.locale %}
  <meta property="og:locale" content="{{ config.extra.open.locale }}" />
{%- endif %}

{%- if config.extra.open.videos %}
  {%- for video in config.extra.open.videos %}
  <meta property="og:video" content="{{ get_url(path=video) }}" />
  {%- endfor %}
{%- endif %}

{#- SEO MEDIA END #}
  <meta property="og:site_name" content="{{ config.title }}" />
  <meta property="og:locale" content="en_US" />
  <meta property="og:type" content="website" />
{%- if page.updated %}
  <meta property="og:updated_time" content="{{ page.updated | date(format='%F') }}" />
{%- elif page.date %}
  <meta property="og:updated_time" content="{{ page.date | date(format='%F') }}" />
{%- else %}
  <meta property="og:updated_time" content="{{ updated_time }}" />
{%- endif %}

{%- if config.extra.social.twitter %}
  <meta name="twitter:site" content="@{{ config.extra.twitter }}" />
  <meta name="twitter:creator" content="@{{ config.extra.twitter }}" />
{%- endif %}



{%- endif %}
{%- endif %}
{#- Extra SEO END #}
{%- endmacro %}

{%- macro security() %}
  {%- if config.extra.security_header_referrer %}
  <meta name="referrer" content="{{ config.extra.security_header_referrer | safe }}" />
  {%- endif %}
  {%- if config.extra.security_header_csp %}
  <meta http-equiv="Content-Security-Policy" content="{{ config.extra.security_header_csp | safe }}" />
  {%- endif %}
{%- endmacro %}

{# https://katex.org/docs/autorender.html #}
{# https://github.com/KaTeX/KaTeX/ #}
{# https://github.com/KaTeX/KaTeX/tree/main/contrib/mathtex-script-type/ #}
{%- macro math() %}
{%- if config.extra.math or page.extra.math %}

  {%- if config.extra.katex_css %}{%- if config.extra.katex_css is matching("^http[s]?://") %}
  <link rel="preload" href="{{ config.extra.katex_css | safe }}" as="style" integrity="sha384-ZPe7yZ91iWxYumsBEOn7ieg8q/o+qh/hQpSaPow8T6BwALcXSCS6C6fSRPIAnTQs" onload="this.onload=null;this.rel='stylesheet'" crossorigin="anonymous" />
  {%- else %}
  <link rel="preload" href="{{ get_url(path=config.extra.katex_css, trailing_slash=false) }}" as="style" integrity="sha384-ZPe7yZ91iWxYumsBEOn7ieg8q/o+qh/hQpSaPow8T6BwALcXSCS6C6fSRPIAnTQs" onload="this.onload=null;this.rel='stylesheet'" crossorigin="anonymous" />
  {%- endif %}{%- endif %}

  {%- if config.extra.katex_js %}{%- if config.extra.katex_js is matching("^http[s]?://") %}
  <script defer src="{{ config.extra.katex_js | safe }}" integrity="sha384-ljao5I1l+8KYFXG7LNEA7DyaFvuvSCmedUf6Y6JI7LJqiu8q5dEivP2nDdFH31V4" crossorigin="anonymous"></script>
  {%- else %}
  <script defer src="{{ get_url(path=config.extra.katex_js, trailing_slash=false) }}" integrity="sha384-ljao5I1l+8KYFXG7LNEA7DyaFvuvSCmedUf6Y6JI7LJqiu8q5dEivP2nDdFH31V4" crossorigin="anonymous"></script>
  {%- endif %}{%- endif %}

  {%- if config.extra.mathtex_js %}{%- if config.extra.mathtex_js is matching("^http[s]?://") %}
  <script defer src="{{ config.extra.mathtex_js | safe }}" integrity="sha384-jiBVvJ8NGGj5n7kJaiWwWp9AjC+Yh8rhZY3GtAX8yU28azcLgoRo4oukO87g7zDT" crossorigin="anonymous"></script>
  {%- else %}
  <script defer src="{{ get_url(path=config.extra.mathtex_js, trailing_slash=false) }}" integrity="sha384-jiBVvJ8NGGj5n7kJaiWwWp9AjC+Yh8rhZY3GtAX8yU28azcLgoRo4oukO87g7zDT" crossorigin="anonymous"></script>
  {%- endif %}{%- endif %}

{%- if config.extra.math_auto_render or page.extra.math_auto_render %}
  {%- if config.extra.katex_autorender_js %}
  {%- if config.extra.katex_autorender_js is matching("^http[s]?://") %}
  <script defer src="{{ config.extra.katex_autorender_js | safe }}" integrity="sha384-+XBljXPPiv+OzfbB3cVmLHf4hdUFHlWNZN5spNQ7rmHTXpd7WvJum6fIACpNNfIR" crossorigin="anonymous"></script>
  {%- else %}
  <script defer src="{{ get_url(path=config.extra.katex_autorender_js, trailing_slash=false) }}" integrity="sha384-+XBljXPPiv+OzfbB3cVmLHf4hdUFHlWNZN5spNQ7rmHTXpd7WvJum6fIACpNNfIR" crossorigin="anonymous"></script>
  {%- endif %}
  {%- endif %}
  <script>document.addEventListener("DOMContentLoaded",function(){renderMathInElement(document.body,{delimiters:[{left:"$$",right:"$$",display:!0},{left:"$",right:"$",display:!1},{left:"\\(",right:"\\)",display:!1},{left:"\\[",right:"\\]",display:!0}],throwOnError:!1})});</script>
{%- endif %}

{%- endif %}
{%- endmacro %}