update

.github/workflows/eleventy-build.yml

@@ -20,8 +20,7 @@ jobs:
 
       - run: npm run build
 
-      # New step to copy files from _site to root
-      - name: Copy files to root
+      - name: copy files to root
         run: |
           cp -R _site/* .
           rm -rf _site

.gitignore

@@ -1,2 +1 @@
-_site
 node_modules

_site/LICENSE/index.html

@@ -0,0 +1,17 @@
+<p>MIT License</p>
+<p>Copyright (c) 2023 Spinal Developers</p>
+<p>Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the &quot;Software&quot;), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:</p>
+<p>The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.</p>
+<p>THE SOFTWARE IS PROVIDED &quot;AS IS&quot;, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.</p>

_site/README/index.html

@@ -0,0 +1,46 @@
+<h1 id="eleventy-documentation-template-using-tailwind-css" tabindex="-1">Eleventy documentation template using Tailwind CSS <a class="anchor-link" href="#eleventy-documentation-template-using-tailwind-css">#</a></h1>
+<p>An 11ty documentation site theme, built with Tailwind CSS.</p>
+<img src="https://github.com/spinalcms/11ty-docs-template/blob/main/11ty-docs-preview.jpg?raw=true" alt="preview of the Eleventy documentation theme, built with Tailwind CSS" />
+<h2 id="sponsored-by-spinal" tabindex="-1">Sponsored By <a href="https://spinalcms.com/cms-for-11ty/">Spinal</a> <a class="anchor-link" href="#sponsored-by-spinal">#</a></h2>
+<a href="https://spinalcms.com/cms-for-11ty/" target="_blank">
+  <img src="https://user-images.githubusercontent.com/988051/183079316-af747ef2-42a9-47d8-9a0c-488ed4b6a689.jpg" alt="Spinal CMS logo" width="200"/>
+</a>
+<h2 id="getting-started" tabindex="-1">Getting started <a class="anchor-link" href="#getting-started">#</a></h2>
+<ol>
+<li>Clone this repository</li>
+</ol>
+<pre><code class="language-shell">git clone https://github.com/spinalcms/11ty-docs-template.git documentation
+</code></pre>
+<ol start="2">
+<li>Go into this new folder</li>
+</ol>
+<pre><code class="language-shell">cd documentation
+</code></pre>
+<ol start="3">
+<li>Install dependencies</li>
+</ol>
+<pre><code class="language-shell">npm install
+</code></pre>
+<h3 id="development" tabindex="-1">Development <a class="anchor-link" href="#development">#</a></h3>
+<pre><code class="language-shell">npm run dev
+</code></pre>
+<h3 id="production" tabindex="-1">Production <a class="anchor-link" href="#production">#</a></h3>
+<pre><code class="language-shell">npm run build
+</code></pre>
+<h3 id="configuring" tabindex="-1">Configuring <a class="anchor-link" href="#configuring">#</a></h3>
+<p>To change title, description, etc. Update files in <code>src/_data</code>.</p>
+<h2 id="related-repo%E2%80%99s" tabindex="-1">Related repo’s <a class="anchor-link" href="#related-repo%E2%80%99s">#</a></h2>
+<ul>
+<li><a href="https://github.com/SpinalCMS/docs-template">Documentation theme built with Tailwind CSS</a></li>
+<li><a href="https://github.com/SpinalCMS/bridgetown-docs-template">Bridgetown documentation template using Tailwind CSS</a></li>
+<li><a href="https://github.com/SpinalCMS/astro-docs-template">Astro documentation template using Tailwind CSS</a></li>
+</ul>
+<h2 id="contributing" tabindex="-1">Contributing <a class="anchor-link" href="#contributing">#</a></h2>
+<ol>
+<li>Fork it (<a href="https://github.com/spinalcms/11ty-docs-template/fork">https://github.com/spinalcms/11ty-docs-template/fork</a>)</li>
+<li>Clone the fork using <code>git clone</code> to your local development machine.</li>
+<li>Create your feature branch (<code>git checkout -b my-new-feature</code>)</li>
+<li>Commit your changes (<code>git commit -am 'Add some feature'</code>)</li>
+<li>Push to the branch (<code>git push origin my-new-feature</code>)</li>
+<li>Create a new Pull Request</li>
+</ol>

_site/assets/css/index.css

@@ -0,0 +1,53 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* Dropdown Styling */
+
+/* Table of Contents Styling */
+
+/* Wrapper Styling */
+.my-custom-toc {
+    @apply bg-gray-100 p-4 rounded-md shadow-md;
+}
+
+/* List Styling */
+.my-custom-toc ol {
+    @apply pl-5;
+}
+
+.my-custom-toc ul {
+    @apply pl-0;
+}
+
+.my-custom-toc ol > li {
+    @apply my-1;
+}
+
+.my-custom-toc ol > li > ol,
+.my-custom-toc ol > li > ul {
+    @apply pl-5 mt-1;
+}
+
+.my-custom-toc ol > li > ol > li,
+.my-custom-toc ol > li > ul > li {
+    @apply my-1;
+}
+
+.my-custom-toc ol > li > ol > li > ol,
+.my-custom-toc ol > li > ul > li > ul {
+    @apply pl-5 mt-1;
+}
+
+/* Link Styling */
+.my-custom-toc a {
+    @apply text-blue-600 hover:text-blue-800 transition-colors duration-200;
+}
+
+.sticky {
+    position: -webkit-sticky;
+    position: sticky;
+    top: 1rem;
+}
+
+

_site/docs/Katas/index.html

@@ -0,0 +1,229 @@
+<!doctype html>
+<html lang="en-GB">
+<head>
+  <title>Katas</title>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link href="/index.css" rel="stylesheet">
+</head>
+
+<body>
+  <header class="sticky top-0 z-50 flex items-center justify-between px-3 py-2 border-b shadow-lg bg-white/90 backdrop-blur-sm border-slate-400/40">
+  <div class="flex items-center flex-grow basis-0">
+    <a href="/" class="text-lg font-semibold tracking-tight text-slate-900">
+      Lumena Labs 
+    </a>
+  </div>
+
+  <form action="https://duckduckgo.com/" class="md:w-80 lg:w-96">
+    <span class="relative flex items-center group">
+      <svg aria-hidden="true" viewBox="0 0 20 20" class="absolute w-4 h-4 ml-3 fill-slate-400 group-hover:fill-slate-500 group-focus:fill-slate-500"><path d="M16.293 17.707a1 1 0 0 0 1.414-1.414l-1.414 1.414ZM9 14a5 5 0 0 1-5-5H2a7 7 0 0 0 7 7v-2ZM4 9a5 5 0 0 1 5-5V2a7 7 0 0 0-7 7h2Zm5-5a5 5 0 0 1 5 5h2a7 7 0 0 0-7-7v2Zm8.707 12.293-3.757-3.757-1.414 1.414 3.757 3.757 1.414-1.414ZM14 9a4.98 4.98 0 0 1-1.464 3.536l1.414 1.414A6.98 6.98 0 0 0 16 9h-2Zm-1.464 3.536A4.98 4.98 0 0 1 9 14v2a6.98 6.98 0 0 0 4.95-2.05l-1.414-1.414Z"></path></svg>
+      <input type="text" name="q" placeholder="Search docs…" class="w-full py-2 pl-10 pr-2 border rounded bg-slate-100 placeholder-slate-400 text-slate-800 border-slate-100 outline outline-offset-2 outline-2 outline-transparent hover:border-slate-200 focus:border-slate-200 focus:outline-slate-600" />
+    </span>
+    <input type="hidden" name="sites" value="spinalcms.com">
+    <input type="submit" value="Search" class="sr-only" />
+  </form>
+
+  <div class="items-center justify-end flex-grow hidden basis-0 md:flex">
+    <a href="https://spinalcms.com/" class="px-4 py-2 text-sm font-semibold rounded bg-slate-900 text-slate-50 transition ease-in-out delay-75 hover:scale-105 duration-200">
+      Go to homepage
+    </a>
+  </div>
+</header>
+
+
+  <main class="relative flex justify-center mx-auto max-w-8xl sm:px-2 lg:px-8 xl:px-12">
+
+         <label for="navigation" class="fixed bottom-0 left-0 z-50 flex items-center justify-center w-12 h-12 mb-4 ml-4 bg-white border rounded-full shadow-lg cursor-pointer text-slate-600 border-slate-300 lg:hidden transition duration-200 ease-in-out active:scale-95">
+  <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M4 8h16M4 16h16" />
+  </svg>
+</label>
+
+<input type="checkbox" name="navigation" id="navigation" class="hidden peer" />
+<div class="fixed top-[3.5rem] h-screen shadow-xl px-4 left-0 hidden peer-checked:block lg:relative lg:top-0 lg:h-auto lg:px-0 lg:block lg:flex-none lg:shadow-none">
+  <div class="absolute inset-y-0 right-0 w-full lg:w-[50vw] bg-white lg:bg-slate-50"></div>
+
+  <nav class="sticky top-[4.5rem] w-64 pr-8 text-base lg:text-sm xl:w-72 xl:pr-16">
+    <ul role="list" class="-ml-0.5 h-[calc(100vh-4.5rem)] overflow-y-auto py-7 pl-0.5 space-y-8">
+
+
+        <li>
+          <h3 class="font-semibold tracking-tight text-slate-900">
+            Learn
+          </h3>
+
+          <ul role="list" class="pl-3 mt-3 space-y-2">
+
+              <li>
+                <a href="/docs/katas/" class="text-slate-900 hover:text-slate-800">
+                  Katas
+                </a>
+              </li>
+
+          </ul>
+        </li>
+
+
+        <li>
+          <h3 class="font-semibold tracking-tight text-slate-900">
+            undefined
+          </h3>
+
+          <ul role="list" class="pl-3 mt-3 space-y-2">
+
+              <li>
+                <a href="/" class="text-slate-900 hover:text-slate-800">
+                  Home
+                </a>
+              </li>
+
+          </ul>
+        </li>
+
+
+        <li>
+          <h3 class="font-semibold tracking-tight text-slate-900">
+            Getting Started
+          </h3>
+
+          <ul role="list" class="pl-3 mt-3 space-y-2">
+
+              <li>
+                <a href="/docs/how-does-spinal-work/" class="text-slate-900 hover:text-slate-800">
+                  How does Spinal work?
+                </a>
+              </li>
+
+          </ul>
+        </li>
+
+
+        <li>
+          <h3 class="font-semibold tracking-tight text-slate-900">
+            Content Types
+          </h3>
+
+          <ul role="list" class="pl-3 mt-3 space-y-2">
+
+              <li>
+                <a href="/docs/what-are-content-types/" class="text-slate-900 hover:text-slate-800">
+                  What are content types?
+                </a>
+              </li>
+
+              <li>
+                <a href="/docs/create-edit-content-types/" class="text-slate-900 hover:text-slate-800">
+                  Create and edit content types?
+                </a>
+              </li>
+
+          </ul>
+        </li>
+
+
+        <li>
+          <h3 class="font-semibold tracking-tight text-slate-900">
+            Content
+          </h3>
+
+          <ul role="list" class="pl-3 mt-3 space-y-2">
+
+              <li>
+                <a href="/docs/what-kind-can-i-edit/" class="text-slate-900 hover:text-slate-800">
+                  What kind of content can I create and edit?
+                </a>
+              </li>
+
+              <li>
+                <a href="/docs/previewing-content/" class="text-slate-900 hover:text-slate-800">
+                  Previewing content
+                </a>
+              </li>
+
+          </ul>
+        </li>
+
+    </ul>
+  </nav>
+</div>
+
+
+
+    <div class="flex-auto max-w-2xl min-w-0 px-4 py-10 lg:max-w-none lg:pr-0 lg:pl-8 xl:px-16">
+      <article class="">
+        <header class="">
+          <p class="text-base font-medium text-slate-500">
+            Learn
+          </p>
+
+          <h1 class="text-3xl font-bold tracking-tight text-slate-900">
+            Katas
+          </h1>
+        </header>
+
+
+
+
+
+
+
+
+
+
+        <div class="mt-8 prose prose-slate max-w-none prose-headings:font-semibold prose-headings:tracking-tight prose-lead:text-slate-500 prose-a:font-semibold prose-a:underline prose-pre:bg-slate-900">
+          <p>katas</p>
+
+        </div>
+
+        <h3 class="mt-8 text-base font-bold tracking-tight text-slate-900">
+  Have questions?
+</h3>
+
+<p class="text-slate-900">
+  Still have questions? <a href="mailto:[email protected]" class="underline hover:no-underline">Talk to support</a>.
+</p>
+
+      </article>
+
+
+
+
+
+
+    <dl class="flex pt-6 mt-6 border-t border-slate-200">
+
+        <div class="mr-auto text-left">
+          <dt class="text-sm font-normal tracking-tight text-slate-600">
+            Previous
+          </dt>
+
+          <dd class="mt-1">
+            <a href="/docs/how-does-spinal-work/" class="text-base font-semibold text-slate-900 hover:underline">
+              How does Spinal work?
+            </a>
+          </dd>
+        </div>
+
+
+
+        <div class="ml-auto text-right">
+          <dt class="text-sm font-normal tracking-tight text-slate-600">
+            Next
+          </dt>
+
+          <dd class="mt-1">
+            <a href="/docs/previewing-content/" class="text-base font-semibold text-slate-900 hover:underline">
+              Previewing content
+            </a>
+          </dd>
+        </div>
+
+    </dl>
+
+
+
+    </div>
+  </main>
+</body>
+</html>