sitic/templates/core/htmlHeader.html

Generate static sites using Markdown and YAML. Straightforward, zero-complexity. Complete toolkit for landing pages, blogs, documentation, admin dashboards, and more.git remote add origin git@github.com:yuusoft-org/sitic.git

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ title }}</title>
<meta name="description" content="{{ og.description }}" />
<link rel="canonical" href="{{ baseUrl | append: url }}" />
<link rel="icon" type="image/x-icon" href="/public/favicon.png">

<!-- Open Graph tags -->
<meta property="og:title" content="{{ og.title | default: title }}" />
<meta property="og:description" content="{{ og.description }}" />
<meta property="og:site_name" content="{{ og.siteName }}" />
<meta property="og:type" content="{{ og.type }}" />
<meta property="og:url" content="{{ baseUrl | append: url }}" />
<meta property="og:image" content="{{ og.image }}" />
<meta property="og:image:width" content="{{ og.imageWidth | default: '1200' }}" />
<meta property="og:image:height" content="{{ og.imageHeight | default: '630' }}" />
<meta property="og:image:alt" content="{{ og.imageAlt }}" />
<meta property="og:image:type" content="{{ og.imageType }}" />

<!-- Twitter Card tags -->
<meta name="twitter:card" content="{{ twitter.card | default: 'summary_large_image' }}" />
<meta name="twitter:title" content="{{ og.title }}" />
<meta name="twitter:description" content="{{ og.description }}" />
<meta name="twitter:image" content="{{ og.image }}" />
<meta name="twitter:image:alt" content="{{ og.imageAlt }}" />

<!-- Styles and scripts -->
<script src="/public/rtgl-icons.js"></script>
<script src="https://cdn.jsdelivr.net/npm/construct-style-sheets-polyfill@3.1.0/dist/adoptedStyleSheets.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/rettangoli-ui@0.1.0-rc1/dist/rettangoli-iife-ui.min.js"></script>
<script>
  window.addEventListener('DOMContentLoaded', () => {
    const pageOutline = document.getElementById('page-outline');
    const content = document.getElementById('content-container');
    if (pageOutline && content) {
      pageOutline.connectedCallback();
      pageOutline.startListening(content);
    }

    if (location.hash) {
      const el = document.getElementById(location.hash.substring(1));
      if (el) {
        el.scrollIntoView({ behavior: 'auto' });
      }
    }
  });
</script>
<link href="/public/theme.css" rel="stylesheet" />