@leuffen/themejs1 1.0.0 → 1.0.2

package/demo_styles.scss

@@ -0,0 +1,6 @@
+
+
+@import "style";
+@import "style_dev";
+@import "@leuffen/jodastyle/style_embed";
+@import "style_embed";

package/dist/helper/mouse-to-css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/helper/mouse-to-css.js

@@ -0,0 +1,20 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const embed_1 = require("@kasimirjs/embed");
+let d = new embed_1.Debouncer(10);
+window.addEventListener("mousemove", (e) => __awaiter(void 0, void 0, void 0, function* () {
+    yield d.debounce();
+    document.body.style.setProperty("--mouse-x", (e.clientX / window.innerWidth) * 100 + "");
+    document.body.style.setProperty("--mouse-y", (e.clientY / window.innerHeight) * 100 + "");
+}));
+document.body.style.setProperty("--mouse-x", 1 + "");
+document.body.style.setProperty("--mouse-y", 1 + "");

package/dist/index.d.ts

@@ -1,3 +1,2 @@
 import "@leuffen/jodastyle";
-import "./template/navbar/navbar";
-import "./template/hero/hero1";
+import "./helper/mouse-to-css";

package/dist/index.js

@@ -1,5 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 require("@leuffen/jodastyle");
-require("./template/navbar/navbar");
-require("./template/hero/hero1");
+require("./helper/mouse-to-css");

package/dist/index.module.js

@@ -1,3 +1,2 @@
 import "@leuffen/jodastyle";
-import "./template/navbar/navbar";
-import "./template/hero/hero1";
+import "./helper/mouse-to-css";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leuffen/themejs1",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.module.js",
@@ -11,6 +11,7 @@
   "files": [
     "/dist",
     "/src",
+    "/templates",
     "*.scss"
   ],
   "workspaces": [
@@ -18,15 +19,19 @@
   ],
   "author": "",
   "dependencies": {
-    "@leuffen/jodastyle": "^1.0.1"
+    "@leuffen/jodastyle": "^1.0",
+    "@kasimirjs/embed": "^1.0.1"
   },
   "devDependencies": {
-    "dart-sass": "^1.25.0",
-    "sass": "^1.56.1",
+    "bootstrap": "^5.3.0",
+    "markdown-it": "^13.0.1",
+    "markdown-it-attrs": "^4.1.6",
     "css-loader": "^6.7.1",
+    "dart-sass": "^1.25.0",
     "esbuild-loader": "^2.20.0",
     "mini-css-extract-plugin": "^2.6.1",
     "raw-loader": "^4.0.2",
+    "sass": "^1.56.1",
     "sass-loader": "^13.0.2",
     "style-loader": "^3.3.1",
     "webpack": "^5.75.0",

package/src/default/loader.scss

@@ -0,0 +1,53 @@
+html.loader::before {
+  content: "";
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 10px;
+  position: fixed;
+  text-align: center;
+  color: white;
+  margin-top: 1px;
+    z-index: 2;
+  -webkit-animation: leu--site-loader 60s ease-out;
+  animation: leu--site-loader 30s ease-out;
+  display: block;
+  background-color: indianred;
+  height: 3px;
+  width: 35%;
+    top: 0;
+}
+
+html.loader::after {
+    content: "";
+    font-family: sans-serif;
+    font-size: 12px;
+    line-height: 10px;
+    position: fixed;
+    text-align: center;
+    color: white;
+    margin-top: 1px;
+    -webkit-animation: leu--site-loader 60s ease-out;
+    animation: leu--site-loader 60s ease-out;
+    display: block;
+    background-color: darkgray;
+    height: 3px;
+    top: 0;
+    width: 100%;
+    right: 0;
+}
+
+@keyframes leu--site-loader {
+  3% {
+    width: 75%;
+
+  }
+  5% {
+    width: 90%;
+  }
+  10% {
+    width: 95%;
+  }
+  100% {
+    width: 100%;
+  }
+}

package/src/helper/mouse-to-css.ts

@@ -0,0 +1,11 @@
+import {Debouncer} from "@kasimirjs/embed";
+
+let d = new Debouncer(10);
+window.addEventListener("mousemove", async (e) => {
+    await d.debounce()
+    document.body.style.setProperty("--mouse-x", (e.clientX / window.innerWidth) * 100 + "");
+    document.body.style.setProperty("--mouse-y", (e.clientY / window.innerHeight) * 100 + "");
+});
+document.body.style.setProperty("--mouse-x", 1 + "");
+document.body.style.setProperty("--mouse-y", 1 + "");
+

package/src/index.ts

@@ -2,5 +2,4 @@
 
 import "@leuffen/jodastyle";
 
-import "./template/navbar/navbar";
-import "./template/hero/hero1";
+import "./helper/mouse-to-css"