---menu: - folder: getting-started order: weight - folder: features order: weight - folder: examples order: weight---<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>{{ title }}</title> <link rel="stylesheet" href="{{ '/default.css' | url }}"> <link rel="stylesheet" href="{{ '/styles.css' | url }}"> <link rel="stylesheet" href="{{ '/markdown.css' | url }}"> <link href="{{ 'favicon-32x32.png' | url }}" rel="icon" type="image/png" sizes="32x32"> <meta name="description" content="{{ description }}"> <script src="{{ '/script.js' | url }}" type="module"></script> </head> <body class="grid grid-cols-1 sm:grid-cols-6"> <nav class="col-span-1 p-4 border border-r sm:min-h-screen bg-blue-50"> <a href="{{ '/' | url }}"> <img src="{{ 'logo.png' | url }}" width="160" height="40" alt="Packup"> </a> <p class="mt-2"> <a href="https://deno.land/x/packup@v0.0.12" class="hover:underline" target="_blank">Lastest version <strong>v0.0.12</strong></a> </p> <ul class="mt-6"> {% for section in menu %} <li class="mt-4"> <strong class="font-thin">{{ search.data(section.folder).title }}</strong> <ul> {% for page in search.pages(section.folder, section.order) %} <li class="mt-1"> {% if page.data.url == url %} <a class="px-2 py-1 text-blue-600 rounded bg-blue-100 hover:underline" href="{{ page.data.url | url }}" aria-current="page" title="{{ page.data.description }}">{{ page.data.title }}</a> {% else %} <a class="px-2 py-1 text-blue-600 hover:underline" href="{{ page.data.url | url }}" title="{{ page.data.description }}">{{ page.data.title }}</a> {% endif %} </li> {% endfor %} </ul> </li> {% endfor %} <li class="mt-4"> <strong class="font-thin">LINKS</strong> <ul> <li class="mt-1"> <a class="px-2 py-1 text-blue-600 hover:underline" href="https://github.com/kt3k/packup" target="_blank">GitHub 🔗</a> </li> <li class="mt-1"> <a class="px-2 py-1 text-blue-600 hover:underline" href="https://deno.land/x/packup" target="_blank">/x/packup 🔗</a> </li> </ul> <li> </ul> </nav> <main class="col-span-5 py-12 px-20"> <div class="markdown-body"> {{ content | safe }} </div> </main> </body></html>