Loiree’s gists

Loiree / slider.ejs

Last active August 13, 2017 09:12

Slider 3: влево-вправо и точки

	<div class="slider">
	<div class="slides">
	<div class="slide">
	<p>слайд 1</p>
	</div>
	<div class="slide" style="background: #eee">
	<p>слайд 2</p>
	</div>
	<div class="slide">
	<p>слайд 3</p>

Loiree / slider-zoom.ejs

Last active September 9, 2017 10:18

Slider 3: с эффектом масштабирования

	//- Example: https://jsfiddle.net/8tfrwnyo/4/

	<div class="slider">
	<div class="slides">
	<div class="slide">
	<div class="slide-bg" style="background-image: url(http://loststore.ru/pc_games/watch-dogs-2/1.jpg)">
	<p>Слайд 1</p>
	</div>
	<div class="slide-bg" style="background-image: url(http://loststore.ru/pc_games/watch-dogs-2/2.jpg)">
	<p>Слайд 2</p>

Loiree / file-uploader.jade

Last active February 15, 2017 20:19

Загрузка на сервер одного файла

	form(action="file_upload" method="POST" enctype="multipart/form-data")
	input(type="file" name="file")
	button Отправить

Loiree / colors.styl

Created February 17, 2017 19:20

Init-файл для Stylus

Loiree / tabs.jade

Last active February 24, 2017 06:26

Tabs

	//- Example: https://jsfiddle.net/f0nfnLe1/1/

	.tabs
	ul.tabs-controls
	li.active First
	li Second
	li Third
	li Fourth
	ul.tabs-content
	li.active

Loiree / accordion.jade

Created February 24, 2017 07:19

	//- Example not working in JSFiddle: https://jsfiddle.net/hjzkye9f/3/
	//- тег .accordion необязателен
	//- после тега .accordion-but обязательно должен идти .accordion-content
	//- в .accordion-content обязательно должен быть .accordion-inner, так как из него берется высота

	.accordion
	.accordion-but First
	.accordion-content
	.accordion-inner
	p Content 1

Loiree / modal.ejs

Last active April 1, 2017 11:42

Modal v1.0

Loiree / mail.js

Created March 2, 2017 01:52

Отправка почты

	// Подключение:
	// mail = require('modules/mail').mail,
	//-------------------------------------------
	// Использование:
	// mail(subject, mess, recipient, sender);
	//-------------------------------------------
	// Отправляем письмо на почту recipient от отправителя sender
	// Если recipient не указан, отправляем письмо на почту, указанную в config
	//-------------------------------------------

Loiree / counter.ejs

Created April 1, 2017 13:12

Counter — увеличивает число в выбранном объекте от заданного до нужного с анимацией

	<button onclick="ev.emit('counter:set', {obj: document.getElementsByClassName('counter')[0], countCur: 400, countNext: 700} )">Увеличить с 400 до 700</button>
	<button onclick="ev.emit('counter:set', {obj: document.getElementsByClassName('counter')[0], countCur: 700, countNext: 400} )">Уменьшить с 700 до 400</button>

	<div class="counter">400</div>

Loiree / wysiwyg.html

Last active August 13, 2017 09:23

Editor: simple WYSIWYG-editor

	<!-- EXAMPLE: https://jsfiddle.net/ukjxhjv2/3/ -->

	<div class="editor">
	<ul class="editor-toolbar">
	<li data-editor="bold" title="Жирный">
	<%- include('../../dist/svg/editor-bold.svg'); %>
	</li><!--
	--><li data-editor="italic" title="Курсив">
	<%- include('../../dist/svg/editor-italic.svg'); %>
	</li><!--

	<!--Кнопки, вызывающие нужное окно-->
	<button class="modal-but" data-modal="1">Открыть окно 1</button>
	<button class="modal-but" data-modal="2">Открыть окно 2</button>

	<!--Модальные окна-->
	<!--Первое окно на странице используется для вывода ответа сервера-->
	<div class="modal" data-modal="1">
	<p>Здесь будет ответ от сервера</p>
	</div>

Maks Loiree