diff --git a/gulpfile.js b/gulpfile.js
index 54b0c25..19f0378 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -6,7 +6,7 @@ gulp.task('css', require('./tasks/css'));
gulp.task('js', require('./tasks/js'));
gulp.task('i18n', require('./tasks/i18n'));
gulp.task('cssPage', require('./tasks/cssPage'));
-
+gulp.task('jade', require('./tasks/jade'));
gulp.task('watch', function () {
@@ -23,6 +23,10 @@ gulp.task('watch', function () {
gulp.watch('page/sass/*.scss', ['cssPage']).on('change', function (file) {
livereload.changed(file)
});
+
+ gulp.watch('page/jade/**/*.jade', ['jade']).on('change', function (file) {
+ livereload.changed(file)
+ });
});
diff --git a/index-ru.html b/index-ru.html
new file mode 100644
index 0000000..5bae19b
--- /dev/null
+++ b/index-ru.html
@@ -0,0 +1,48 @@
+
+
+
+ Air Datepicker
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/index.html b/index.html
deleted file mode 100644
index 8c69dbf..0000000
--- a/index.html
+++ /dev/null
@@ -1,67 +0,0 @@
-
-
-
-
- Datepicker
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/package.json b/package.json
index 6caf737..95c5e0e 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,7 @@
"gulp": "^3.9.0",
"gulp-clone": "^1.0.0",
"gulp-concat": "^2.6.0",
+ "gulp-jade": "^1.1.0",
"gulp-livereload": "^3.8.0",
"gulp-minify-css": "^1.2.1",
"gulp-postcss": "^6.0.1",
diff --git a/page/jade/layout.jade b/page/jade/layout.jade
new file mode 100644
index 0000000..338fd44
--- /dev/null
+++ b/page/jade/layout.jade
@@ -0,0 +1,22 @@
+include mixins/example
+include mixins/example-content
+include mixins/example-code
+include mixins/example-inline
+include mixins/param
+
+doctype html
+html
+ head
+ title Air Datepicker
+ meta(charset='UTF-8')
+ link(href='page/css/style.css', rel='stylesheet', type='text/css')
+ link(href='dist/css/datepicker.min.css', rel='stylesheet', type='text/css')
+ script(src='vendor/jquery/dist/jquery.min.js')
+ script(src='dist/js/datepicker.min.js')
+ script(src='dist/js/i18n/datepicker.en.js')
+ body
+ div.wrapper
+ main.main(role='main')
+ .container
+ block content
+
diff --git a/page/jade/mixins/example-code.jade b/page/jade/mixins/example-code.jade
new file mode 100644
index 0000000..784e50e
--- /dev/null
+++ b/page/jade/mixins/example-code.jade
@@ -0,0 +1,4 @@
+mixin example-code(cl)
+ pre.example-code
+ code(class=cl)
+ block
\ No newline at end of file
diff --git a/page/jade/mixins/example-content.jade b/page/jade/mixins/example-content.jade
new file mode 100644
index 0000000..35be5d4
--- /dev/null
+++ b/page/jade/mixins/example-content.jade
@@ -0,0 +1,3 @@
+mixin example-content()
+ .example-content
+ block
\ No newline at end of file
diff --git a/page/jade/mixins/example-inline.jade b/page/jade/mixins/example-inline.jade
new file mode 100644
index 0000000..b197abe
--- /dev/null
+++ b/page/jade/mixins/example-inline.jade
@@ -0,0 +1,4 @@
+mixin example-inline(content, type)
+ span.example-inline
+ code(class= type).
+ !{content}
\ No newline at end of file
diff --git a/page/jade/mixins/example.jade b/page/jade/mixins/example.jade
new file mode 100644
index 0000000..a196419
--- /dev/null
+++ b/page/jade/mixins/example.jade
@@ -0,0 +1,4 @@
+mixin example()
+ .example
+ .example--label Пример
+ block
\ No newline at end of file
diff --git a/page/jade/mixins/param.jade b/page/jade/mixins/param.jade
new file mode 100644
index 0000000..c644110
--- /dev/null
+++ b/page/jade/mixins/param.jade
@@ -0,0 +1,5 @@
+mixin param(content, type)
+ span.param
+ strong= content
+ if type
+ i= type
diff --git a/page/jade/pages/index-ru.jade b/page/jade/pages/index-ru.jade
new file mode 100644
index 0000000..70cad2b
--- /dev/null
+++ b/page/jade/pages/index-ru.jade
@@ -0,0 +1,31 @@
+extends ../layout
+
+block content
+ input(type='text', name='start')
+ input(type='text', name='end')
+
+ script.
+ var $start = $('[name="start"]'),
+ $end = $('[name="end"]').hide();
+
+ $start.datepicker({
+ inline: true,
+ onSelect: function (format, date) {
+ $end.data('datepicker')
+ .update('minDate', date)
+ }
+ }).data('datepicker').show()
+
+ $end.datepicker({
+ position: 'right top',
+ onSelect: function (format, date) {
+ $start.data('datepicker')
+ .update('maxDate', date)
+ }
+ })
+
+ $('button').on('click', function () {
+ $start.data('datepicker').update({
+ language: 'en'
+ })
+ });
diff --git a/tasks/jade.js b/tasks/jade.js
new file mode 100644
index 0000000..0e64607
--- /dev/null
+++ b/tasks/jade.js
@@ -0,0 +1,8 @@
+var gulp = require('gulp'),
+ jade = require('gulp-jade');
+
+module.exports = function () {
+ gulp.src('page/jade/pages/*.jade')
+ .pipe(jade({pretty: true}))
+ .pipe(gulp.dest('./'))
+};