@nebularstreams/statify 3.0.3 → 3.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nebularstreams/statify",
-  "version": "3.0.3",
+  "version": "3.0.7",
   "description": "Generate Cool Landing and Documentation Pages",
   "scripts": {
     "build:app": "node tool/cli.js app",

package/src/widgets/Cookies.js

@@ -1,6 +1,6 @@
 /* eslint-disable */
 const COOKIES_FOOTER_FULL = (productName = "Obscene Studio", domain="obscene.studio") => `
-	<div id="cookies" class="screen d-none" role="alert" aria-label="GDPR-Compliant Cookie Constent Dialog">
+	<aside id="cookies" class="screen d-none" aria-label="GDPR-Compliant Cookie Constent Dialog">
 	    <div id="cookies-dialog" class="cookies-notice flexrow w-100 wrap" aria-label="Simplified Cookie Consent dialog">
 	        <p class="grows">
 	            ${productName}, and selected third parties, use cookies or similar technologies for technical purposes and, with your consent, for the purposes
@@ -21,7 +21,7 @@ const COOKIES_FOOTER_FULL = (productName = "Obscene Studio", domain="obscene.stu
 	        <button aria-label="Accept all cookies" class="col-4 bg-ok" data-action="accept">ACCEPT ALL</button>
 	        <div class="col-6 grows">Allow Analytics, and Third Party Videos and images</div>
 	    </div>
-	</div>
+	</aside>
 </div>
 `;
 

package/src.website/css/css-core/ui.navibar.css

@@ -1,4 +1,101 @@
 
+nav a {
+    color: inherit !important;
+    text-decoration: none
+}
+
+nav a:hover {
+    text-decoration: underline
+}
+
+nav.titlebar {
+    z-index: 1000;
+    align-items: center;
+    white-space: nowrap;
+    font-variant: all-small-caps
+}
+
+nav.titlebar>* {
+    margin: 0 .5rem;
+    text-overflow: ellipsis;
+    overflow: hidden
+}
+
+nav.titlebar .square {
+    flex-shrink: 0;
+    display: inline-block;
+    margin: 0;
+    padding: 0 1rem;
+    border-left: solid 1px var(--border-color);
+    height: var(--unitsize);
+    line-height: var(--unitsize)
+}
+
+nav.titlebar .inter,nav.titlebar .mute {
+    flex-shrink: 0
+}
+
+nav.titlebar>.inter:after {
+    content: "\f0da";
+    font-family: "Font Awesome 5 Free";
+    padding-left: 1rem
+}
+
+nav.titlebar>.sep {
+    padding: 0;
+    color: var(--text-lo)
+}
+
+.naviholder i {
+    line-height: inherit
+}
+
+nav.autohide {
+    transition: opacity .5s linear
+}
+
+.scrolltop nav.autohide {
+    opacity: 0
+}
+
+nav .transbutton {
+    background: transparent;
+    border: 0;
+    color: var(--text);
+    cursor: pointer;
+    margin: 0;
+    border-left: solid 1px var(--border-color)
+}
+
+nav.tab-menu.flexrow {
+
+    right: 0;
+    left: 0;
+    padding-left: 0.5rem;
+    box-shadow: 0 0 2px var(--shadow-color);
+}
+
+nav input {
+    border: 0;
+    border-radius: 2rem;
+    padding: 0.25rem 0.25rem 0.25rem 0.5rem;
+}
+
+nav.tab-menu > .tab-menu-item.selected-tab-item {
+    color: var(--accent);
+    border-radius: 10rem;
+    display: inline-block;
+}
+
+nav.subbar {
+    z-index: 100;
+    line-height: 2rem;
+    border-top: dashed 1px var(--border-color);
+    font-variant: all-small-caps;
+    height: 2rem;
+}
+
+
 nav.tab-menu.flexrow {
 
     right: 0;

package/src.website/css/css-core/ui.qrcode.css

@@ -0,0 +1,20 @@
+figure.qrcode {
+    width: 30%;
+    background-color: rgba(0, 0, 0, 0.4);
+    padding: .5rem;
+    border-radius: .5rem;
+    position: relative;
+    max-width: 200px;
+}
+
+figure.qrcode:before {
+    content: "read in your mobile";
+    font-size: .5rem;
+    position: absolute;
+    color: white;
+    top: -0.8rem;
+    width: 100%;
+    left: 0;
+    text-align: center;
+    text-shadow: 1px 1px black;
+}

package/src.website/css/{skin/mierda.css → css-videos/item-video.css}

@@ -1,5 +1,5 @@
 
-.obsvideo.inner {
+.item-video.inner {
     margin: 1rem;
     border-radius: 0.5rem !important;
     overflow: hidden;

package/src.website/src/app/app.style.mjs

@@ -24,6 +24,8 @@ import "../../css/css-core/root.css";
 import "../../css/css-core/root.fullheight.css";
 import "../../css/css-core/ui.dialog.round.css";
 import "../../css/css-core/ui.notifications.css";
+import "../../css/css-core/ui.navibar.css";
+import "../../css/css-core/ui.qrcode.css";
 
 import "../../css/css-featurelist/feature.css";
 import "../../css/css-featurelist/tail.css";
@@ -32,5 +34,11 @@ import "../../css/css-screens/screens-meta.css";
 
 import "../../css/css-unsplash/unsplash.css";
 import "../../css/css-videos/youtube.css";
+import "../../css/css-videos/item-video.css";
 import "../../css/css-wiki/wiki.css";
 import "../../css/css-wiki/wiki.sidepane.css";
+
+import "../../css/skin/skin.dark.css";
+import "../../css/skin/skin.light.css";
+import "../../css/skin/vars.font.css";
+import "../../css/skin/vars.sizes.css";

package/src.website/src/core.cookies/cookiemanager.mjs

@@ -7,6 +7,7 @@
 import "./css/cookies.css";
 
 import {get, set} from "../support/persistsettings.mjs"
+import {start as startAnalytics} from "../core.cookies/analytics.mjs"
 
 function hasThirdParty() {
 	return get("cookies.third");
@@ -90,9 +91,6 @@ function initServices(useAnalytics, useThidParty) {
 	if (useAnalytics && SITE && SITE.analytics) {
 
 		try {
-			const
-				[, , startAnalytics] = require("support/statify-v3/land/src/client/util.cookies/analytics.mjs");
-
 			startAnalytics(SITE.analytics);
 		} catch (e) {
 			//

package/src.website/src/core.extra/extra.mjs

@@ -1,5 +1,7 @@
-import TimeUtils from "../support/timeutils"
-import QRCode from "../support/qrcode"
+import TimeUtils from "../support/timeutils";
+import QRCode from "../support/qrcode";
+import initDoc from "../core.extra/extra.document.mjs";
+import initContractable from "../core.extra/extra.faq.mjs";
 
 import "./css/howto.css";
 import "./css/faq.css";
@@ -50,8 +52,6 @@ function Common() {
 }
 
 const
-	initDoc = require("support/statify-v3/src.website/src/core.extra/extra.document.mjs"),
-	initContractable = require("support/statify-v3/src.website/src/core.extra/extra.faq.mjs"),
 	Inits = {
 		Markdown: initDoc,
 		Faq: () => initContractable("question"),

package/src.website/src/support/timeutils.mjs

@@ -4,11 +4,7 @@
  * @module app.utils
  */
 
-/* global ObjectAssign */
-
-// noinspection NpmUsedModulesInstalled
-const
-	m = require("mithril");
+import m from "mithril";
 
 function decodeTimeInterval(datems) {
 	const date = new Date(datems);

package/templates/documentation/metadata.json

@@ -82,11 +82,18 @@
       "content": "white"
     }
   ],
-  "links": {
-    "documents": {
-      "static": true,
-      "icon": "file",
-      "class": "grows"
+
+  "navibar": {
+    "home": "/",
+    "logo": "res/logos/logo.medallion.png",
+    "displayTitle": true,
+    "autoHide": true,
+    "links": {
+      "documents": {
+        "static": true,
+        "icon": "file-alt",
+        "class": "inter"
+      }
     }
   },
   "breadcrumb": {