49 lines
1.7 KiB
HTML
49 lines
1.7 KiB
HTML
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div
|
|
class="mt-12 rounded-lg bg-gray-200 overflow-hidden shadow divide-y divide-gray-200 sm:divide-y-0 sm:grid sm:grid-cols-2 sm:gap-px">
|
|
{%- for navItem in links -%}
|
|
<div class="relative group bg-white p-6">
|
|
<h3 class="text-lg font-medium">
|
|
<a href="{{navItem.url}}" class="focus:outline-link">
|
|
<!-- Extend touch target to entire panel -->
|
|
<span class="absolute inset-0" aria-hidden="true"></span>
|
|
{{navItem.title}}
|
|
</a>
|
|
</h3>
|
|
<p class="mt-2 text-sm text-gray-500">
|
|
{{navItem.description}}
|
|
</p>
|
|
</div>
|
|
{%- endfor -%}
|
|
</div>
|
|
|
|
<footer class="mt-12 mb-4">
|
|
<div class="text-gray-500">
|
|
Built in <a class="hover:underline focus:text-white focus:bg-pink-700 focus:outline-link"
|
|
href="https://www.11ty.dev/">Eleventy</a> with <a
|
|
class="hover:underline focus:text-white focus:bg-pink-700 focus:outline-link"
|
|
href="https://tailwindui.com/">Tailwind UI</a>, <a
|
|
class="hover:underline focus:text-white focus:bg-pink-700 focus:outline-link"
|
|
href="https://gitlab.com/gaiety/portfolio/">Fork it Here</a>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
|
|
<!-- Fathom - simple website analytics - https://github.com/usefathom/fathom -->
|
|
<script>
|
|
(function (f, a, t, h, o, m) {
|
|
a[h] = a[h] || function () {
|
|
(a[h].q = a[h].q || []).push(arguments)
|
|
};
|
|
o = f.createElement('script'),
|
|
m = f.getElementsByTagName('script')[0];
|
|
o.async = 1; o.src = t; o.id = 'fathom-script';
|
|
m.parentNode.insertBefore(o, m)
|
|
})(document, window, '//137.184.45.88/tracker.js', 'fathom');
|
|
fathom('set', 'siteId', 'YFXBJ');
|
|
fathom('trackPageview');
|
|
</script>
|
|
<!-- / Fathom -->
|
|
|
|
</html>
|