vektornsk

## rating-stars.css
.rating-stars {
			position: relative;
			display: inline-block;
			margin: 0 -1px;
		}
		.rating-stars label {
		}
		.rating-stars input {
			clip: rect(0px, 0px, 0px, 0px);
			position: absolute;

## animateNumber.js
/*
Анимируемое число

<div id="n1" data-max-number="481" data-seconds="5">0</div>
<div id="n2" data-max-number="158000" data-seconds="5">0</div>
<div id="n3" data-max-number="103000" data-seconds="5">0</div>
<div id="n4" data-max-number="1354" data-seconds="5">0</div>

<script>
	new AnimatedNumber(document.getElementById('n1'));

## package.json
{
  "name": "",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "enzyme": "^3.1.1",
    "enzyme-adapter-react-16": "^1.0.4",
    "node-sass-chokidar": "0.0.3",
    "npm-run-all": "^4.1.2",
    "react": "^16.1.0",

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>

## demo.js
contactsMap.points = [{"id":"10142","rayonId":44,"address":"630084,  г. Новосибирск, ул. Авиастроителей, д.13","phone":"+7 (383) 347-65-38","email":"allavia@centralnoe.ru","worktime":"Пн-пт: с 9 до 19; сб: с 10 до 16","geo":[55.073311028853,82.973848992065]},{"id":"10143","rayonId":40,"address":"630090 г. Новосибирск, ул. Морской Проспект, д. 38","phone":"+7 (383) 347-65-44","email":"allmorskoy@centralnoe.ru","worktime":"Пн-пт: с 9 до 19; сб: с 10 до 16","geo":[54.837557165705,83.102747330688]},{"id":"10144","rayonId":43,"address":"г. Бердск, ул. Ленина, 33","phone":"+7 (383) 347-65-30","email":"allberdsk@centralnoe.ru","worktime":"Пн-пт: с 9 до 19; сб: с 10 до 16","geo":[54.762008047454,83.100302007935]}];
contactsMap.init();

## jquery.disDdText.js

function ddtext()
{
	$('.ddtext').not('[data-init]').each(function(){
		var $this = $(this);
		var $container = $('.ddtext__content', $this);
		var name_show = $this.attr('data-name-show');
		var name_hide = $this.attr('data-name-hide');

		if($container.height() > $this.height())

## mobile.js
// Определяем тач устройство
    function hasTouch()
    {
        $('body').addClass('mobile');
        console.log("hasTouch");
    }
    if(window.matchMedia('(pointer: coarse)').matches)
    {
        hasTouch();
    }

## tabs.js
// Вкладки
$(document).delegate('.js__tabs [data-button]', 'click', function(e){
    e.preventDefault();
    var $cotainer = $(this).closest('.js__tabs');
    var index = $(this).data('button');

    $('[data-button]', $cotainer).removeClass('active');
    $('[data-button=' + index + ']', $cotainer).addClass('active');
    $('[data-tab]', $cotainer).removeClass('active');
    $('[data-tab=' + index + ']', $cotainer).addClass('active');

## scroll.js
// data-anchor = "#id" - элемент
// data-anchor-offset - отступ

$(document).delegate('[data-anchor]', 'click', function(event){
  event.preventDefault();
  var offset = 0;
  if ($(this).attr('data-anchor-offset')) {
    offset = $(this).attr('data-anchor-offset');
  }

## index.html
<canvas id="canvas"></canvas>
	.rating-stars {
	position: relative;
	display: inline-block;
	margin: 0 -1px;
	}
	.rating-stars label {
	}
	.rating-stars input {
	clip: rect(0px, 0px, 0px, 0px);
	position: absolute;
	/*
	Анимируемое число

	<div id="n1" data-max-number="481" data-seconds="5">0</div>
	<div id="n2" data-max-number="158000" data-seconds="5">0</div>
	<div id="n3" data-max-number="103000" data-seconds="5">0</div>
	<div id="n4" data-max-number="1354" data-seconds="5">0</div>

	<script>
	new AnimatedNumber(document.getElementById('n1'));
	{
	"name": "",
	"version": "0.1.0",
	"private": true,
	"dependencies": {
	"enzyme": "^3.1.1",
	"enzyme-adapter-react-16": "^1.0.4",
	"node-sass-chokidar": "0.0.3",
	"npm-run-all": "^4.1.2",
	"react": "^16.1.0",
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<link rel="stylesheet" href="style.css">
	</head>
	<body>

	function ddtext()
	{
	$('.ddtext').not('[data-init]').each(function(){
	var $this = $(this);
	var $container = $('.ddtext__content', $this);
	var name_show = $this.attr('data-name-show');
	var name_hide = $this.attr('data-name-hide');

	if($container.height() > $this.height())
	// Определяем тач устройство
	function hasTouch()
	{
	$('body').addClass('mobile');
	console.log("hasTouch");
	}
	if(window.matchMedia('(pointer: coarse)').matches)
	{
	hasTouch();
	}
	// Вкладки
	$(document).delegate('.js__tabs [data-button]', 'click', function(e){
	e.preventDefault();
	var $cotainer = $(this).closest('.js__tabs');
	var index = $(this).data('button');

	$('[data-button]', $cotainer).removeClass('active');
	$('[data-button=' + index + ']', $cotainer).addClass('active');
	$('[data-tab]', $cotainer).removeClass('active');
	$('[data-tab=' + index + ']', $cotainer).addClass('active');
	// data-anchor = "#id" - элемент
	// data-anchor-offset - отступ

	$(document).delegate('[data-anchor]', 'click', function(event){
	event.preventDefault();
	var offset = 0;
	if ($(this).attr('data-anchor-offset')) {
	offset = $(this).attr('data-anchor-offset');
	}