web/_includes/head.html

129 lines
4 KiB
HTML
Raw Normal View History

2019-09-30 15:38:41 +03:00
<head>
2024-11-15 20:12:22 +03:00
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta
name="theme-color"
media="(prefers-color-scheme: light)"
content="#f7f7f7"
/>
<meta
name="theme-color"
media="(prefers-color-scheme: dark)"
content="#1b1b1e"
/>
<meta name="mobile-web-app-capable" content="yes" />
<meta
name="apple-mobile-web-app-status-bar-style"
content="black-translucent"
/>
<meta
name="viewport"
content="width=device-width, user-scalable=no initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
2024-11-15 20:12:22 +03:00
/>
2020-10-25 21:24:32 +03:00
2024-11-15 20:12:22 +03:00
{%- capture seo_tags -%} {% seo title=false %} {%- endcapture -%}
<!-- Setup Open Graph image -->
2024-11-15 20:12:22 +03:00
{% if page.image %} {% assign src = page.image.path | default: page.image %}
{% unless src contains '://' %} {%- capture img_url -%} {% include
media-url.html src=src subpath=page.media_subpath absolute=true %} {%-
endcapture -%} {%- capture old_url -%}{{ src | absolute_url }}{%- endcapture
-%} {%- capture new_url -%}{{ img_url }}{%- endcapture -%} {% assign seo_tags
= seo_tags | replace: old_url, new_url %} {% endunless %} {% elsif
site.social_preview_image %} {%- capture img_url -%} {% include media-url.html
src=site.social_preview_image absolute=true %} {%- endcapture -%} {%- capture
og_image -%}
<meta property="og:image" content="{{ img_url }}" />
{%- endcapture -%} {%- capture twitter_image -%}
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:image" content="{{ img_url }}" />
{%- endcapture -%} {% assign old_meta_clip = '
<meta name="twitter:card" content="summary" />
' %} {% assign new_meta_clip = og_image | append: twitter_image %} {% assign
seo_tags = seo_tags | replace: old_meta_clip, new_meta_clip %} {% endif %} {{
seo_tags }}
2019-09-30 15:38:41 +03:00
<title>
2024-11-15 20:12:22 +03:00
{%- unless page.layout == 'home' -%} {{ page.title | append: ' | ' }} {%-
endunless -%} {{ site.title }}
2019-09-30 15:38:41 +03:00
</title>
{% include_cached favicons.html %}
2019-09-30 15:38:41 +03:00
<!-- Resource Hints -->
2024-11-15 20:12:22 +03:00
{% unless site.assets.self_host.enabled %} {% for hint in
site.data.origin.cors.resource_hints %} {% for link in hint.links %} <link
rel="{{ link.rel }}" href="{{ hint.url }}" {{ link.opts | join: ' ' }}> {%
endfor %} {% endfor %} {% endunless %}
2019-11-25 15:56:50 +03:00
<!-- Bootstrap -->
{% unless jekyll.environment == 'production' %}
2024-11-15 20:12:22 +03:00
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
/>
{% endunless %}
2020-05-26 12:49:50 +03:00
2024-04-13 12:34:20 +03:00
<!-- Font Logos -->
2024-11-15 20:12:22 +03:00
<link
rel="stylesheet"
href="{{ site.data.origin[type].fontlogos.css | relative_url }}"
/>
<!-- Font Awesome Icons -->
2024-11-15 20:12:22 +03:00
<link
rel="stylesheet"
href="{{ site.data.origin[type].fontawesome.css | relative_url }}"
/>
<!-- Fork Awesome [added by asandikci] -->
<link
rel="stylesheet"
href="{{ site.data.origin[type].forkawesome.css | relative_url }}"
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY="
crossorigin="anonymous"
/>
<!-- Balloon CSS [added by asandikci] -->
<link
rel="stylesheet"
href="{{ site.data.origin[type].ballooncss.css | relative_url }}"
/>
2024-11-15 20:12:22 +03:00
<!-- Theme style -->
<link
rel="stylesheet"
href="{{ '/assets/css/:THEME.css' | replace: ':THEME', site.theme | relative_url }}"
/>
2024-11-15 20:12:22 +03:00
<!-- Web Font -->
<link
rel="stylesheet"
href="{{ site.data.origin[type].webfonts | relative_url }}"
/>
2019-09-30 15:38:41 +03:00
{% if site.toc and page.toc %}
2024-11-15 20:12:22 +03:00
<link
rel="stylesheet"
href="{{ site.data.origin[type].toc.css | relative_url }}"
/>
{% endif %} {% if page.layout == 'post' or page.layout == 'page' or
page.layout == 'home' %}
<link
rel="stylesheet"
href="{{ site.data.origin[type]['lazy-polyfill'].css | relative_url }}"
/>
{% endif %} {% if page.layout == 'page' or page.layout == 'post' %}
<!-- Image Popup -->
<link
rel="stylesheet"
href="{{ site.data.origin[type].glightbox.css | relative_url }}"
/>
{% endif %}
2021-07-01 11:20:36 +03:00
<!-- JavaScript -->
2019-09-30 15:38:41 +03:00
2024-11-15 20:12:22 +03:00
{% unless site.theme_mode %} {% include mode-toggle.html %} {% endunless %} {%
include metadata-hook.html %}
2020-10-25 21:24:32 +03:00
</head>