mevius6’s gists

mevius6 / settings.json

Last active July 11, 2024 14:24

mevius6 / utils.js

Last active July 16, 2021 21:45

	const UA = navigator.userAgent;
	const root = document.documentElement;
	const body = document.body;

	const MathUtils = {
	map: (x, a, b, c, d) => ((x - a) * (d - c)) / (b - a) + c,
	// линейная интерполяция
	lerp: (min, max, val) => min * (1 - val) + max * val,
	// расстояние между двумя точками
	distance: (x1, y1, x2, y2) => Math.hypot(x2 - x1, y2 - y1),

mevius6 / CSSModules.js

Created June 15, 2021 12:41

	// https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/CSSModules/v1Explainer.md
	import styles from './html5Element.css';

	class HTML5Element extends HTMLElement {
	constructor() {
	super();
	let shadowRoot = this.attachShadow({ mode: "closed" });

	this.shadowRoot.adoptedStyleSheets = [styles];

mevius6 / JSModules.js

Last active June 15, 2021 15:55

	const parsedUrl = new URL(window.location.href);

	const modules = {
	feed: import('./feed.js'),
	form: import('./form.js'),
	map: import('./map.js'),
	};

	/**
	* Асинхронная загрузка модулей

mevius6 / lock.js

Created January 25, 2021 12:36

wake-lock-api.js

	let lock

	try {
	lock = await navigator.wakeLock.request('screen');
	} catch (err) {
	// Error or rejection
	console.log('Wake Lock error: ', err);
	}

	await lock.release()

mevius6 / select.js

Last active July 13, 2021 04:22

	const doc = document;

	const select = (expr, con) => (con \|\| doc).querySelector(expr);
	const selectAll = (expr, con) => {
	return Array.prototype.slice.call((con \|\| doc).querySelectorAll(expr));
	}
	const selectFromData = (expr, con) => selectAll(`[data-${con}]`)
	.find(item => item.dataset[con] === expr);

mevius6 / bind-css-keyframe-animation-to-scroll.markdown

Created August 2, 2020 22:41

Bind CSS keyframe animation to scroll

mevius6 / index.html

Created August 2, 2020 22:41

Scroll Spinning SVG

Nicolai mevius6