definitions: - &background_color >- #FFD06F - &color >- #2d2d2d - &title_font_family >- Bagnard - &font_family >- {%- if config.theme.language == "he" -%} Suez One {%- elif config.theme.language == ("zh-Hant" or "ru") -%} Noto Sans TC {%- else -%} Public Sans {%- endif -%} - &page_title >- {{ config.site_name }} - &page_title_with_site_name >- {{ page.meta.get("title", page.title) }} - &page_description >- {{ config.extra.privacy_guides.homepage.description }} - &og_description >- {{ page.meta.get("description", config.site_description) or "" }} - &logo >- theme/assets/brand/logos/svg/logo/privacy-guides-logo-notext-colorbg.svg # Meta tags tags: # Open Graph og:type: website og:title: *page_title_with_site_name og:description: *og_description og:image: "{{ image.url }}" og:image:type: "{{ image.type }}" og:image:width: "{{ image.width }}" og:image:height: "{{ image.height }}" og:url: "{{ page.canonical_url }}" # Mastodon fediverse:creator: "@privacyguides@neat.computer" # Twitter twitter:card: summary_large_image twitter:title: *page_title_with_site_name twitter:description: *page_description twitter:image: "{{ image.url }}" # ----------------------------------------------------------------------------- # Specification # ----------------------------------------------------------------------------- # Card size and layers size: { width: 1200, height: 630 } layers: # Background - background: color: *background_color # Logo - size: { width: 64, height: 64 } offset: { x: 64, y: 64 } background: image: *logo # Page title - size: { width: 864, height: 256 } offset: { x: 62, y: 192 } typography: content: *page_title align: start color: *color line: amount: 3 height: 1.5 font: family: *title_font_family style: Bold # Page description - size: { width: 864, height: 192 } offset: { x: 64, y: 320 } typography: content: *page_description overflow: shrink align: start color: *color line: amount: 3 height: 1.5 font: family: *font_family style: Regular