App-LinkSite

 view release on metacpan or  search on metacpan

src/index.html.tt  view on Meta::CPAN

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta property="og:title" content="[% site.name %] / @[% site.handle %]">
    <meta property="og:type" content="website">
[% IF site.desc -%]
    <meta property="og:description" content='[% site.desc.replace("\n", ' ') %]'>
[% END -%]
[% IF site.og_image -%]
    <meta property="og:image" content="[% site.site_url %]img/[% site.og_image %]">
[% END -%]
    <meta property="og:url" content="[% site.site_url %]">
[% IF ga4 -%]
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-KHXQ2SWP9P"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', '[% ga4 %]');
    </script>
[% END -%]
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="A page of links for [% site.name %] (@[% site.handle %])">
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
          integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
          crossorigin="anonymous"
          referrerpolicy="no-referrer" />

    <!-- Bootstrap CSS -->
    <link rel="stylesheet"
          href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr"
          crossorigin="anonymous">

    <title>[% site.name %] / @[% site.handle %]</title>
    <link rel="stylesheet" href="/css/style.css">
[% IF site.text_color || site.background_color -%]
    <style>
      :root {
[% IF site.background_color -%]
        --bg-color: [% site.background_color %];
[% END;
   IF site.text_color -%]
        --text-color: [% site.text_color %];
[% END -%]
      }
    </style>
[% END -%]
    <script type="application/ld+json">
[% site.json_ld %]
    </script>
  </head>
  <body style="background: [% site.background_color %]; color: [% site.text_color %];">
    <div class="d-flex flex-column min-vh-100">
      <div class="container-fluid text-center flex-grow-1">
        <header>
[% IF site.image -%]
          <div id="img"><img src="/img/[% site.image %]" alt="[% site.name %] / @[% site.handle %]"></div>
[% END -%]
          <div id="name">
            <h1>[% site.name %] / @[% site.handle %]</h1>
          </div>
          <div id="desc">[% site.desc.replace("\n", '<br>') %]</div>
        </header>
        <div id="social">
          <h2>Social</h2>
          <p>
[% FOR service IN site.socials;
     service.mk_social_icon(handle);
   END -%]
          </p>
        </div>
        <div id="links">
          <h2>Links</h2>
[% IF site.has_sections -%]
[% FOR section IN site.sections;
     IF section.has_links -%]
          <h3>[% section.title %]</h3>
          <ul class="list-group">
[% FOR link IN section.links;



( run in 2.041 seconds using v1.01-cache-2.11-cpan-39bf76dae61 )