diff options
Diffstat (limited to 'templates/partials/doc/pagination.html')
| -rw-r--r-- | templates/partials/doc/pagination.html | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/templates/partials/doc/pagination.html b/templates/partials/doc/pagination.html new file mode 100644 index 0000000..0170a77 --- /dev/null +++ b/templates/partials/doc/pagination.html @@ -0,0 +1,76 @@ +<section class="w-full"> + <div class="container"> + <div class="mx-auto max-w-4xl"> + <div class="column is-8"> + <div class="w-full flex items-center justify-center py-1.5 bg-gray-200"> + <span class="uppercase tracking-wide text-xs text-garage-gray">Navigation</span> + </div> + <nav class="flex space-x-4 items-center justify-center p-4"> + {% if page.earlier %} + <div> + <a class="flex items-center space-x-1 hover:text-garage-orange text-garage-gray text-sm bg-white transform hover:scale-110 transition border border-garage-orange p-2.5 rounded-full" + href="{{ page.earlier.permalink }}" + title="{{ page.earlier.title }}"> + <span class="icon"> + <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" + xmlns="http://www.w3.org/2000/svg"> + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" + d="M7 16l-4-4m0 0l4-4m-4 4h18"></path> + </svg> + </span> + </a> + </div> + {% endif %} + {% if page.later %} + <div> + <a class="flex items-center space-x-1 hover:text-garage-orange text-garage-gray text-sm bg-white transform hover:scale-110 transition border border-garage-orange p-2.5 rounded-full" + href="{{ page.later.permalink }}" + title="{{ page.later.title }}"> + <span class="icon"> + <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" + xmlns="http://www.w3.org/2000/svg"> + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" + d="M17 8l4 4m0 0l-4 4m4-4H3"></path> + </svg> + </span> + </a> + </div> + {% endif %} + + {% if page.lighter %} + <div> + <a class="flex items-center space-x-1 hover:text-garage-orange text-garage-gray text-sm bg-white transform hover:scale-110 transition border border-garage-orange p-2.5 rounded-full" + href="{{ page.lighter.permalink }}" + title="{{ page.lighter.title }}"> + <span class="icon flex space-x-1.5 2xl:inline 2xl:space-x-0"> + <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" + xmlns="http://www.w3.org/2000/svg"> + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" + d="M7 16l-4-4m0 0l4-4m-4 4h18"></path> + </svg> + <span class="mt-0.5 2xl:hidden">{{ page.lighter.title }}</span> + </span> + </a> + </div> + {% endif %} + {% if page.heavier %} + <div> + <a class="flex items-center space-x-1 hover:text-garage-orange text-garage-gray text-sm bg-white transform hover:scale-110 transition border border-garage-orange p-2.5 rounded-full" + href="{{ page.heavier.permalink }}" + title="{{ page.heavier.title }}"> + <span class="icon flex space-x-1.5 2xl:inline 2xl:space-x-0"> + <span class="mt-0.5 2xl:hidden">{{ page.heavier.title }}</span> + <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" + xmlns="http://www.w3.org/2000/svg"> + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" + d="M17 8l4 4m0 0l-4 4m4-4H3"></path> + </svg> + </span> + </a> + </div> + {% endif %} + </nav> + </div> + </div> + </div> +</section>
\ No newline at end of file |