<template><NuxtLayout name="default">
    <template #headline>{{ headline }}</template>
    <template #tagline>{{ tagline }}</template>

    <main class="container mx-auto max-w-screen-lg sm:px-12 px-2 prose">
        <article class="grid sm:grid-cols-2 grid-cols-1 gap-x-12 gap-y-0">
            <section class="col-span-1 sm:col-span-2 pb-8">
                <p><strong>Cookies are not always bad</strong>. Sometimes they are bad, sometimes they are useful.
                    <strong>On this website</strong>, I use these.</p>
                <p><strong>Consent</strong>: I record your preferences regarding cookies in a cookie. You can change
                    your preferences at any time using the cookie dialog box that you can open clicking on the cookie
                    icon in a corner at the bottom of the screen. There are other mechanisms for storing pieces of
                    information such as this, but a cookie is the most flexible and allows for finer control in a
                    website's rendering process.</p>
                <p><strong>Analytics</strong>: these are the cookies that allow me to keep track of your steps through this
                    website. Analytics give me information like where you are coming from, what you searched to get here,
                    or what links you followed to get here, what pages you visit on the website, and how you leave the
                    website. Think about this as kind of a visitor counter that knows if you are new or you've been here
                    before, and a little survey at the end of what you liked and didn't like during your visit.</p>
                <p class="mx-8 sm:mx-24">Because <strong>I care a lot about privacy</strong>, I use <a href="https://matomo.org/">Matomo</a> for analytics, and
                    I host it myself. Matomo is a privacy-conscious analytics platform that doesn't just hoover your data
                    up and sells it to the highest bidder. What is even more interesting is that you can host Matomo yourself
                    on your own server so that you know exactly where the visitors' data is stored.</p>
                <p><strong>Ads</strong>: at the moment, I am not showing any ads. Jury's still out on what the best ads
                    platform is, but I may end up going back to Google in the future.</p>
            </section>
        </article>
    </main>
</NuxtLayout></template>

<script lang="ts" setup>
definePageMeta({
    layout: false
});

const headline = "Cookies";
const tagline = "They have them in the dark side";

const title = `${headline} ••• Andrea Franceschini, PhD`;
const description = "Everything you need to know to get in touch with me.";
const keywords = "cookies, tracking, good, bad";

useState('pageClasses', () => ['colophon', 'page']);
useHead({
    title,
    meta: [
        { property: 'keywords', content: keywords },
        { property: 'DC.Title', content: title },
        { property: 'twitter:title', content: title },
        { property: 'og:title', content: title },
        { property: 'description', content: description },
        { property: 'DC.Description', content: description },
        { property: 'twitter:description', content: description },
        { property: 'og:description', content: description },
    ]
});
</script>