Merge pull request #371 from DishpitDev/staging

S0 - D1
DishpitDev · Jan 5, 2025 · a17cd16 · a17cd16
2 parents 1c5d3f5 + 0f726e4
commit a17cd16
Show file tree

Hide file tree

Showing 20 changed files with 1,362 additions and 2 deletions.
diff --git a/LIVE/.gitignore b/LIVE/.gitignore
@@ -0,0 +1,184 @@
+# Based on https://raw.githubusercontent.com/github/gitignore/main/Node.gitignore
+
+# Logs
+
+logs
+_.log
+npm-debug.log_
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Caches
+
+.cache
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+
+report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json
+
+# Runtime data
+
+pids
+_.pid
+_.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+
+lib-cov
+
+# Coverage directory used by tools like istanbul
+
+coverage
+*.lcov
+
+# nyc test coverage
+
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+
+bower_components
+
+# node-waf configuration
+
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+
+build/Release
+
+# Dependency directories
+
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+
+web_modules/
+
+# TypeScript cache
+
+*.tsbuildinfo
+
+# Optional npm cache directory
+
+.npm
+
+# Optional eslint cache
+
+.eslintcache
+
+# Optional stylelint cache
+
+.stylelintcache
+
+# Microbundle cache
+
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+
+.node_repl_history
+
+# Output of 'npm pack'
+
+*.tgz
+
+# Yarn Integrity file
+
+.yarn-integrity
+
+# dotenv environment variable files
+
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# parcel-bundler cache (https://parceljs.org/)
+
+.parcel-cache
+
+# Next.js build output
+
+.next
+out
+
+# Nuxt.js build / generate output
+
+.nuxt
+dist
+
+# Gatsby files
+
+# Comment in the public line in if your project uses Gatsby and not Next.js
+
+# https://nextjs.org/blog/next-9-1#public-directory-support
+
+# public
+
+# vuepress build output
+
+.vuepress/dist
+
+# vuepress v2.x temp and cache directory
+
+.temp
+
+# Docusaurus cache and generated files
+
+.docusaurus
+
+# Serverless directories
+
+.serverless/
+
+# FuseBox cache
+
+.fusebox/
+
+# DynamoDB Local files
+
+.dynamodb/
+
+# TernJS port file
+
+.tern-port
+
+# Visual Studio Code
+
+.vscode
+.vscode-test
+
+# yarn v2
+
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+
+# IntelliJ based IDEs
+.idea
+
+# Finder (MacOS) folder config
+.DS_Store
+
+# Rust target
+/target
+
+# lock-files
+package-lock.json
+yarn.lock
+pnpm-lock.yaml
diff --git a/LIVE/.htmlhintrc b/LIVE/.htmlhintrc
@@ -0,0 +1,12 @@
+{
+  "tagname-lowercase": true,
+  "attr-lowercase": true,
+  "attr-value-double-quotes": true,
+  "doctype-first": true,
+  "tag-pair": true,
+  "spec-char-escape": true,
+  "id-unique": true,
+  "src-not-empty": true,
+  "attr-no-duplication": true,
+  "title-require": true
+}
diff --git a/LIVE/.npmrc b/LIVE/.npmrc
@@ -0,0 +1 @@
+package-lock=false
diff --git a/LIVE/.stylelintrc.json b/LIVE/.stylelintrc.json
@@ -0,0 +1 @@
+{ "extends": ["stylelint-config-standard"] }
diff --git a/LIVE/MDMCK10's worst nightmare.html b/LIVE/MDMCK10's worst nightmare.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script>
+        function randomNumber(from, to) {
+            return Math.floor(from + Math.random() * (to - from));
+        }
+
+        function randomFloat(from, to) {
+            return from + Math.random() * (to - from);
+        }
+
+        function getRandomElement(li) {
+            return li[randomNumber(0, li.length)];
+        }
+
+        const verticalDirections = ["up", "down"];
+        const horizontalDirections = ["left", "right"];
+        const behaviours = ["scroll", "slide", "alternate"];
+        const fontFamilies = [
+            "serif", "sans-serif", "monospace", "cursive", "fantasy",
+            "system-ui", "Times New Roman", "Georgia", "Garamond",
+            "Arial", "Helvetica", "Verdana", "Tahoma", "Courier New",
+            "Lucida Console", "Consolas", "Segoe UI", "DejaVu Sans",
+            "Liberation Serif", "Liberation Mono", "Times", "Courier"
+        ];
+        const textTransforms = [
+            "none", "capitalize", "uppercase", "lowercase",
+            "full-width", "full-size-kana", "math-auto"
+        ];
+        const borderStyles = ["solid", "dotted", "dashed", "double", "groove", "ridge", "inset", "outset"];
+        const textDecorations = ["none", "underline", "overline", "line-through", "underline overline"];
+        const filterEffects = ["none", "blur(2px)", "brightness(1.2)", "contrast(150%)", "sepia(50%)", "hue-rotate(90deg)"];
+
+        const minWidth = 20;
+        const maxWidth = 700;
+        const minHeight = 20;
+        const maxHeight = 700;
+        const minScrollAmount = 2;
+        const maxScrollAmount = 15;
+        const minFontSize = 12;
+        const maxFontSize = 41;
+        const translate3dRanges = [10, 10, 10];
+        const rotate3dRanges = [30, 30, 30];
+        const scale3dRanges = [0.5, 0.5, 0.5];
+        const REFRESH_INTERVAL = 5000; // 5 seconds
+        const NUMBER_OF_MARQUEES = 200;
+
+        function getRandomRGBA(minAlpha = 0, maxAlpha = 1) {
+            return `rgba(${randomNumber(0, 255)},${randomNumber(0, 255)},${randomNumber(0, 255)},${randomFloat(minAlpha, maxAlpha)})`;
+        }
+
+        function getRandomBoxShadow() {
+            const x = randomNumber(-10, 10);
+            const y = randomNumber(-10, 10);
+            const blur = randomNumber(0, 20);
+            const spread = randomNumber(0, 10);
+            const color = getRandomRGBA(0.3, 0.7);
+            return `${x}px ${y}px ${blur}px ${spread}px ${color}`;
+        }
+
+        function getCompatibleDirection(behaviour) {
+            if (behaviour === "alternate") {
+                return getRandomElement([...horizontalDirections, ...verticalDirections]);
+            } else {
+                return getRandomElement(horizontalDirections);
+            }
+        }
+
+        function createMarquee() {
+            var marq = document.createElement('marquee');
+
+            let behaviour = getRandomElement(behaviours);
+            let direction = getCompatibleDirection(behaviour);
+            let width = 0;
+            let height = 0;
+
+            if (verticalDirections.includes(direction)) {
+                width = randomNumber(minWidth, maxWidth / 4);
+                height = randomNumber(minHeight, maxHeight);
+            } else {
+                width = randomNumber(minWidth, maxWidth);
+                height = randomNumber(minHeight, maxHeight / 4);
+            }
+
+            let borderWidth = randomNumber(1, 5);
+            let borderRadius = randomNumber(0, 20);
+            let borderStyle = getRandomElement(borderStyles);
+            let borderColor = getRandomRGBA(0.5, 1);
+            let boxShadow = Math.random() > 0.5 ? getRandomBoxShadow() : 'none';
+            let textDecoration = getRandomElement(textDecorations);
+            let filter = getRandomElement(filterEffects);
+            let letterSpacing = randomNumber(-2, 4);
+
+            let styleatr =
+                `position:fixed;` +
+                `top:${randomNumber(0, window.innerHeight)}px;` +
+                `left:${randomNumber(0, window.innerWidth)}px;` +
+                `font-family:${getRandomElement(fontFamilies)};` +
+                `font-size:${randomNumber(minFontSize, maxFontSize)}px;` +
+                `text-transform:${getRandomElement(textTransforms)};` +
+                `width:${width}px;` +
+                `height:${height}px;` +
+                `background:${getRandomRGBA()};` +
+                `color:${getRandomRGBA(0.8, 1)};` +
+                `border:${borderWidth}px ${borderStyle} ${borderColor};` +
+                `border-radius:${borderRadius}px;` +
+                `box-shadow:${boxShadow};` +
+                `text-decoration:${textDecoration};` +
+                `filter:${filter};` +
+                `letter-spacing:${letterSpacing}px;` +
+                `padding:${randomNumber(5, 15)}px;` +
+                'transform: ' +
+                'scale3d(' +
+                `${1 + randomFloat(-scale3dRanges[0], scale3dRanges[0])},` +
+                `${1 + randomFloat(-scale3dRanges[1], scale3dRanges[1])},` +
+                `${1 + randomFloat(-scale3dRanges[2], scale3dRanges[2])}` +
+                ') ' +
+                'rotate3d(' +
+                `${randomFloat(-rotate3dRanges[0], rotate3dRanges[0])},` +
+                `${randomFloat(-rotate3dRanges[1], rotate3dRanges[1])},` +
+                `${randomFloat(-rotate3dRanges[2], rotate3dRanges[2])}` +
+                ', ' +
+                `${randomFloat(-30, 30)}deg` +
+                ') ' +
+                'translate3d(' +
+                `${randomFloat(-translate3dRanges[0], translate3dRanges[0])}px,` +
+                `${randomFloat(-translate3dRanges[1], translate3dRanges[1])}px,` +
+                `${randomFloat(-translate3dRanges[2], translate3dRanges[2])}px` +
+                ')';
+
+            marq.setAttribute('behavior', behaviour);
+            marq.setAttribute('direction', direction);
+            marq.setAttribute('scrollamount', randomNumber(minScrollAmount, maxScrollAmount));
+            marq.setAttribute('style', styleatr);
+            marq.textContent = "marquee";
+
+            return marq;
+        }
+
+        function createAllMarquees() {
+            const body = document.body;
+            const existingMarquees = document.querySelectorAll('marquee');
+            existingMarquees.forEach(marquee => {
+                setTimeout(() => marquee.remove(), 500);
+            });
+            setTimeout(() => {
+                for (let i = 0; i < NUMBER_OF_MARQUEES; i++) {
+                    const marq = createMarquee();
+                    body.appendChild(marq);
+                }
+            }, 500);
+        }
+
+        document.addEventListener('DOMContentLoaded', function () {
+            createAllMarquees();
+            setInterval(createAllMarquees, REFRESH_INTERVAL);
+        });
+    </script>
+</head>
+
+<body>
+    <p>problem?</p>
+    <audio loop autoplay>
+        <source src="/LIVE/trolololo.mp3" type="audio/mpeg">
+        Your browser does not support the audio element.
+    </audio>
+</body>
+
+</html>
diff --git a/LIVE/assets/css/bulma.min.css b/LIVE/assets/css/bulma.min.css