Skip to content

feat: add Umami web analytics #55

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
nsunami merged 1 commit into from
Dec 8, 2025
Merged

feat: add Umami web analytics #55

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
116 changes: 61 additions & 55 deletions _includes/layouts/base.njk
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,75 +1,81 @@
<!doctype html>
<html lang="{{ metadata.language }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ title or metadata.title }}</title>
<meta
name="description" content="{{ description or metadata.description }}"> {#- Atom and JSON feeds included by default #}
<link rel="alternate" href="/feed/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">
<link rel="alternate" href="/feed/feed.json" type="application/json" title="{{ metadata.title }}"> {#- Uncomment this if you’d like folks to know that you used Eleventy to build your site! #}
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ title or metadata.title }}</title>
<meta
name="description" content="{{ description or metadata.description }}">
{#- Atom and JSON feeds included by default #}
<link rel="alternate" href="/feed/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">
<link rel="alternate" href="/feed/feed.json" type="application/json" title="{{ metadata.title }}">
{#- Uncomment this if you’d like folks to know that you used Eleventy to build your site! #}
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="manifest" href="/favicon/site.webmanifest">

{# Open Graph Metadata #}
<meta property="og:title" content="{{ title or metadata.title }}" />
<meta property="og:description" content="{{ description or metadata.description }}" />
<meta property="og:image" content="/img/og-image-default.jpg" />
<meta property="og:image:secure_url" content="/img/og-image-default.jpg" />
<meta property="og:title" content="{{ title or metadata.title }}"/>
<meta property="og:description" content="{{ description or metadata.description }}"/>
<meta property="og:image" content="/img/og-image-default.jpg"/>
<meta property="og:image:secure_url" content="/img/og-image-default.jpg"/>

{#- <meta name="generator" content="{{ eleventy.generator }}"> #}
{#-
{#- <meta name="generator" content="{{ eleventy.generator }}"> #}
{#-
CSS bundles are provided via the `eleventy-plugin-bundle` plugin:
1. You can add to them using `{% css %}`
2. You can get from them using `{% getBundle "css" %}` or `{% getBundleFileUrl "css" %}`
3. You can do the same for JS: {% js %}{% endjs %} and <script>{% getBundle "js" %}</script>
4. Learn more: https://github.com/11ty/eleventy-plugin-bundle
#}
{#- Add an arbitrary string to the bundle #}{%- css %} * { box-sizing: border-box; }{% endcss %}
{#- Add the contents of a file to the bundle #}{%- css %}
{% include "public/css/index.css" %}
{#- Add an arbitrary string to the bundle #}{%- css %} * { box-sizing: border-box; }{% endcss %}
{#- Add the contents of a file to the bundle #}{%- css %}
{% include "public/css/index.css" %}
{% include "public/css/gallery.css" %}
{% endcss %}
{#- Or add from node_modules #}
{%- css %}{% include "public/css/prism-holi-theme.css" %}{% endcss %}
{#- Render the CSS bundle using Inlined CSS (for the fastest site performance in production) #}
<style>
{% getBundle "css" %}</style>
{#- Renders the CSS bundle using a separate file, if you can't set CSP directive style-src: 'unsafe-inline' #}
{#- <link rel="stylesheet" href="{% getBundleFileUrl "css" %}"> #}
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">{{ metadata.title }}</a>
{#- Read more about `eleventy-navigation` at https://www.11ty.dev/docs/plugins/navigation/ #}
<nav>
<h2 class="visually-hidden">Top level navigation menu</h2>
<ul class="nav">
{%- for entry in collections.all | eleventyNavigation %}
<li class="nav-item">
<a href="{{ entry.url }}" {% if entry.url == page.url %} aria-current="page" {% endif %}>{{ entry.title }}</a>
</li>
{%- endfor %}
</ul>
</nav>
</header>
<main id="skip">
{{ content | safe }}
</main>
<footer class="footer">
{% endcss %}
{#- Or add from node_modules #}
{%- css %}{% include "public/css/prism-holi-theme.css" %}{% endcss %}
{#- Render the CSS bundle using Inlined CSS (for the fastest site performance in production) #}
<style>
{% getBundle "css" %}
</style>
{#- Renders the CSS bundle using a separate file, if you can't set CSP directive style-src: 'unsafe-inline' #}
{#- <link rel="stylesheet" href="{% getBundleFileUrl "css" %}"> #}

{# Umami Analytics #}
<script defer src="https://umami.namisunami.com/script.js" data-website-id="19dc8c5e-9d0d-4a52-9505-77407f3b8a25"></script>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">{{ metadata.title }}</a>
{#- Read more about `eleventy-navigation` at https://www.11ty.dev/docs/plugins/navigation/ #}
<nav>
<h2 class="visually-hidden">Top level navigation menu</h2>
<ul class="nav">
{%- for entry in collections.all | eleventyNavigation %}
<li class="nav-item">
<a href="{{ entry.url }}" {% if entry.url == page.url %} aria-current="page" {% endif %}>{{ entry.title }}</a>
</li>
{%- endfor %}
</ul>
</nav>
</header>
<main id="skip">
{{ content | safe }}
</main>
<footer class="footer">
<div class="footer-copyright">
© {% currentYear %} Nami Sunami
</div>
<div>
<p xmlns:cc="http://creativecommons.org/ns#" >This work is licensed under <a href="https://creativecommons.org/licenses/by/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer">CC BY 4.0</a>
</p>
<div>
<a href="{{ metadata.gitHubUrl }}/blob/main/{{ page.inputPath }}" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a>
</div>
</footer>
<!-- This page `{{ page.url | htmlBaseUrl }}` was built on {% currentBuildDate %} -->
</body>
</html>
<p xmlns:cc="http://creativecommons.org/ns#" >This work is licensed under <a href="https://creativecommons.org/licenses/by/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer">CC BY 4.0</a>
</p>
<div>
<a href="{{ metadata.gitHubUrl }}/blob/main/{{ page.inputPath }}" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a>
</div>
</footer>
<!-- This page `{{ page.url | htmlBaseUrl }}` was built on {% currentBuildDate %} -->
</body>
</html>