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 )