Update site and add introduction content

10998a67 · Valentin Hervieu · ac790b87 · 10998a67 · 10998a67 · 10998a67
Commit 10998a67 authored Jan 15, 2016 by Valentin Hervieu
7 changed files
--- a/demo.css
+++ b/demo.css
-* { margin: 0; padding: 0; }
-body { font-family: 'Open Sans', sans-serif; color: #1f2636; font-size: 14px; padding-bottom: 40px; }
-header { background: #0db9f0; color: #fff; margin: -40px; margin-bottom: 40px; text-align: center; padding: 40px 0; }
-h1 { font-weight: 300; }
-h2 {margin-bottom:10px;}
-.wrapper { background: #fff; padding: 40px; }
-article { margin-bottom: 10px; }
-.tab-pane{
-  padding-top: 10px;
+* {
+    margin: 0;
+    padding: 0;
 }
+
+body {
+    font-family: 'Open Sans', sans-serif;
+    color: #1f2636;
+    font-size: 14px;
+    padding-bottom: 40px;
+}
+
+header {
+    background: #0db9f0;
+    color: #fff;
+    margin: -40px;
+    margin-bottom: 40px;
+    text-align: center;
+    padding: 40px 0;
+}
+
+h1 {
+    font-weight: 300;
+}
+
+h2 {
+    margin-bottom: 10px;
+}
+
+.wrapper {
+    background: #fff;
+    padding: 40px;
+}
+
+article {
+    margin-bottom: 10px;
+}
+
+.introduction ul{
+    margin-left:40px;
+}
+
+.tab-pane {
+    padding-top: 10px;
+}
+
 .field-title {
-  width: 100px;
+    width: 100px;
 }

 .vertical-sliders {
-  margin: 0;
+    margin: 0;
 }
+
 .vertical-sliders > div {
-  height: 250px;
+    height: 250px;
 }
--- a/dist/rzslider.css
+++ b/dist/rzslider.css
+/*! angularjs-slider - v2.4.1 - 
+ (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> - 
+ https://github.com/angular-slider/angularjs-slider - 
+ 2016-01-15 */
+rzslider {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: 4px;
+  margin: 35px 0 15px 0;
+  vertical-align: middle;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+rzslider[disabled] {
+  cursor: not-allowed;
+}
+
+rzslider[disabled] .rz-pointer {
+  cursor: not-allowed;
+  background-color: #d8e0f3;
+}
+
+rzslider span {
+  position: absolute;
+  display: inline-block;
+  white-space: nowrap;
+}
+
+rzslider .rz-base {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+}
+
+rzslider .rz-bar-wrapper {
+  left: 0;
+  z-index: 1;
+  width: 100%;
+  height: 32px;
+  padding-top: 16px;
+  margin-top: -16px;
+  box-sizing: border-box;
+}
+
+rzslider .rz-bar-wrapper.rz-draggable {
+  cursor: move;
+}
+
+rzslider .rz-bar {
+  left: 0;
+  z-index: 1;
+  width: 100%;
+  height: 4px;
+  background: #d8e0f3;
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+}
+
+rzslider .rz-bar.rz-selection {
+  z-index: 2;
+  background: #0db9f0;
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+}
+
+rzslider .rz-pointer {
+  top: -14px;
+  z-index: 3;
+  width: 32px;
+  height: 32px;
+  cursor: pointer;
+  background-color: #0db9f0;
+  -webkit-border-radius: 16px;
+     -moz-border-radius: 16px;
+          border-radius: 16px;
+}
+
+rzslider .rz-pointer:after {
+  position: absolute;
+  top: 12px;
+  left: 12px;
+  width: 8px;
+  height: 8px;
+  background: #ffffff;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  content: '';
+}
+
+rzslider .rz-pointer:hover:after {
+  background-color: #ffffff;
+}
+
+rzslider .rz-pointer.rz-active:after {
+  background-color: #451aff;
+}
+
+rzslider .rz-bubble {
+  bottom: 16px;
+  padding: 1px 3px;
+  color: #55637d;
+  cursor: default;
+}
+
+rzslider .rz-bubble.rz-selection {
+  top: 16px;
+}
+
+rzslider .rz-bubble.rz-limit {
+  color: #55637d;
+}
+
+rzslider .rz-ticks {
+  position: absolute;
+  top: -3px;
+  left: 0;
+  z-index: 1;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  height: 0;
+  padding: 0 11px;
+  margin: 0;
+  list-style: none;
+  box-sizing: border-box;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+rzslider .rz-ticks .tick {
+  width: 10px;
+  height: 10px;
+  text-align: center;
+  cursor: pointer;
+  background: #d8e0f3;
+  border-radius: 50%;
+}
+
+rzslider .rz-ticks .tick.selected {
+  background: #0db9f0;
+}
+
+rzslider .rz-ticks .tick .tick-value {
+  position: absolute;
+  top: -30px;
+  transform: translate(-50%, 0);
+}
+
+rzslider.vertical {
+  position: relative;
+  width: 4px;
+  height: 100%;
+  padding: 0;
+  margin: 0 20px;
+  vertical-align: baseline;
+}
+
+rzslider.vertical .rz-base {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+}
+
+rzslider.vertical .rz-bar-wrapper {
+  top: auto;
+  left: 0;
+  width: 32px;
+  height: 100%;
+  padding: 0 0 0 16px;
+  margin: 0 0 0 -16px;
+}
+
+rzslider.vertical .rz-bar {
+  bottom: 0;
+  left: auto;
+  width: 4px;
+  height: 100%;
+}
+
+rzslider.vertical .rz-pointer {
+  top: auto;
+  bottom: 0;
+  left: -14px !important;
+}
+
+rzslider.vertical .rz-bubble {
+  bottom: 0;
+  left: 16px !important;
+  margin-left: 3px;
+}
+
+rzslider.vertical .rz-bubble.rz-selection {
+  top: auto;
+  left: 16px !important;
+}
+
+rzslider.vertical .rz-ticks {
+  top: 0;
+  left: -3px;
+  z-index: 1;
+  width: 0;
+  height: 100%;
+  padding: 11px 0;
+  -webkit-flex-direction: column-reverse;
+      -ms-flex-direction: column-reverse;
+          flex-direction: column-reverse;
+}
+
+rzslider.vertical .rz-ticks .tick {
+  vertical-align: middle;
+}
+
+rzslider.vertical .rz-ticks .tick .tick-value {
+  top: auto;
+  right: -30px;
+  transform: translate(0, -28%);
+}
\ No newline at end of file
--- a/dist/rzslider.js
+++ b/dist/rzslider.js
--- a/index.html
+++ b/index.html
--- a/rzslider.css
+++ b/rzslider.css
-/**
- * Angular JS slider directive
- *
- * (c) Rafal Zajac <rzajac@gmail.com>
- * http://github.com/rzajac/angularjs-slider
- *
- * Licensed under the MIT license
- */
-
-/* Slider colors */
-
-/* Slider size parameters */
-
-rzslider {
-  position: relative;
-  display: inline-block;
-  width: 100%;
-  height: 4px;
-  margin: 30px 0 15px 0;
-  vertical-align: middle;
-}
-
-rzslider span {
-  position: absolute;
-  display: inline-block;
-  white-space: nowrap;
-}
-
-rzslider span.rz-base {
-  width: 100%;
-  height: 100%;
-  padding: 0;
-}
-
-rzslider span.rz-bar {
-  z-index: 0;
-  width: 100%;
-  height: 100%;
-  background: #d8e0f3;
-  -webkit-border-radius: 2px;
-     -moz-border-radius: 2px;
-          border-radius: 2px;
-}
-
-rzslider span.rz-bar.rz-selection {
-  z-index: 1;
-  width: 0;
-  background: #0db9f0;
-  -webkit-border-radius: 2px;
-     -moz-border-radius: 2px;
-          border-radius: 2px;
-}
-
-rzslider span.rz-pointer {
-  top: -14px;
-  z-index: 2;
-  width: 32px;
-  height: 32px;
-  cursor: pointer;
-  background-color: #0db9f0;
-  -webkit-border-radius: 16px;
-     -moz-border-radius: 16px;
-          border-radius: 16px;
-}
-
-rzslider span.rz-pointer:after {
-  position: absolute;
-  top: 12px;
-  left: 12px;
-  width: 8px;
-  height: 8px;
-  background: #ffffff;
-  -webkit-border-radius: 4px;
-     -moz-border-radius: 4px;
-          border-radius: 4px;
-  content: '';
-}
-
-rzslider span.rz-pointer:hover:after {
-  background-color: #ffffff;
-}
-
-rzslider span.rz-pointer.rz-active:after {
-  background-color: #451aff;
-}
-
-rzslider span.rz-bubble {
-  top: -32px;
-  padding: 1px 3px;
-  color: #55637d;
-  cursor: default;
-}
-
-rzslider span.rz-bubble.rz-selection {
-  top: 16px;
-}
-
-rzslider span.rz-bubble.rz-limit {
-  color: #55637d;
-}
\ No newline at end of file
--- a/rzslider.js
+++ b/rzslider.js
--- a/update.sh
+++ b/update.sh
@@ -6,7 +6,7 @@ git checkout master -- .gitignore
 git checkout master -- dist/rzslider.css
 git checkout master -- dist/rzslider.js

-#mv demo/* ./
+mv dist/* ./

 # cp bower_components/angular/angular.min.js angular.min.js