@benev/web 0.1.0-2 → 0.1.0-4

package/x/dom/header/view.js

@@ -1,9 +1,11 @@
 import { html } from "lit";
-import { shadow, shadowElement, useCss, useName } from "@e280/sly";
+import { useCss } from "@e280/sly";
+import styleCss from "./style.css.js";
 import { bDataPng } from "../../assets/b.png.js";
 import { themeCss } from "../../css/theme.css.js";
-import styleCss from "./style.css.js";
-const Header = (shell) => {
+import { shadowDuplex } from "../tools/shadow-duplex.js";
+export const [HeaderView, makeBenevHeader] = shadowDuplex("benev-header", (shell) => {
+    useCss(themeCss, styleCss);
     const click = () => shell.toggle();
     return html `
 		<nav part=nav ?data-opened=${shell.open} ?data-closed=${!shell.open}>
@@ -13,14 +15,5 @@ const Header = (shell) => {
 			<slot></slot>
 		</nav>
 	`;
-};
-export const HeaderView = shadow((shell) => {
-    useName("header");
-    useCss(themeCss, styleCss);
-    return Header(shell);
-});
-export const headerElement = (shell) => shadowElement(() => {
-    useCss(themeCss, styleCss);
-    return Header(shell);
 });
 //# sourceMappingURL=view.js.map

package/x/dom/header/view.js.map

@@ -1 +1 @@
-{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../s/dom/header/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,EAAC,MAAM,WAAW,CAAA;AAEhE,OAAO,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAA;AAC/C,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AAErC,MAAM,MAAM,GAAG,CAAC,KAAY,EAAE,EAAE;IAC/B,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,CAAA;IAClC,OAAO,IAAI,CAAA;+BACmB,KAAK,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,IAAI;sDACf,KAAK;yBAClC,QAAQ;;;;EAI/B,CAAA;AACF,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,KAAY,EAAE,EAAE;IACjD,OAAO,CAAC,QAAQ,CAAC,CAAA;IACjB,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC1B,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;AACrB,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,aAAa,CAAC,GAAG,EAAE;IACjE,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC1B,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;AACrB,CAAC,CAAC,CAAA"}
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../s/dom/header/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAA;AAEhC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AAErC,OAAO,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAC,YAAY,EAAC,MAAM,2BAA2B,CAAA;AAEtD,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,eAAe,CAAC,GAAG,YAAY,CAAC,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE;IAC1F,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAE1B,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,CAAA;IAElC,OAAO,IAAI,CAAA;+BACmB,KAAK,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,IAAI;sDACf,KAAK;yBAClC,QAAQ;;;;EAI/B,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/dom/loader/loader.js

@@ -1,6 +1,6 @@
 import { nap } from "@e280/stz";
 import { dom } from "@e280/sly";
-import { consts } from "../../consts.js";
+import { bconfig } from "../../bconfig.js";
 export class Loader {
     element;
     anim;
@@ -8,7 +8,7 @@ export class Loader {
     #loading;
     #content;
     #operation = 0;
-    constructor(element, anim = consts.anim) {
+    constructor(element, anim = bconfig.anim) {
         this.element = element;
         this.anim = anim;
         this.original = document.createElement("template");

package/x/dom/loader/loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../../s/dom/loader/loader.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,WAAW,CAAA;AAC7B,OAAO,EAAU,GAAG,EAAC,MAAM,WAAW,CAAA;AACtC,OAAO,EAAC,MAAM,EAAC,MAAM,iBAAiB,CAAA;AAEtC,MAAM,OAAO,MAAM;IAQT,OAAO;IACP,IAAI;IARb,QAAQ,CAAA;IAER,QAAQ,CAAA;IACR,QAAQ,CAAA;IACR,UAAU,GAAG,CAAC,CAAA;IAEd,YACS,OAAoB,EACpB,IAAI,GAAG,MAAM,CAAC,IAAI;uBADlB,OAAO;oBACP,IAAI;QAGZ,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;QAClD,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAA;QAE3C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC7C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAA;QACxC,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAA;QAE9B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC7C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAA;QACxC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAA;QAEzD,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE,CAAA;QAC9B,IAAI,CAAC,OAAO,CAAC,MAAM,CAClB,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,QAAQ,CACb,CAAA;IACF,CAAC;IAED,KAAK,CAAC,IAAI,CACR,UAAyB,EACzB,UAAkC;QAGnC,IAAI,CAAC,UAAU,IAAI,CAAC,CAAA;QACpB,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAA;QACjC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,KAAK,SAAS,CAAC,CAAA;QACtD,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAA;QACzB,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC,CAAA;QAC7C,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAA;QAEvC,IAAI,CAAC;YACJ,MAAM,CAAC,OAAO,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;gBACnC,UAAU,EAAE;gBACZ,GAAG,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;aAClB,CAAC,CAAA;YAEF,IAAI,QAAQ,EAAE,EAAE,CAAC;gBAChB,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;gBAC9C,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;gBAC1B,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;gBAClC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACrB,CAAC;QACF,CAAC;gBACO,CAAC;YACR,IAAI,QAAQ,EAAE,EAAE,CAAC;gBAChB,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;gBAC9C,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;gBAC1B,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;YAChC,CAAC;QACF,CAAC;IACF,CAAC;CACD"}
+{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../../s/dom/loader/loader.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,WAAW,CAAA;AAC7B,OAAO,EAAU,GAAG,EAAC,MAAM,WAAW,CAAA;AACtC,OAAO,EAAC,OAAO,EAAC,MAAM,kBAAkB,CAAA;AAExC,MAAM,OAAO,MAAM;IAQT,OAAO;IACP,IAAI;IARb,QAAQ,CAAA;IAER,QAAQ,CAAA;IACR,QAAQ,CAAA;IACR,UAAU,GAAG,CAAC,CAAA;IAEd,YACS,OAAoB,EACpB,IAAI,GAAG,OAAO,CAAC,IAAI;uBADnB,OAAO;oBACP,IAAI;QAGZ,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;QAClD,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAA;QAE3C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC7C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAA;QACxC,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAA;QAE9B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC7C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAA;QACxC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAA;QAEzD,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE,CAAA;QAC9B,IAAI,CAAC,OAAO,CAAC,MAAM,CAClB,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,QAAQ,CACb,CAAA;IACF,CAAC;IAED,KAAK,CAAC,IAAI,CACR,UAAyB,EACzB,UAAkC;QAGnC,IAAI,CAAC,UAAU,IAAI,CAAC,CAAA;QACpB,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAA;QACjC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,KAAK,SAAS,CAAC,CAAA;QACtD,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAA;QACzB,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC,CAAA;QAC7C,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAA;QAEvC,IAAI,CAAC;YACJ,MAAM,CAAC,OAAO,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;gBACnC,UAAU,EAAE;gBACZ,GAAG,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;aAClB,CAAC,CAAA;YAEF,IAAI,QAAQ,EAAE,EAAE,CAAC;gBAChB,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;gBAC9C,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;gBAC1B,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;gBAClC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACrB,CAAC;QACF,CAAC;gBACO,CAAC;YACR,IAAI,QAAQ,EAAE,EAAE,CAAC;gBAChB,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;gBAC9C,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;gBAC1B,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;YAChC,CAAC;QACF,CAAC;IACF,CAAC;CACD"}

package/x/dom/loader/style.css.js

@@ -13,15 +13,18 @@ export default css `@layer benev.view {
 	pointer-events: none;
 
 	opacity: 1;
+	transform: scale(100%);
 	visibility: visible;
 
 	transition:
 		opacity var(--benev-anim) linear,
+		transform var(--benev-anim) ease,
 		visiblity 0ms linear allow-discrete;
 }
 
 :host(:not([loading])) .veil {
 	opacity: 0;
+	transform: scale(0%);
 	visiblity: hidden;
 }
 

package/x/dom/loader/style.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../s/dom/loader/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwChB,CAAA"}
+{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../s/dom/loader/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2ChB,CAAA"}

package/x/dom/loader/view.js

@@ -1,8 +1,8 @@
 import { html } from "lit";
 import { shadowElement, useCss } from "@e280/sly";
+import styleCss from "./style.css.js";
 import { themeCss } from "../../css/theme.css.js";
 import { bDataPng } from "../../assets/b.png.js";
-import styleCss from "./style.css.js";
 export const BenevLoader = shadowElement(() => {
     useCss(themeCss, styleCss);
     return html `

package/x/dom/loader/view.js.map

@@ -1 +1 @@
-{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../s/dom/loader/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,aAAa,EAAE,MAAM,EAAC,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAA;AAC9C,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AAErC,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,GAAG,EAAE;IAC7C,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAE1B,OAAO,IAAI,CAAA;;;;eAIG,QAAQ;;;EAGrB,CAAA;AACF,CAAC,CAAC,CAAA"}
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../s/dom/loader/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,aAAa,EAAE,MAAM,EAAC,MAAM,WAAW,CAAA;AAE/C,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAA;AAE9C,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,GAAG,EAAE;IAC7C,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAE1B,OAAO,IAAI,CAAA;;;;eAIG,QAAQ;;;EAGrB,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/dom/menu/view.d.ts

@@ -1,2 +1,2 @@
 import { Shell } from "../../vitals/shell.js";
-export declare const menuComponent: (shell: Shell) => new () => HTMLElement;
+export declare const makeBenevMenu: (shell: Shell) => new () => HTMLElement;

package/x/dom/menu/view.js

@@ -6,7 +6,7 @@ import { themeCss } from "../../css/theme.css.js";
 import { onKeypress } from "./utils/on-keypress.js";
 import { clickBackdrop } from "./utils/click-backdrop.js";
 import { useAfterFirstRender } from "./utils/use-after-first-render.js";
-export const menuComponent = (shell) => shadowElement(() => {
+export const makeBenevMenu = (shell) => shadowElement(() => {
     useCss(themeCss, styleCss);
     useAfterFirstRender(shadow => shell.attach(dom("dialog", shadow)));
     useMount(onKeypress(["KeyB", "Escape"], () => shell.toggle()));

package/x/dom/tools/shadow-duplex.d.ts

@@ -0,0 +1,2 @@
+import { Content } from "@e280/sly";
+export declare function shadowDuplex<P extends any[]>(name: string, render: (...p: P) => Content): [view: import("@e280/sly").ShadowView<P>, makeElement: (...p: P) => new () => HTMLElement];

package/x/dom/tools/shadow-duplex.js

@@ -0,0 +1,10 @@
+import { shadow, shadowElement, useName } from "@e280/sly";
+export function shadowDuplex(name, render) {
+    const view = shadow((...p) => {
+        useName(name);
+        return render(...p);
+    });
+    const makeElement = (...p) => shadowElement(() => render(...p));
+    return [view, makeElement];
+}
+//# sourceMappingURL=shadow-duplex.js.map

package/x/dom/tools/shadow-duplex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow-duplex.js","sourceRoot":"","sources":["../../../s/dom/tools/shadow-duplex.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,MAAM,EAAE,aAAa,EAAE,OAAO,EAAC,MAAM,WAAW,CAAA;AAEjE,MAAM,UAAU,YAAY,CAAkB,IAAY,EAAE,MAA4B;IACvF,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,GAAG,CAAI,EAAE,EAAE;QAC/B,OAAO,CAAC,IAAI,CAAC,CAAA;QACb,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;IACpB,CAAC,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,CAAC,GAAG,CAAI,EAAE,EAAE,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IAElE,OAAO,CAAC,IAAI,EAAE,WAAW,CAGxB,CAAA;AACF,CAAC"}

package/x/index-ssg.d.ts

@@ -1 +1,4 @@
 export * from "./css/benev.csstext.js";
+export * from "./ssg/top-nav.js";
+export * from "./bconfig.js";
+export * from "./types.js";

package/x/index-ssg.js

@@ -1,2 +1,5 @@
 export * from "./css/benev.csstext.js";
+export * from "./ssg/top-nav.js";
+export * from "./bconfig.js";
+export * from "./types.js";
 //# sourceMappingURL=index-ssg.js.map

package/x/index-ssg.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-ssg.js","sourceRoot":"","sources":["../s/index-ssg.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAA"}
+{"version":3,"file":"index-ssg.js","sourceRoot":"","sources":["../s/index-ssg.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAA;AACtC,cAAc,kBAAkB,CAAA;AAEhC,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA"}

package/x/index.d.ts

@@ -6,4 +6,5 @@ export * from "./dom/header/view.js";
 export * from "./dom/loader/view.js";
 export * from "./dom/loader/loader.js";
 export * from "./dom/menu/view.js";
-export * from "./consts.js";
+export * from "./bconfig.js";
+export * from "./types.js";

package/x/index.html

@@ -7,7 +7,7 @@
 
 		<title>@benev/web</title>
 		<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='0.9em' font-size='90'>😇</text></svg>"/>
-		<script type="module" src="main.bundle.min.js?v=cabc9d18d6c4"></script>
+		<script type="module" src="main.bundle.min.js?v=f851e552e906"></script>
 		<style>
 			@layer benev, demo;
 
@@ -103,7 +103,7 @@ text-decoration: none;
 	&:hover, &:focus-visible {
 		color: inherit;
 		text-decoration: none;
-		filter: brightness(105%);
+		filter: brightness(110%);
 	}
 
 	&:active {
@@ -210,6 +210,44 @@ margin: 0 auto;
 		height: var(--benev-b-size);
 	}
 }
+
+a {
+	position: relative;
+	color: var(--benev-prime);
+	padding: 0.2em;
+	font-size: 1.2em;
+
+	&[data-active] {
+		text-shadow: 0 0 0.5em currentColor;
+
+		&::after {
+			content: "•";
+			display: block;
+			position: absolute;
+			top: 90%;
+			left: 0;
+			right: 0;
+			line-height: 0;
+			text-align: center;
+			text-shadow:
+				0 0 0.5em currentColor,
+				0 0 0.5em currentColor;
+		}
+	}
+}
+}
+
+benev-footer {
+width: 100%;
+max-width: var(--benev-site-width);
+margin-left: auto;
+margin-right: auto;
+
+display: flex;
+gap: var(--benev-space);
+justify-content: end;
+padding: var(--benev-space);
+--benev-link: #fffa;
 }
 
 [benev-prose] {
@@ -352,10 +390,15 @@ main {
 
 	</head>
 	<body>
-		<benev-menu></benev-menu>
+		<benev-menu>
+			<benev-account></benev-account>
+		</benev-menu>
 
 		<benev-header>
-			<a href="https://benev.gg/">benev.gg</a>
+
+	<a href="/" data-active>games</a>
+	<a href="/d/">devlog</a>
+
 		</benev-header>
 
 		<benev-loader>

package/x/index.html.js

@@ -1,4 +1,5 @@
 import { template, html, socialCard, dataSvgEmoji } from "@e280/scute";
+import { topNav } from "./ssg/top-nav.js";
 import { benevCssText } from "./css/benev.csstext.js";
 export default template(import.meta.url, async (orb) => html `
 	<!doctype html>
@@ -25,10 +26,12 @@ export default template(import.meta.url, async (orb) => html `
 })}
 		</head>
 		<body>
-			<benev-menu></benev-menu>
+			<benev-menu>
+				<benev-account></benev-account>
+			</benev-menu>
 
 			<benev-header>
-				<a href="https://benev.gg/">benev.gg</a>
+				${topNav("games")}
 			</benev-header>
 
 			<benev-loader>

package/x/index.html.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.html.js","sourceRoot":"","sources":["../s/index.html.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAC,MAAM,aAAa,CAAA;AACpE,OAAO,EAAC,YAAY,EAAC,MAAM,wBAAwB,CAAA;AAEnD,eAAe,QAAQ,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,GAAG,EAAC,EAAE,CAAC,IAAI,CAAA;;;;;;;;;4BAS9B,YAAY,CAAC,IAAI,CAAC;gCACd,GAAG,CAAC,OAAO,CAAC,oBAAoB,CAAC;;;MAG3D,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC;MACtB,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC;;;KAG3B,UAAU,CAAC;IACZ,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,YAAY;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,sBAAsB;CACnC,CAAC;;;;;;;;;;;;;;;;;CAiBJ,CAAC,CAAA"}
+{"version":3,"file":"index.html.js","sourceRoot":"","sources":["../s/index.html.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAC,MAAM,aAAa,CAAA;AACpE,OAAO,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAA;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,wBAAwB,CAAA;AAEnD,eAAe,QAAQ,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,GAAG,EAAC,EAAE,CAAC,IAAI,CAAA;;;;;;;;;4BAS9B,YAAY,CAAC,IAAI,CAAC;gCACd,GAAG,CAAC,OAAO,CAAC,oBAAoB,CAAC;;;MAG3D,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC;MACtB,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC;;;KAG3B,UAAU,CAAC;IACZ,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,YAAY;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,sBAAsB;CACnC,CAAC;;;;;;;;MAQC,MAAM,CAAC,OAAO,CAAC;;;;;;;;;;;CAWpB,CAAC,CAAA"}

package/x/index.js

@@ -6,5 +6,6 @@ export * from "./dom/header/view.js";
 export * from "./dom/loader/view.js";
 export * from "./dom/loader/loader.js";
 export * from "./dom/menu/view.js";
-export * from "./consts.js";
+export * from "./bconfig.js";
+export * from "./types.js";
 //# sourceMappingURL=index.js.map

package/x/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../s/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AAEjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAElC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAElC,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../s/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AAEjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAElC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAElC,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA"}