404.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. <!DOCTYPE html>
  2. {{- partial "docs/shared" -}}
  3. <html>
  4. <head>
  5. {{ partial "docs/html-head" . }}
  6. </head>
  7. {{ partial "top-bar" (dict "ctx" . "isDocsPage" true "isLandingPage" false) }}
  8. <main class="mx-auto lg:max-w-screen-2xl lg:grid lg:grid-cols-12 lg:gap-8">
  9. <aside class="lg:relative lg:col-span-3" x-data="Components.popover(true)" x-init="open = window.innerWidth > 1024">
  10. <div class="sticky top-0 flex flex-col lg:h-screen">
  11. <div class="flex justify-center items-center px-6 py-4 bg-gray-100">
  12. <label for="search" class="sr-only">Search docs (ctrl + k)</label>
  13. <input type="text" name="search" id="searchInputTrigger"
  14. class="shadow-sm focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border-gray-300 rounded-md"
  15. placeholder="Search docs (ctrl+k)">
  16. <button class="p-2 ml-2 lg:hidden" @click="toggle">
  17. <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
  18. <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
  19. </svg>
  20. </button>
  21. </div>
  22. <nav x-show="open"
  23. x-transition:enter="transition ease-out duration-200"
  24. x-transition:enter-start="opacity-0"
  25. x-transition:enter-end="opacity-100"
  26. x-transition:leave="duration-100 ease-in"
  27. x-transition:leave-start="opacity-100"
  28. x-transition:leave-end="opacity-0"
  29. class="book-menu text-sm flex-1 bg-gray-100 overflow-y-auto overflow-x-hidden flex flex-col" role="navigation">
  30. <div class="pl-6 flex-1">
  31. {{ if .Site.Params.BookMenuBundle }}
  32. {{ partial "docs/menu-bundle" . }}
  33. {{ else }}
  34. {{ partial "menu-filetree" . }}
  35. {{ end }}
  36. </div>
  37. <div class="text-sm w-full border-t border-dotted border-gray-200 py-4 text-gray-400 text-center lowercase">
  38. <a href="https://github.com/vendure-ecommerce/vendure/releases/tag/v{{ $.Site.Data.build.version }}">
  39. v{{ $.Site.Data.build.version }}</a>#<a
  40. href="https://github.com/vendure-ecommerce/vendure/commit/{{ $.Site.Data.build.commit }}">{{
  41. $.Site.Data.build.commit }}
  42. </a>
  43. </div>
  44. </nav>
  45. </div>
  46. </aside>
  47. <div class="lg:col-span-7 mx-2">
  48. <article class="markdown">
  49. {{ partial "breadcrumbs" . }}
  50. <h1>Page not found</h1>
  51. <p class="text-xl text-gray-500">Sorry, that page isn't here anymore! 🤔</p>
  52. <p class="text-base text-gray-600">It probably moved to a different url. Try searching instead.</p>
  53. </article>
  54. </div>
  55. <div class="lg:col-span-2">
  56. </div>
  57. </main>
  58. <div x-data="Components.popover(false)" @click.self="open = true" id="searchOverlay" @keydown.escape.window="open = false">
  59. <div x-show="open" x-cloak class="fixed z-10 inset-0 overflow-y-auto" aria-labelledby="modal-title" role="dialog"
  60. aria-modal="true">
  61. <div class="items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:p-0">
  62. <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
  63. aria-hidden="true"
  64. x-show="open"
  65. x-transition:enter="ease-out duration-300"
  66. x-transition:enter-start="opacity-0"
  67. x-transition:enter-end="opacity-100"
  68. x-transition:leave="ease-in duration-200"
  69. x-transition:leave-start="opacity-100"
  70. x-transition:leave-end="opacity-0"
  71. ></div>
  72. <div class="inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-4xl w-full sm:p-6"
  73. x-show="open"
  74. x-transition:enter="ease-out duration-300"
  75. x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
  76. x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
  77. x-transition:leave="ease-in duration-200"
  78. x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
  79. x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
  80. >
  81. <div class="relative">
  82. <input type="text" name="search" id="searchInput"
  83. class="shadow-sm focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border-gray-300 rounded-md"
  84. placeholder="Search docs">
  85. <button class="uppercase text-sm font-bold fixed rounded border border-gray-200 text-gray-400 px-2 right-8 top-7"
  86. @click="open = false">
  87. esc
  88. </button>
  89. </div>
  90. <div id="autocomplete-wrapper" class="mt-4"></div>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. {{ template "_internal/google_analytics_async.html" . }}
  96. </body>
  97. </html>