Igor Alexeenko o0

## modules-example.js
// get All forms
const filtersForms = document.querySelectorAll(`.filter-form`);

// Create all filters
const filterByType = (type, arr) => arr.filter((car) => car.characteristics.type === type || type === `car-type-any`);
const filterByPower = (power, arr) => arr.filter((car) => car.characteristics.power >= +power || power === `power-all`);
const filterByFuel = (fuel, arr) => arr.filter((car) => car.characteristics.engine === fuel || fuel === `fuel-all`);
const filterByPrice = (price, arr) => arr.filter((car) => car.minPrice >= price);
const filterByClass = (carClass, arr) => arr.filter((car) => car.class === carClass);

## bitset-example.js
const addState = (initialState, newState) => {
  return initialState | newState;
};

const removeState = (initialState, stateToRemove) => {
  return ~initialState & stateToRemove;
};

const hasState = (initialState, stateToCheck) => {
  return Boolean(initialState & stateToCheck);

## 08-accordion-styles.css
.Accordion-trigger {
  border: 0;
  background: 0;
  font: inherit;
}

.Accordion-trigger:focus {
  box-shadow: 0 0 10px rgba(255, 128, 0, 0.5);
  outline: 0;
}

## 07-accordion-based-markdown.html
<html lang="ru" class="page">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./main.css">
  <link rel="stylesheet" href="./accordion.css">
  <meta property="og:type" content="website">
  <meta property="og:title" content="OneBootcamp">
  <meta property="og:site_name" content="Онлайн-буткемп по веб-разработке">
  <meta property="og:site_url" content="https://onebootcamp.typeform.com/to/KqN0Ak">

## 06-scroll-background.js
let sectionToAnimate = document.querySelector('.section_special');

window.addEventListener('scroll', function() {
  sectionToAnimate.style.backgroundPosition = `-${document.body.scrollTop}px 0`;
});

## 05-main-styles.css
/* Main content */
.section {
  padding: 10px 30px;
}

.section_special {
  background: repeating-linear-gradient(
    -55deg,
    #fff,
    #fff 20px,

## 1.5-page-classes.html
<html lang="ru" class="page">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./main.css">
  <meta property="og:type" content="website">
  <meta property="og:title" content="OneBootcamp">
  <meta property="og:site_name" content="Онлайн-буткемп по веб-разработке">
  <meta property="og:site_url" content="https://onebootcamp.typeform.com/to/KqN0Ak">
  <title>OneBootcamp</title>

## 04-footer-styles.css
/* Footer */
.footer {
  border-top: solid 1px #eee;
  color: #999;
  padding: 5px 20px;
}

.footer a:link {
  color: #666;
}

## 03-header-styles.css
/* Header */
.header {
  border-bottom: solid 1px #eee;
  padding: 30px;
}

.logo {
  display: grid;
  grid-template-columns: min-content 1fr;
}

## 02-page-styles.css
.page {
  font: 18px sans-serif;
}

.page__body {
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 128, 99, 0.5);
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 600px;
	// get All forms
	const filtersForms = document.querySelectorAll(`.filter-form`);

	// Create all filters
	const filterByType = (type, arr) => arr.filter((car) => car.characteristics.type === type \|\| type === `car-type-any`);
	const filterByPower = (power, arr) => arr.filter((car) => car.characteristics.power >= +power \|\| power === `power-all`);
	const filterByFuel = (fuel, arr) => arr.filter((car) => car.characteristics.engine === fuel \|\| fuel === `fuel-all`);
	const filterByPrice = (price, arr) => arr.filter((car) => car.minPrice >= price);
	const filterByClass = (carClass, arr) => arr.filter((car) => car.class === carClass);
	const addState = (initialState, newState) => {
	return initialState \| newState;
	};

	const removeState = (initialState, stateToRemove) => {
	return ~initialState & stateToRemove;
	};

	const hasState = (initialState, stateToCheck) => {
	return Boolean(initialState & stateToCheck);
	.Accordion-trigger {
	border: 0;
	background: 0;
	font: inherit;
	}

	.Accordion-trigger:focus {
	box-shadow: 0 0 10px rgba(255, 128, 0, 0.5);
	outline: 0;
	}
	<html lang="ru" class="page">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="./main.css">
	<link rel="stylesheet" href="./accordion.css">
	<meta property="og:type" content="website">
	<meta property="og:title" content="OneBootcamp">
	<meta property="og:site_name" content="Онлайн-буткемп по веб-разработке">
	<meta property="og:site_url" content="https://onebootcamp.typeform.com/to/KqN0Ak">
	let sectionToAnimate = document.querySelector('.section_special');

	window.addEventListener('scroll', function() {
	sectionToAnimate.style.backgroundPosition = `-${document.body.scrollTop}px 0`;
	});
	/* Main content */
	.section {
	padding: 10px 30px;
	}

	.section_special {
	background: repeating-linear-gradient(
	-55deg,
	#fff,
	#fff 20px,
	.page {
	font: 18px sans-serif;
	}

	.page__body {
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 128, 99, 0.5);
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 600px;