diff --git a/elements/HTMLCodeDemoElement.php b/elements/HTMLCodeDemoElement.php index e4eca8e..6e34538 100644 --- a/elements/HTMLCodeDemoElement.php +++ b/elements/HTMLCodeDemoElement.php @@ -57,7 +57,7 @@
files as $file): ?> -
+
file_path($file)) ?>
diff --git a/public/assets/css/snippets/docs/aside.css b/public/assets/css/pages/docs/aside.css similarity index 57% rename from public/assets/css/snippets/docs/aside.css rename to public/assets/css/pages/docs/aside.css index 74c6196..9098dcf 100644 --- a/public/assets/css/snippets/docs/aside.css +++ b/public/assets/css/pages/docs/aside.css @@ -20,10 +20,10 @@ aside .spacer { vv-shell[vv-page="/docs"] aside a[href="/docs"] button, vv-shell[vv-page="/docs/PHP"] aside a[href="/docs/PHP"] button, -vv-shell[vv-page="/docs/PHP/VV"] aside a[href="/docs/PHP/VV"] button, -vv-shell[vv-page="/docs/PHP/VV/css"] aside a[href="/docs/PHP/VV/css"] button, +vv-shell[vv-page="/docs/Reference/PHP/VV"] aside a[href="/docs/Reference/PHP/VV"] button, +vv-shell[vv-page="/docs/Reference/PHP/VV/css"] aside a[href="/docs/Reference/PHP/VV/css"] button, vv-shell[vv-page="/docs/get-started"] aside a[href="/docs/get-started"] button, -vv-shell[vv-page="/docs/PHP/VV/embed"] aside a[href="/docs/PHP/VV/embed"] button { +vv-shell[vv-page="/docs/Reference/PHP/VV/embed"] aside a[href="/docs/Reference/PHP/VV/embed"] button { font-weight: 900; background: none; pointer-events: none; @@ -32,9 +32,9 @@ vv-shell[vv-page="/docs/PHP/VV/embed"] aside a[href="/docs/PHP/VV/embed"] button vv-shell[vv-page="/docs"] aside a[href="/docs"] button svg, vv-shell[vv-page="/docs/PHP"] aside a[href="/docs/PHP"] button svg, -vv-shell[vv-page="/docs/PHP/VV"] aside a[href="/docs/PHP/VV"] button svg, -vv-shell[vv-page="/docs/PHP/VV/css"] aside a[href="/docs/PHP/VV/css"] button svg, +vv-shell[vv-page="/docs/Reference/PHP/VV"] aside a[href="/docs/Reference/PHP/VV"] button svg, +vv-shell[vv-page="/docs/Reference/PHP/VV/css"] aside a[href="/docs/Reference/PHP/VV/css"] button svg, vv-shell[vv-page="/docs/get-started"] aside a[href="/docs/get-started"] button svg, -vv-shell[vv-page="/docs/PHP/VV/embed"] aside a[href="/docs/PHP/VV/embed"] button svg { +vv-shell[vv-page="/docs/Reference/PHP/VV/embed"] aside a[href="/docs/Reference/PHP/VV/embed"] button svg { display: none; } \ No newline at end of file diff --git a/public/assets/css/snippets/docs/header.css b/public/assets/css/pages/docs/header.css similarity index 90% rename from public/assets/css/snippets/docs/header.css rename to public/assets/css/pages/docs/header.css index bcafeb0..3ac4427 100644 --- a/public/assets/css/snippets/docs/header.css +++ b/public/assets/css/pages/docs/header.css @@ -22,7 +22,11 @@ section.header { height: calc(var(--running-size) - var(--padding)); grid-template-rows: var(--running-size); background-color: var(--color-accent); - box-shadow: 0 2px 0 0 white; + box-shadow: + 0 2px 0 0 white, + 20svw 0 0 0 var(--color-accent), + -20svw 0 0 0 var(--color-accent) + ; } /* ### Nav */ diff --git a/public/assets/css/snippets/docs/shell.css b/public/assets/css/pages/docs/shell.css similarity index 100% rename from public/assets/css/snippets/docs/shell.css rename to public/assets/css/pages/docs/shell.css diff --git a/public/assets/css/pages/index.css b/public/assets/css/pages/index.css index 923cb6a..0ab16b4 100644 --- a/public/assets/css/pages/index.css +++ b/public/assets/css/pages/index.css @@ -1,15 +1,15 @@ -section { - min-height: 40svh; -} - /* # Components */ /* ## Split */ section.split { display: grid; - justify-items: center; grid-template-columns: repeat(2, 1fr); + margin: 10svh 0; +} + +section.split.center { + justify-items: center; } section.split > div { @@ -50,17 +50,27 @@ section.split .buttons { /* ## Intro */ section#intro { - min-height: 70svh; + min-height: min(50svh, 1000px); +} + +section#intro .text h1 { + font-size: 50px; + line-height: 50px; } /* ### Compass */ +section#intro div.compass { + align-self: center; +} + section#intro div.compass svg { --size: 50svh; width: var(--size); height: var(--size); position: absolute; + z-index: -1; } section#intro div.compass svg.points { @@ -73,7 +83,7 @@ section#intro div.compass svg.points { } section#intro div.compass svg:nth-child(2) { - --size: calc(var(--size) - 30px); + --size: 60svh; animation-duration: 15s; animation-direction: alternate-reverse; diff --git a/public/assets/css/shell.css b/public/assets/css/shell.css index 18dc577..d46c612 100644 --- a/public/assets/css/shell.css +++ b/public/assets/css/shell.css @@ -24,7 +24,7 @@ body { display: grid; justify-items: center; - grid-template-rows: var(--running-size) 1fr; + grid-template-rows: var(--running-size) 1fr var(--running-size); overscroll-behavior: none; background-color: white; color: black; @@ -68,6 +68,7 @@ a { vv-shell { width: 100%; display: flex; + max-width: 1500px; position: relative; flex-direction: column; } @@ -264,6 +265,57 @@ header button.search p { display: none; } +/* ## Footer */ + +footer { + width: 100%; + display: grid; + color: white; + position: sticky; + overflow: hidden; + align-items: stretch; + height: var(--running-size); + grid-template-rows: var(--running-size); + background-color: var(--color-accent); + grid-template-columns: repeat(2, 1fr); +} + +/* ### Nav */ + +footer nav { + display: flex; + align-items: center; + padding: var(--padding); + justify-content: baseline; +} + +footer nav:last-of-type { + justify-content: end; + gap: calc(var(--padding) / 2); +} + +/* ### Spacer */ + +footer nav > div { + width: 2px; + height: 80%; + margin: 0 var(--padding); + background-color: rgba(0, 0, 0, .07); +} + +/* ### Buttons */ + +footer button.inline:not(.solid):hover, +footer button.inline { + fill: white; + color: white; +} + +footer button.inline.solid { + color: var(--color-accent); + background-color: white; +} + /* # Feature queries */ @media (hover: hover) { diff --git a/public/assets/css/snippets/footer.css b/public/assets/css/snippets/footer.css deleted file mode 100644 index eee6b6e..0000000 --- a/public/assets/css/snippets/footer.css +++ /dev/null @@ -1,49 +0,0 @@ -footer { - width: 100%; - display: grid; - color: white; - position: sticky; - overflow: hidden; - grid-area: footer; - align-items: stretch; - height: var(--running-size); - grid-template-rows: var(--running-size); - background-color: var(--color-accent); - grid-template-columns: repeat(2, 1fr); -} - -/* ### Nav */ - -footer nav { - display: flex; - align-items: center; - padding: var(--padding); - justify-content: baseline; -} - -footer nav:last-of-type { - justify-content: end; - gap: calc(var(--padding) / 2); -} - -/* ### Spacer */ - -footer nav > div { - width: 2px; - height: 80%; - margin: 0 var(--padding); - background-color: rgba(0, 0, 0, .07); -} - -/* ### Buttons */ - -footer button.inline:not(.solid):hover, -footer button.inline { - fill: white; - color: white; -} - -footer button.inline.solid { - color: var(--color-accent); - background-color: white; -} \ No newline at end of file diff --git a/public/assets/js/shell.js b/public/assets/js/shell.js new file mode 100644 index 0000000..e69de29 diff --git a/public/docs/JS/POSITION.php b/public/docs/Reference/JavaScript/EVENTS.php similarity index 57% rename from public/docs/JS/POSITION.php rename to public/docs/Reference/JavaScript/EVENTS.php index 9691dfc..4fa902a 100644 --- a/public/docs/JS/POSITION.php +++ b/public/docs/Reference/JavaScript/EVENTS.php @@ -4,4 +4,4 @@ require_once VV::root("src/Consts.php"); ?> - \ No newline at end of file + \ No newline at end of file diff --git a/public/docs/JS/MODE.php b/public/docs/Reference/JavaScript/MODE.php similarity index 58% rename from public/docs/JS/MODE.php rename to public/docs/Reference/JavaScript/MODE.php index d610ade..748cf9f 100644 --- a/public/docs/JS/MODE.php +++ b/public/docs/Reference/JavaScript/MODE.php @@ -4,4 +4,4 @@ require_once VV::root("src/Consts.php"); ?> - \ No newline at end of file + \ No newline at end of file diff --git a/public/docs/Reference/JavaScript/POSITION.php b/public/docs/Reference/JavaScript/POSITION.php new file mode 100644 index 0000000..87387dc --- /dev/null +++ b/public/docs/Reference/JavaScript/POSITION.php @@ -0,0 +1,7 @@ + + \ No newline at end of file diff --git a/public/docs/JS/TARGET.php b/public/docs/Reference/JavaScript/TARGET.php similarity index 57% rename from public/docs/JS/TARGET.php rename to public/docs/Reference/JavaScript/TARGET.php index a12c623..537292f 100644 --- a/public/docs/JS/TARGET.php +++ b/public/docs/Reference/JavaScript/TARGET.php @@ -4,4 +4,4 @@ require_once VV::root("src/Consts.php"); ?> - \ No newline at end of file + \ No newline at end of file diff --git a/public/docs/JS/abort.php b/public/docs/Reference/JavaScript/abort.php similarity index 57% rename from public/docs/JS/abort.php rename to public/docs/Reference/JavaScript/abort.php index 77e69ca..093d7a7 100644 --- a/public/docs/JS/abort.php +++ b/public/docs/Reference/JavaScript/abort.php @@ -4,4 +4,4 @@ require_once VV::root("src/Consts.php"); ?> - \ No newline at end of file + \ No newline at end of file diff --git a/public/docs/JS/bindElements.php b/public/docs/Reference/JavaScript/bindElements.php similarity index 55% rename from public/docs/JS/bindElements.php rename to public/docs/Reference/JavaScript/bindElements.php index 13aa9a3..e29a8b9 100644 --- a/public/docs/JS/bindElements.php +++ b/public/docs/Reference/JavaScript/bindElements.php @@ -4,4 +4,4 @@ require_once VV::root("src/Consts.php"); ?> - \ No newline at end of file + \ No newline at end of file diff --git a/public/docs/JS/constructor.php b/public/docs/Reference/JavaScript/constructor.php similarity index 55% rename from public/docs/JS/constructor.php rename to public/docs/Reference/JavaScript/constructor.php index 9e10542..74efbc3 100644 --- a/public/docs/JS/constructor.php +++ b/public/docs/Reference/JavaScript/constructor.php @@ -4,4 +4,4 @@ require_once VV::root("src/Consts.php"); ?> - \ No newline at end of file + \ No newline at end of file diff --git a/public/docs/JS/EVENTS.php b/public/docs/Reference/JavaScript/index.php similarity index 57% rename from public/docs/JS/EVENTS.php rename to public/docs/Reference/JavaScript/index.php index 790b499..ff3af43 100644 --- a/public/docs/JS/EVENTS.php +++ b/public/docs/Reference/JavaScript/index.php @@ -4,4 +4,4 @@ require_once VV::root("src/Consts.php"); ?> - \ No newline at end of file + \ No newline at end of file diff --git a/public/docs/JS/navigate.php b/public/docs/Reference/JavaScript/navigate.php similarity index 56% rename from public/docs/JS/navigate.php rename to public/docs/Reference/JavaScript/navigate.php index 3476ff9..e268164 100644 --- a/public/docs/JS/navigate.php +++ b/public/docs/Reference/JavaScript/navigate.php @@ -4,4 +4,4 @@ require_once VV::root("src/Consts.php"); ?> - \ No newline at end of file + \ No newline at end of file diff --git a/public/docs/JS/options.php b/public/docs/Reference/JavaScript/options.php similarity index 56% rename from public/docs/JS/options.php rename to public/docs/Reference/JavaScript/options.php index c63465a..264fd19 100644 --- a/public/docs/JS/options.php +++ b/public/docs/Reference/JavaScript/options.php @@ -4,4 +4,4 @@ require_once VV::root("src/Consts.php"); ?> - \ No newline at end of file + \ No newline at end of file diff --git a/public/docs/PHP/VV/css.php b/public/docs/Reference/PHP/VV/css.php similarity index 60% rename from public/docs/PHP/VV/css.php rename to public/docs/Reference/PHP/VV/css.php index 45f319e..1097aa5 100644 --- a/public/docs/PHP/VV/css.php +++ b/public/docs/Reference/PHP/VV/css.php @@ -4,4 +4,4 @@ require_once VV::root("src/Consts.php"); ?> - \ No newline at end of file + \ No newline at end of file diff --git a/public/docs/PHP/VV/embed.php b/public/docs/Reference/PHP/VV/embed.php similarity index 59% rename from public/docs/PHP/VV/embed.php rename to public/docs/Reference/PHP/VV/embed.php index 52ba963..b2c7529 100644 --- a/public/docs/PHP/VV/embed.php +++ b/public/docs/Reference/PHP/VV/embed.php @@ -4,4 +4,4 @@ require_once VV::root("src/Consts.php"); ?> - \ No newline at end of file + \ No newline at end of file diff --git a/public/docs/PHP/VV/include.php b/public/docs/Reference/PHP/VV/include.php similarity index 58% rename from public/docs/PHP/VV/include.php rename to public/docs/Reference/PHP/VV/include.php index db7b347..ebf1042 100644 --- a/public/docs/PHP/VV/include.php +++ b/public/docs/Reference/PHP/VV/include.php @@ -4,4 +4,4 @@ require_once VV::root("src/Consts.php"); ?> - \ No newline at end of file + \ No newline at end of file diff --git a/public/docs/PHP/VV/init.php b/public/docs/Reference/PHP/VV/init.php similarity index 59% rename from public/docs/PHP/VV/init.php rename to public/docs/Reference/PHP/VV/init.php index 8851b54..3e77b6c 100644 --- a/public/docs/PHP/VV/init.php +++ b/public/docs/Reference/PHP/VV/init.php @@ -4,4 +4,4 @@ require_once VV::root("src/Consts.php"); ?> - \ No newline at end of file + \ No newline at end of file diff --git a/public/docs/PHP/VV/js.php b/public/docs/Reference/PHP/VV/js.php similarity index 60% rename from public/docs/PHP/VV/js.php rename to public/docs/Reference/PHP/VV/js.php index 7f75631..bae77c1 100644 --- a/public/docs/PHP/VV/js.php +++ b/public/docs/Reference/PHP/VV/js.php @@ -4,4 +4,4 @@ require_once VV::root("src/Consts.php"); ?> - \ No newline at end of file + \ No newline at end of file diff --git a/public/docs/PHP/index.php b/public/docs/Reference/PHP/index.php similarity index 60% rename from public/docs/PHP/index.php rename to public/docs/Reference/PHP/index.php index 81f5481..c27eb56 100644 --- a/public/docs/PHP/index.php +++ b/public/docs/Reference/PHP/index.php @@ -4,4 +4,4 @@ require_once VV::root("src/Consts.php"); ?> - \ No newline at end of file + \ No newline at end of file diff --git a/public/docs/JS/index.php b/public/docs/Reference/index.php similarity index 62% rename from public/docs/JS/index.php rename to public/docs/Reference/index.php index 626a45e..341bb6d 100644 --- a/public/docs/JS/index.php +++ b/public/docs/Reference/index.php @@ -4,4 +4,4 @@ require_once VV::root("src/Consts.php"); ?> - \ No newline at end of file + \ No newline at end of file diff --git a/snippets/docs/v3.1.3/header.php b/public/docs/header.php similarity index 72% rename from snippets/docs/v3.1.3/header.php rename to public/docs/header.php index 03e34d4..2d651b9 100644 --- a/snippets/docs/v3.1.3/header.php +++ b/public/docs/header.php @@ -5,7 +5,7 @@ require_once VV::root("src/Consts.php"); ?> - +