peterkarn’s gists

peterkarn / promises.js

Created July 28, 2021 07:26

	const WRING_OUT_TIME = 250;
	const SQUAT_TIME = 200;

	function wringOut(count) {

	return new Promise((resolve, reject) => {
	if (count > 100) {
	reject(new Error('Слишком много отжиманий'))
	} else {
	setTimeout(() => {

peterkarn / fetch.html

Created July 28, 2021 08:05

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	</head>

peterkarn / getResource.js

Last active July 28, 2021 08:17

	const getResource = async (url) => {

	const response = await fetch(url);

	if (!response.ok) {
	throw new Error(`Ошибка по адресу ${url}, статус ошибки ${response.status}`)
	}

	return await response.json();
	};

peterkarn / _star-rating.scss

Created October 9, 2021 11:56

peterkarn / gradiented-oval-btn.css

Created October 11, 2021 20:25

	.gradiented-btn {
	width: 165px;
	height: 50px;
	border: double 3px transparent;
	border-radius: 30px;
	background-image: linear-gradient(white, white),
	radial-gradient(circle at top left, #f00, #3020ff);
	background-origin: border-box;
	background-clip: content-box,
	border-box;

peterkarn / IE media

Created October 12, 2021 10:59

	@media all and (-ms-high-contrast:none) {

	}

peterkarn / Add element AFTER another.js

Created October 27, 2021 05:30

	/* Insert Login Button inside regform block */
	function insertAfter(referenceNode, newNode) {
	referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
	}

	var mibileLoginBtn = document.createElement("div");
	mibileLoginBtn.innerHTML = "Log In";
	mibileLoginBtn.classList.add('btn', 'login-btn-mobile');
	var multiButtonsForm = document.querySelector(".main-section .reg-form-block");
	var nextButton = multiButtonsForm.querySelector('.next-btn');

peterkarn / thortle.js

Last active November 15, 2021 08:15

	// //INIT LOGIN FORM
	const loginSelector = document.querySelector('.login-form-block');
	const loginFormObj = new LoginForm(loginSelector);
	new FieldEvents(loginSelector);

	// // INIT REGFORM
	const regformSelector = document.querySelector(".reg-form.top");
	const regform = new Regform(regformSelector, {
	hasMultiSteps: true,
	pagination: {

peterkarn / gist:a0ad72261c2e7ecb96e62bdf63479ffb

Created November 9, 2021 10:37

We couldn’t find that file to show.

peterkarn / animate-within-viewport.js

Created November 10, 2021 11:47