docula 0.3.7 → 0.5.0

package/init/_includes/assets/css/styles/home.css

@@ -1,305 +0,0 @@
-.header-logo {
-  margin-right: 30px;
-}
-
-.home-header {
-  position: sticky;
-  background-color: var(--home-background);
-  border-bottom: 1px solid var(--border);
-}
-
-.home-hero {
-  padding: 56px 0 72px;
-  background-color: var(--home-background)
-}
-
-.home-container {
-  margin: 32px 32px 48px;
-  color: var(--color-text);
-}
-
-.home-container h1 {
-  font-weight: 500;
-  font-size: 28px;
-}
-
-.home-title {
-  text-align: center;
-  margin-bottom: 32px;
-  font-size: 30px;
-  background: linear-gradient(30deg, var(--color-primary) 40%, var(--color-secondary-dark) 70%);
-  background-clip: text;
-  -webkit-background-clip: text;
-  color: transparent;
-}
-
-.home-docs-button {
-  padding: 12px 24px;
-  border: 2px solid var(--color-secondary-dark);
-  border-radius: 8px;
-  color: var(--color-secondary-dark);
-  font-weight: 600;
-}
-
-.home-hero {
-  text-align: center;
-}
-
-.home-hero img {
-  width: 100%;
-  max-width: 120px;
-}
-
-.content-container {
-  margin: 96px 0;
-}
-
-.facepile-container {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-}
-
-.facepile {
-  line-height: 2;
-  padding: 0 0 0 25px;
-}
-
-.facepile > a {
-  display: inline-block;
-  margin-left: -25px;
-  transition: opacity .3s;
-  opacity: .9;
-  color: var(--background);
-}
-
-.facepile img {
-  border-radius: 50%;
-  width: calc(30px + 5vw);
-  height: calc(30px + 5vw);
-  max-width: 60px;
-  max-height: 60px;
-  margin-bottom: 6px;
-  background-color: #ffffff;
-  border: 2px solid;
-  transition: border .3s;
-  object-fit: cover;
-  vertical-align: middle;
-  display: inline-block;
-}
-
-
-.facepile > a:hover {
-  opacity: 1;
-  position: relative;
-  z-index: 1;
-}
-
-.release {
-  overflow: hidden;
-  width: 100%;
-  line-break: anywhere;
-  margin-top: 32px;
-  color: var(--color-text);
-}
-
-.release-header {
-  margin-bottom: 16px;
-}
-
-.release-title {
-  font-size: 22px;
-  color: var(--color-primary);
-  font-weight: 700;
-  transition: color .3s;
-  display: block;
-}
-
-.release-title:hover {
-  color: var(--color-secondary-dark);
-}
-
-.release-date {
-  font-size: 12px;
-}
-
-.release-btn {
-  padding: 12px;
-  border-radius: 8px;
-  border: 2px solid var(--color-secondary);
-  color: var(--color-secondary);
-  width: fit-content;
-  margin-top: 32px;
-  display: block;
-}
-
-.release-btn span {
-  margin-left: 8px;
-  font-size: 12px;
-  transition: margin-left .3s;
-}
-
-.release-btn:hover span {
-  margin-left: 16px;
-}
-
-.release-body p {
-  margin: 8px 0;
-}
-
-.release-body pre {
-  margin-bottom: 32px;
-}
-
-.release-body h1 {
-  font-size: 22px;
-  margin-bottom: 16px;
-}
-
-.release-body h2 {
-  font-size: 18px;
-  margin-top: 28px;
-  margin-bottom: 16px;
-}
-
-.release-body ul {
-  padding-left: 16px;
-}
-
-.release-body ul > li {
-  margin-bottom: 12px;
-}
-
-.release-body ul > li a {
-  text-decoration: underline;
-}
-
-footer {
-  height: 64px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-top: 1px solid var(--border);
-}
-
-footer img {
-  margin-left: 8px;
-  margin-top: 4px;
-}
-
-@media screen and (min-width: 640px) {
-  .home-hero {
-    padding: 64px 0 72px;
-  }
-
-  .home-container {
-    margin-left: 64px;
-    margin-right: 64px;
-  }
-}
-
-
-@media screen and (min-width: 768px) {
-  .home-hero {
-    padding: 72px 0;
-  }
-
-  .header-logo {
-    margin-right: 56px;
-  }
-
-  .home-hero img {
-    max-width: 180px;
-  }
-
-  .content-container {
-    margin: 96px 0;
-  }
-
-  .versions-container {
-    margin: 72px 0;
-  }
-
-  .release {
-    margin-bottom: 64px;
-  }
-}
-
-
-@media screen and (min-width: 992px) {
-  .home-container {
-    margin: 72px auto 56px;
-    max-width: 70%;
-  }
-
-  .home-container h1 {
-    font-size: 32px;
-  }
-
-  .home-docs-button {
-    font-size: 24px;
-  }
-
-  .home-hero {
-    padding: 120px 0;
-  }
-
-  .nav {
-    padding-right: 56px;
-    width: 100%;
-    justify-content: space-between;
-  }
-
-  .header-content {
-    height: 72px;
-  }
-
-  .home-hero img {
-    max-width: 250px;
-  }
-
-  .home-title {
-    margin-bottom: 64px;
-    font-size: 48px;
-  }
-
-  .content-container {
-    margin: 120px 0;
-  }
-
-  .release-btn {
-    margin-top: 0;
-  }
-
-  footer {
-    height: 76px;
-  }
-
-  footer img {
-    height: 40px;
-    width: auto;
-  }
-}
-
-@media screen and (min-width: 1200px) {
-  .home-container {
-    max-width: 950px;
-  }
-
-  .content-container {
-    margin: 160px 0;
-  }
-
-  .versions-container {
-    margin: 120px 0;
-  }
-
-  .facepile > a {
-    margin-left: -30px;
-  }
-
-  .facepile img {
-    max-width: 70px;
-    max-height: 70px;
-  }
-}

package/init/_includes/assets/css/styles/search/algolia.css

@@ -1,125 +0,0 @@
-#hits {
-  height: calc(100vh - 72px);
-  position: fixed;
-  top: 72px;
-  overflow-y: auto;
-  background-color: var(--search-input-background);
-  width: 100%;
-}
-
-#hits > div {
-  padding: 0 24px;
-}
-
-.search-box {
-  display: flex;
-  width: 100%;
-  border-color: var(--search-input-background);
-  background-color: var(--search-input-background);
-  border: none;
-  border-bottom: 1px solid var(--border);
-  height: 72px;
-}
-
-.search-box input {
-  border-color: var(--search-input-background);
-  border: none !important;
-  border-bottom: 1px solid var(--border);
-  font-size: 18px;
-  height: 71px !important;
-}
-
-.ais-SearchBox {
-  position: relative;
-  flex: 0.8;
-}
-
-.close-modal--btn {
-  flex: 0.2;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 13px;
-  border-left: 1px solid var(--border);
-  margin: 10px 0;
-  cursor: pointer;
-  opacity: 0.6;
-}
-
-.ais-SearchBox-submit, .ais-SearchBox-reset {
-  position: absolute;
-  top: 24px;
-  cursor: pointer;
-  opacity: 0.6;
-}
-
-.ais-SearchBox-submit svg {
-  fill: currentColor;
-  width: 16px;
-  height: 16px;
-}
-
-.ais-SearchBox-reset svg {
-  fill: currentColor;
-  width: 10px;
-  height: 10px;
-}
-
-.ais-SearchBox-submit {
-  left: 16px
-}
-
-.ais-SearchBox-reset {
-  right: 16px;
-}
-
-.search-result {
-  padding: 0;
-  margin-top: 24px;
-}
-
-.search-result hr {
-  margin: 46px 0;
-  opacity: 0.3
-}
-
-@media screen and (min-width: 640px) {
-  .ais-SearchBox {
-    flex: 0.9;
-  }
-
-  .close-modal--btn {
-    flex: 0.1;
-  }
-}
-
-@media screen and (min-width: 992px) {
-  #hits {
-    height: calc(780px - 72px);
-    position: fixed;
-  }
-
-  #hits > div {
-    padding: 0 48px;
-  }
-
-  .search-container {
-    height: 780px;
-  }
-
-  .search-box {
-    justify-content: center;
-  }
-
-  .ais-SearchBox-submit, .ais-SearchBox-reset {
-    top: 16px;
-  }
-
-  .ais-SearchBox {
-    flex: 0.8;
-  }
-
-  .close-modal--btn {
-    justify-content: flex-end;
-  }
-}

package/init/_includes/assets/css/styles/search/pagefind.css

@@ -1,60 +0,0 @@
-.pagefind-ui__search-input {
-  border-radius: 0 !important;
-  border-bottom: 1px solid var(--border);
-}
-
-.pagefind-ui__result, .pagefind-ui__message {
-  padding-left: 16px !important;
-  padding-right: 16px !important;
-}
-
-.pagefind-ui__results-area {
-  overflow-y: auto !important;
-  margin-top: 0 !important;
-  height: calc(100vh - 72px) !important;
-}
-
-.pagefind-ui__result-link {
-  color: var(--color-primary) !important;
-}
-
-.pagefind-ui__result-link:hover {
-  color: var(--color-secondary) !important;
-}
-
-.pagefind-ui__button {
-  margin-top: 0 !important;
-  border-top: none !important;
-  border-top-right-radius: 0 !important;
-  border-top-left-radius: 0 !important;
-  border: 1px solid var(--border) !important;
-}
-
-.pagefind-ui__button {
-  background-color: var(--search-input-background) !important;
-}
-
-.pagefind-ui__result-excerpt {
-  line-height: 1.5 !important;
-}
-
-.pagefind-ui__result-excerpt > mark {
-  background-color: var(--background-search-highlight) !important;
-  color: var(--color-search-highlight) !important;
-}
-
-.pagefind-ui__form::before {
-  top: 28px !important;
-}
-
-.pagefind-ui__drawer {
-  background-color: var(--search-input-background) !important;
-  border-bottom-left-radius: 8px !important;
-  border-bottom-right-radius: 8px !important;
-}
-
-@media screen and (min-width: 992px) {
-  .pagefind-ui__results-area {
-    max-height: 504px !important;
-  }
-}

package/init/_includes/assets/css/styles/variables.css

@@ -1,30 +0,0 @@
-:root {
-  --font-family: 'Open Sans', sans-serif;
-
-  --color-primary:  #08c2ff;
-  --color-secondary: #bd72d1;
-  --color-secondary-dark: #af34d0;
-  --color-text: #322d3c;
-
-  --background: #ffffff;
-  --home-background: #F0F2FA;
-  --header-background: #fbfbfb;
-
-  --sidebar-background: #ffffff;
-  --sidebar-text: #322d3c;
-  --sidebar-text-active: #08c2ff;
-
-  --border: rgba(238,238,245,1);
-
-  --background-search-highlight: var(--color-secondary-dark);
-  --color-search-highlight: #ffffff;
-  --search-input-background: var(--header-background);
-
-  --code: rgba(238,238,245,1);
-
-  --pagefind-ui-text: var(--color-text) !important;
-  --pagefind-ui-font: var(--font-family) !important;
-  --pagefind-ui-background: var(--background) !important;
-  --pagefind-ui-border: var(--border) !important;
-  --pagefind-ui-scale: .9 !important;
-}

package/init/_includes/assets/images/logo.svg

@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="512" height="512" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <defs>
-        <linearGradient x1="30%" y1="20%" x2="65%" y2="50%" id="gradient">
-            <stop stop-color="#24C6DC" offset="0%"></stop>
-            <stop stop-color="#C86DD7" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <path fill="url(#gradient)" fill-rule="nonzero" d="M189 196v-17.4c13.7 10.2 40.2 15 66.5 15 26.3 0 52.8-4.8 66.5-15V196c0 12-30 21.8-66.5 21.8-36.6 0-66.5-9.8-66.5-21.8zm133 16.6v19.8c-3.7 11-32.3 19.4-66.5 19.4s-62.8-8.5-66.5-19.4v-20c13.7 10.4 40.2 15 66.5 15 26.3 0 52.8-4.6 66.5-14.8zM189 162v-17.4c13.7 10.2 40.2 15 66.5 15 26.3 0 52.8-4.8 66.5-15V162c0 12-30 22-66.5 22-36.6 0-66.5-10-66.5-22zm66.5-12c-36.7 0-66.5-10-66.5-22s29.8-21.8 66.5-21.8S322 116 322 128s-29.8 22-66.5 22zm.5 362C114.6 512 0 397.4 0 256S114.6 0 256 0s256 114.6 256 256-114.6 256-256 256zm0-3c139.7 0 253-113.3 253-253S395.6 3 256 3 3 116.4 3 256s113.3 253 253 253zM122 351.2l56-51h5l-56.5 51 59.3 60h-5l-58.7-59.7v59.8h-3.5v-111h3.4v51zm77 23.3c0 4.4.7 8.7 2 13 1.3 4.3 3.3 8 6 11.5 2.6 3.5 6 6.3 10 8.4 4 2 9 3 14.5 3 5.7 0 10.7-1 15-3.3 4.5-2 8.3-5.4 11.5-9.7l2.5 2.2c-3.5 4.6-7.7 8-12.4 10.5-4.7 2.4-10.2 3.6-16.5 3.6-5.3 0-10.2-1-14.6-3-4.5-1.8-8.3-4.5-11.5-8-3.2-3.4-5.6-7.5-7.4-12.3-1.6-5-2.5-10-2.5-15.7 0-5.5 1-10.5 2.7-15 1.8-4.7 4.2-8.7 7.3-12 3-3.4 6.7-6 11-7.8 4-2 8.6-2.8 13.4-2.8 5.6 0 10.5 1 14.7 3 4.2 2 7.7 4.6 10.4 8 3 3 5 6.8 6.3 11 1.4 4 2 8.3 2 12.6v3H199zm61-3c0-4.7-.8-9-2.4-13-1.5-3.8-3.5-7-6.2-10-2.6-2.6-5.7-4.8-9.4-6.3-3.6-1.5-7.7-2.3-12.2-2.3-5.5 0-10 1-14 3.4-4 2.2-7 5-9.5 8.3-2.5 3.3-4.3 6.8-5.4 10.4-1.3 3.7-1.8 7-1.8 9.6h61zm40.7 63.7c-1.6 4.5-4 8-6.6 10.5-2.7 2.4-6.3 3.6-10.7 3.6-1 0-2 0-3.3-.3-1.2 0-2.3-.3-3-.7l.8-3c.6.3 1.5.5 2.6.7 1 .2 2.2.3 3.2.3 2.2 0 4-.4 5.8-1.3 1.6-.8 3-2 4-3.2 1.3-1.3 2.2-2.8 3-4.4.8-1.7 1.5-3.4 2-5l7-19-28.5-74.2h3.6l26.6 70.4 25.6-70.4h3.7l-35.8 96zm76.3-24h-4.5l-28.4-72h3.8l27 68.7h.2l26-68.8h3.7L377 411.4z"></path>
-</svg>

package/init/_includes/doc.njk

@@ -1,22 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    {% include "shared/head.njk" %}
-    <title>{{site.name}} - {{ title }}</title>
-</head>
-
-<body>
-<div class="layout">
-    {% include "multipage/header.njk" %}
-    {% include "multipage/sidebar.njk" %}
-    {% include "multipage/main.njk" %}
-    {% include "multipage/searchModal.njk" %}
-</div>
-
-{% include "multipage/searchEngine.njk" %}
-{% include "shared/highlightScript.njk" %}
-{% include "multipage/scripts.njk" %}
-
-
-</body>
-</html>

package/init/_includes/landing/landingHero.njk

@@ -1,8 +0,0 @@
-<section>
-  <div class="home-hero">
-    <img src="/../assets/images/logo.svg" alt="logo" />
-    <div class="home-container">
-      <h1>{{ site.homeTitle }}</h1>
-    </div>
-  </div>
-</section>

package/init/_includes/landing/singlePage.njk

@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-{% include "shared/head.njk" %}
-
-<body>
-  {% include "landing/landingHero.njk" %}
-
-   <article class="home-container">
-     <h1>{{title}}</h1>
-     <div class="content">
-     {{ content | safe }}
-     </div>
-   </article>
-
-  {% include "shared/homeData.njk" %}
-
-  {% include "shared/footer.njk" %}
-
-  {% include "shared/highlightScript.njk" %}
-
-
-</body>
-</html>
-

package/init/_includes/multipage/header.njk

@@ -1,23 +0,0 @@
-<header class="header" id="header">
-    <div class="header-content">
-        <nav class="nav">
-            <div class="header-menu hide-d">
-                <a class="header-logo" href="/">
-                    <img src="/../assets/images/logo.svg" alt="logo" />
-                  </a>
-                <button id="open-sidebar" class="icon menu-btn">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>
-                    <span>Menu</span>
-                </button>
-            </div>
-
-
-            <div class="header-search">
-                <button aria-label="Open search" class="icon search-btn" id="search-btn">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352c79.5 0 144-64.5 144-144s-64.5-144-144-144S64 128.5 64 208s64.5 144 144 144z"/></svg>
-                    <span class="hidden search-text">Search the documentation</span>
-                </button>
-            </div>
-        </nav>
-    </div>
-</header>

package/init/_includes/multipage/homeHeader.njk

@@ -1,20 +0,0 @@
-<header class="home-header">
-  <div class="header-content">
-    <nav class="nav">
-      <div class="header-menu">
-        <a class="header-logo" href="/">
-          <img src="/../assets/images/logo.svg" alt="logo" />
-        </a>
-        <a href="/docs" class="docs-link">Docs</a>
-      </div>
-
-
-      <div class="header-search">
-        <button class="icon search-btn" id="search-btn">
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352c79.5 0 144-64.5 144-144s-64.5-144-144-144S64 128.5 64 208s64.5 144 144 144z"/></svg>
-          <span class="hidden search-text">Search the documentation</span>
-        </button>
-      </div>
-    </nav>
-  </div>
-</header>

package/init/_includes/multipage/main.njk

@@ -1,47 +0,0 @@
-<div class="main-container">
-    <div class="main-content">
-        <article class="content">
-            <div class="items-start">
-                {% set navPages = collections.all | eleventyNavigationBreadcrumb(eleventyNavigation.key, { includeSelf: true }) %}
-                <div class="breadcrumb">
-                    {% if navPages[0].url %}
-                    <a href="{{navPages[0].url}}">{{ navPages[0].title }}</a>
-                    {% else %}
-                    <span>{{ navPages[0].title }}</span>
-                    {% endif %}
-                    {% if navPages[1] %}
-                    <span>/ {{ navPages[1].title }}</span>
-                    {% endif %}
-
-                </div>
-                {% if date %}
-                <div class="date hidden">
-                    <span>{% formatDate "MMM dd, yyyy", date %}</span>
-                </div>
-                {% endif %}
-
-            </div>
-            <h1>{{title}}</h1>
-
-            <!--   on this page start  -->
-            <div class="on-page-container on-page-main">
-                <h5>On this page</h5>
-                {{ content | toc | safe }}
-
-            </div>
-
-            <!--   on this page end  -->
-
-
-            {{ content | safe }}
-
-        </article>
-
-        <div class="on-page-container on-page--desktop">
-            <div id="on-page" style="display: none">
-                <h5>On this page</h5>
-                {{ content | toc | safe }}
-            </div>
-        </div>
-    </div>
-</div>