+
= VV::include($HTMLCodeDemoElement->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");
?>
-= VV::include(VERSION_LATEST . "JS/POSTITION"); ?>
\ No newline at end of file
+= VV::include(VERSION_LATEST . "Reference/JavaScript/EVENTS"); ?>
\ 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");
?>
-= VV::include(VERSION_LATEST . "JS/MODE"); ?>
\ No newline at end of file
+= VV::include(VERSION_LATEST . "Reference/JavaScript/MODE"); ?>
\ 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 @@
+
+= VV::include(VERSION_LATEST . "Reference/JavaScript/POSTITION"); ?>
\ 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");
?>
-= VV::include(VERSION_LATEST . "JS/TARGET"); ?>
\ No newline at end of file
+= VV::include(VERSION_LATEST . "Reference/JavaScript/TARGET"); ?>
\ 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");
?>
-= VV::include(VERSION_LATEST . "JS/abort"); ?>
\ No newline at end of file
+= VV::include(VERSION_LATEST . "Reference/JavaScript/abort"); ?>
\ 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");
?>
-= VV::include(VERSION_LATEST . "JS/bindElements"); ?>
\ No newline at end of file
+= VV::include(VERSION_LATEST . "Reference/JavaScript/bindElements"); ?>
\ 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");
?>
-= VV::include(VERSION_LATEST . "JS/constructor"); ?>
\ No newline at end of file
+= VV::include(VERSION_LATEST . "Reference/JavaScript/constructor"); ?>
\ 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");
?>
-= VV::include(VERSION_LATEST . "JS/EVENTS"); ?>
\ No newline at end of file
+= VV::include(VERSION_LATEST . "Reference/JavaScript/index"); ?>
\ 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");
?>
-= VV::include(VERSION_LATEST . "JS/navigate"); ?>
\ No newline at end of file
+= VV::include(VERSION_LATEST . "Reference/JavaScript/navigate"); ?>
\ 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");
?>
-= VV::include(VERSION_LATEST . "JS/options"); ?>
\ No newline at end of file
+= VV::include(VERSION_LATEST . "Reference/JavaScript/options"); ?>
\ 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");
?>
-= VV::include(VERSION_LATEST . "PHP/VV/css"); ?>
\ No newline at end of file
+= VV::include(VERSION_LATEST . "Reference/PHP/VV/css"); ?>
\ 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");
?>
-= VV::include(VERSION_LATEST . "PHP/VV/embed"); ?>
\ No newline at end of file
+= VV::include(VERSION_LATEST . "Reference/PHP/VV/embed"); ?>
\ 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");
?>
-= VV::include(VERSION_LATEST . "PHP/VV/include"); ?>
\ No newline at end of file
+= VV::include(VERSION_LATEST . "Reference/PHP/VV/include"); ?>
\ 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");
?>
-= VV::include(VERSION_LATEST . "PHP/VV/init"); ?>
\ No newline at end of file
+= VV::include(VERSION_LATEST . "Reference/PHP/VV/init"); ?>
\ 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");
?>
-= VV::include(VERSION_LATEST . "PHP/VV/js"); ?>
\ No newline at end of file
+= VV::include(VERSION_LATEST . "Reference/PHP/VV/js"); ?>
\ 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");
?>
-= VV::include(VERSION_LATEST . "PHP/index"); ?>
\ No newline at end of file
+= VV::include(VERSION_LATEST . "Reference/PHP/index"); ?>
\ 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");
?>
-= VV::include(VERSION_LATEST . "JS/index"); ?>
\ No newline at end of file
+= VV::include(VERSION_LATEST . "Reference/index"); ?>
\ 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");
?>
-
+