jinql
/
gentelella
mirror of https://github.com/ColorlibHQ/gentelella
1
0
Fork 0
Code Issues Releases Wiki Activity

Code consistency

pull/54/head
Aigars Silkalns 2016-03-06 22:53:42 +02:00
parent 0d2f865adb
commit 55185e03b1
35 changed files with 27770 additions and 27662 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
production/chartjs.html
View File

@ -538,7 +538,6 @@
<script src="js/pace/pace.min.js"></script> <script src="js/pace/pace.min.js"></script>
<script> <script>
Chart.defaults.global.legend = { Chart.defaults.global.legend = {
enabled: false enabled: false
}; };
@ -549,8 +548,7 @@
type: 'line', type: 'line',
data: { data: {
labels: ["January", "February", "March", "April", "May", "June", "July"], labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [ datasets: [{
{
label: "My First dataset", label: "My First dataset",
backgroundColor: "rgba(38, 185, 154, 0.31)", backgroundColor: "rgba(38, 185, 154, 0.31)",
borderColor: "rgba(38, 185, 154, 0.7)", borderColor: "rgba(38, 185, 154, 0.7)",
@ -560,8 +558,7 @@
pointHoverBorderColor: "rgba(220,220,220,1)", pointHoverBorderColor: "rgba(220,220,220,1)",
pointBorderWidth: 1, pointBorderWidth: 1,
data: [31, 74, 6, 39, 20, 85, 7] data: [31, 74, 6, 39, 20, 85, 7]
}, }, {
{
label: "My Second dataset", label: "My Second dataset",
backgroundColor: "rgba(3, 88, 106, 0.3)", backgroundColor: "rgba(3, 88, 106, 0.3)",
borderColor: "rgba(3, 88, 106, 0.70)", borderColor: "rgba(3, 88, 106, 0.70)",
@ -581,13 +578,11 @@
type: 'bar', type: 'bar',
data: { data: {
labels: ["January", "February", "March", "April", "May", "June", "July"], labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [ datasets: [{
{
label: '# of Votes', label: '# of Votes',
backgroundColor: "#26B99A", backgroundColor: "#26B99A",
data: [51, 30, 40, 28, 92, 50, 45] data: [51, 30, 40, 28, 92, 50, 45]
}, }, {
{
label: '# of Votes', label: '# of Votes',
backgroundColor: "#03586A", backgroundColor: "#03586A",
data: [41, 56, 25, 48, 72, 34, 12] data: [41, 56, 25, 48, 72, 34, 12]
@ -615,8 +610,7 @@
"Green Color", "Green Color",
"Blue Color" "Blue Color"
], ],
datasets: [ datasets: [{
{
data: [120, 50, 140, 180, 100], data: [120, 50, 140, 180, 100],
backgroundColor: [ backgroundColor: [
"#455C73", "#455C73",
@ -646,8 +640,7 @@
var ctx = document.getElementById("canvasRadar"); var ctx = document.getElementById("canvasRadar");
var data = { var data = {
labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"], labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
datasets: [ datasets: [{
{
label: "My First dataset", label: "My First dataset",
backgroundColor: "rgba(3, 88, 106, 0.2)", backgroundColor: "rgba(3, 88, 106, 0.2)",
borderColor: "rgba(3, 88, 106, 0.80)", borderColor: "rgba(3, 88, 106, 0.80)",
@ -656,8 +649,7 @@
pointHoverBackgroundColor: "#fff", pointHoverBackgroundColor: "#fff",
pointHoverBorderColor: "rgba(220,220,220,1)", pointHoverBorderColor: "rgba(220,220,220,1)",
data: [65, 59, 90, 81, 56, 55, 40] data: [65, 59, 90, 81, 56, 55, 40]
}, }, {
{
label: "My Second dataset", label: "My Second dataset",
backgroundColor: "rgba(38, 185, 154, 0.2)", backgroundColor: "rgba(38, 185, 154, 0.2)",
borderColor: "rgba(38, 185, 154, 0.85)", borderColor: "rgba(38, 185, 154, 0.85)",
@ -666,8 +658,7 @@
pointHighlightFill: "#fff", pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(151,187,205,1)", pointHighlightStroke: "rgba(151,187,205,1)",
data: [28, 48, 40, 19, 96, 27, 100] data: [28, 48, 40, 19, 96, 27, 100]
} }]
]
}; };
var canvasRadar = new Chart(ctx, { var canvasRadar = new Chart(ctx, {
@ -740,7 +731,6 @@
} }
} }
}); });
</script> </script>
</body> </body>

29
production/chartjs2.html
View File

@ -495,7 +495,8 @@
</div> </div>
</div> </div>
<div class="clearfix"></div><br /> <div class="clearfix"></div>
<br />
</div> </div>
<!-- footer content --> <!-- footer content -->
@ -532,7 +533,6 @@
<script> <script>
Chart.defaults.global.legend = { Chart.defaults.global.legend = {
enabled: false enabled: false
}; };
@ -543,8 +543,7 @@
type: 'line', type: 'line',
data: { data: {
labels: ["January", "February", "March", "April", "May", "June", "July"], labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [ datasets: [{
{
label: "My First dataset", label: "My First dataset",
backgroundColor: "rgba(38, 185, 154, 0.31)", backgroundColor: "rgba(38, 185, 154, 0.31)",
borderColor: "rgba(38, 185, 154, 0.7)", borderColor: "rgba(38, 185, 154, 0.7)",
@ -554,8 +553,7 @@
pointHoverBorderColor: "rgba(220,220,220,1)", pointHoverBorderColor: "rgba(220,220,220,1)",
pointBorderWidth: 1, pointBorderWidth: 1,
data: [31, 74, 6, 39, 20, 85, 7] data: [31, 74, 6, 39, 20, 85, 7]
}, }, {
{
label: "My Second dataset", label: "My Second dataset",
backgroundColor: "rgba(3, 88, 106, 0.3)", backgroundColor: "rgba(3, 88, 106, 0.3)",
borderColor: "rgba(3, 88, 106, 0.70)", borderColor: "rgba(3, 88, 106, 0.70)",
@ -575,13 +573,11 @@
type: 'bar', type: 'bar',
data: { data: {
labels: ["January", "February", "March", "April", "May", "June", "July"], labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [ datasets: [{
{
label: '# of Votes', label: '# of Votes',
backgroundColor: "#26B99A", backgroundColor: "#26B99A",
data: [51, 30, 40, 28, 92, 50, 45] data: [51, 30, 40, 28, 92, 50, 45]
}, }, {
{
label: '# of Votes', label: '# of Votes',
backgroundColor: "#03586A", backgroundColor: "#03586A",
data: [41, 56, 25, 48, 72, 34, 12] data: [41, 56, 25, 48, 72, 34, 12]
@ -609,8 +605,7 @@
"Green Color", "Green Color",
"Blue Color" "Blue Color"
], ],
datasets: [ datasets: [{
{
data: [120, 50, 140, 180, 100], data: [120, 50, 140, 180, 100],
backgroundColor: [ backgroundColor: [
"#455C73", "#455C73",
@ -640,8 +635,7 @@
var ctx = document.getElementById("canvasRadar"); var ctx = document.getElementById("canvasRadar");
var data = { var data = {
labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"], labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
datasets: [ datasets: [{
{
label: "My First dataset", label: "My First dataset",
backgroundColor: "rgba(3, 88, 106, 0.2)", backgroundColor: "rgba(3, 88, 106, 0.2)",
borderColor: "rgba(3, 88, 106, 0.80)", borderColor: "rgba(3, 88, 106, 0.80)",
@ -650,8 +644,7 @@
pointHoverBackgroundColor: "#fff", pointHoverBackgroundColor: "#fff",
pointHoverBorderColor: "rgba(220,220,220,1)", pointHoverBorderColor: "rgba(220,220,220,1)",
data: [65, 59, 90, 81, 56, 55, 40] data: [65, 59, 90, 81, 56, 55, 40]
}, }, {
{
label: "My Second dataset", label: "My Second dataset",
backgroundColor: "rgba(38, 185, 154, 0.2)", backgroundColor: "rgba(38, 185, 154, 0.2)",
borderColor: "rgba(38, 185, 154, 0.85)", borderColor: "rgba(38, 185, 154, 0.85)",
@ -660,8 +653,7 @@
pointHighlightFill: "#fff", pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(151,187,205,1)", pointHighlightStroke: "rgba(151,187,205,1)",
data: [28, 48, 40, 19, 96, 27, 100] data: [28, 48, 40, 19, 96, 27, 100]
} }]
]
}; };
var canvasRadar = new Chart(ctx, { var canvasRadar = new Chart(ctx, {
@ -734,7 +726,6 @@
} }
} }
}); });
</script> </script>
</body> </body>

9
production/e_commerce.html
View File

@ -474,13 +474,16 @@
</ul> </ul>
<div id="myTabContent" class="tab-content"> <div id="myTabContent" class="tab-content">
<div role="tabpanel" class="tab-pane fade active in" id="tab_content1" aria-labelledby="home-tab"> <div role="tabpanel" class="tab-pane fade active in" id="tab_content1" aria-labelledby="home-tab">
<p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terr.</p> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher
synth. Cosby sweater eu banh mi, qui irure terr.</p>
</div> </div>
<div role="tabpanel" class="tab-pane fade" id="tab_content2" aria-labelledby="profile-tab"> <div role="tabpanel" class="tab-pane fade" id="tab_content2" aria-labelledby="profile-tab">
<p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip</p> <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo
booth letterpress, commodo enim craft beer mlkshk aliquip</p>
</div> </div>
<div role="tabpanel" class="tab-pane fade" id="tab_content3" aria-labelledby="profile-tab"> <div role="tabpanel" class="tab-pane fade" id="tab_content3" aria-labelledby="profile-tab">
<p>xxFood truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk </p> <p>xxFood truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui
photo booth letterpress, commodo enim craft beer mlkshk </p>
</div> </div>
</div> </div>
</div> </div>

1491
production/echarts.html
View File

File diff suppressed because it is too large Load Diff

38
production/empty.html
View File

@ -211,9 +211,25 @@
$(document).ready(function() { $(document).ready(function() {
// [17, 74, 6, 39, 20, 85, 7] // [17, 74, 6, 39, 20, 85, 7]
//[82, 23, 66, 9, 99, 6, 2] //[82, 23, 66, 9, 99, 6, 2]
var data1 = [[gd(2012, 1, 1), 17], [gd(2012, 1, 2), 74], [gd(2012, 1, 3), 6], [gd(2012, 1, 4), 39], [gd(2012, 1, 5), 20], [gd(2012, 1, 6), 85], [gd(2012, 1, 7), 7]]; var data1 = [
[gd(2012, 1, 1), 17],
[gd(2012, 1, 2), 74],
[gd(2012, 1, 3), 6],
[gd(2012, 1, 4), 39],
[gd(2012, 1, 5), 20],
[gd(2012, 1, 6), 85],
[gd(2012, 1, 7), 7]
];
var data2 = [[gd(2012, 1, 1), 82], [gd(2012, 1, 2), 23], [gd(2012, 1, 3), 66], [gd(2012, 1, 4), 9], [gd(2012, 1, 5), 119], [gd(2012, 1, 6), 6], [gd(2012, 1, 7), 9]]; var data2 = [
[gd(2012, 1, 1), 82],
[gd(2012, 1, 2), 23],
[gd(2012, 1, 3), 66],
[gd(2012, 1, 4), 9],
[gd(2012, 1, 5), 119],
[gd(2012, 1, 6), 6],
[gd(2012, 1, 7), 9]
];
$("#canvas_dahs").length && $.plot($("#canvas_dahs"), [ $("#canvas_dahs").length && $.plot($("#canvas_dahs"), [
data1, data2 data1, data2
], { ], {
@ -315,28 +331,22 @@
<!-- dashbord linegraph --> <!-- dashbord linegraph -->
<script> <script>
var doughnutData = [ var doughnutData = [{
{
value: 30, value: 30,
color: "#455C73" color: "#455C73"
}, }, {
{
value: 30, value: 30,
color: "#9B59B6" color: "#9B59B6"
}, }, {
{
value: 60, value: 60,
color: "#BDC3C7" color: "#BDC3C7"
}, }, {
{
value: 100, value: 100,
color: "#26B99A" color: "#26B99A"
}, }, {
{
value: 120, value: 120,
color: "#3498DB" color: "#3498DB"
} }];
];
var myDoughnut = new Chart(document.getElementById("canvas1").getContext("2d")).Doughnut(doughnutData); var myDoughnut = new Chart(document.getElementById("canvas1").getContext("2d")).Doughnut(doughnutData);
</script> </script>
<!-- /dashbord linegraph --> <!-- /dashbord linegraph -->

61
production/form_advanced.html
View File

@ -1453,7 +1453,9 @@
</div> </div>
</div> </div>
</div> </div>
</div><br /><br /> </div>
<br />
<br />
<!-- /form grid slider --> <!-- /form grid slider -->
<!-- image cropping --> <!-- image cropping -->
@ -1616,7 +1618,8 @@
</div> --> </div> -->
</div> </div>
</div> </div>
</div><!-- /.modal --> </div>
<!-- /.modal -->
<div class="btn-group"> <div class="btn-group">
<button class="btn btn-primary" data-method="getData" data-option="" data-target="#putData" type="button"> <button class="btn btn-primary" data-method="getData" data-option="" data-target="#putData" type="button">
@ -1659,7 +1662,8 @@
</button> </button>
<input class="form-control" id="putData" type="text" placeholder="Get data to here or set data with this value"> <input class="form-control" id="putData" type="text" placeholder="Get data to here or set data with this value">
</div><!-- /.docs-buttons --> </div>
<!-- /.docs-buttons -->
<div class="col-md-3 docs-toggles"> <div class="col-md-3 docs-toggles">
<!-- <h3 class="page-header">Toggles:</h3> --> <!-- <h3 class="page-header">Toggles:</h3> -->
@ -1704,99 +1708,86 @@
<ul class="dropdown-menu" role="menu" aria-labelledby="toggleOptions"> <ul class="dropdown-menu" role="menu" aria-labelledby="toggleOptions">
<li role="presentation"> <li role="presentation">
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="option" value="global" checked> <input type="checkbox" name="option" value="global" checked> global
global
</label> </label>
</li> </li>
<li role="presentation"> <li role="presentation">
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="option" value="responsive" checked> <input type="checkbox" name="option" value="responsive" checked> responsive
responsive
</label> </label>
</li> </li>
<li role="presentation"> <li role="presentation">
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="option" value="checkImageOrigin" checked> <input type="checkbox" name="option" value="checkImageOrigin" checked> checkImageOrigin
checkImageOrigin
</label> </label>
</li> </li>
<li role="presentation"> <li role="presentation">
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="option" value="modal" checked> <input type="checkbox" name="option" value="modal" checked> modal
modal
</label> </label>
</li> </li>
<li role="presentation"> <li role="presentation">
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="option" value="guides" checked> <input type="checkbox" name="option" value="guides" checked> guides
guides
</label> </label>
</li> </li>
<li role="presentation"> <li role="presentation">
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="option" value="highlight" checked> <input type="checkbox" name="option" value="highlight" checked> highlight
highlight
</label> </label>
</li> </li>
<li role="presentation"> <li role="presentation">
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="option" value="background" checked> <input type="checkbox" name="option" value="background" checked> background
background
</label> </label>
</li> </li>
<li role="presentation"> <li role="presentation">
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="option" value="autoCrop" checked> <input type="checkbox" name="option" value="autoCrop" checked> autoCrop
autoCrop
</label> </label>
</li> </li>
<li role="presentation"> <li role="presentation">
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="option" value="dragCrop" checked> <input type="checkbox" name="option" value="dragCrop" checked> dragCrop
dragCrop
</label> </label>
</li> </li>
<li role="presentation"> <li role="presentation">
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="option" value="movable" checked> <input type="checkbox" name="option" value="movable" checked> movable
movable
</label> </label>
</li> </li>
<li role="presentation"> <li role="presentation">
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="option" value="resizable" checked> <input type="checkbox" name="option" value="resizable" checked> resizable
resizable
</label> </label>
</li> </li>
<li role="presentation"> <li role="presentation">
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="option" value="rotatable" checked> <input type="checkbox" name="option" value="rotatable" checked> rotatable
rotatable
</label> </label>
</li> </li>
<li role="presentation"> <li role="presentation">
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="option" value="zoomable" checked> <input type="checkbox" name="option" value="zoomable" checked> zoomable
zoomable
</label> </label>
</li> </li>
<li role="presentation"> <li role="presentation">
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="option" value="touchDragZoom" checked> <input type="checkbox" name="option" value="touchDragZoom" checked> touchDragZoom
touchDragZoom
</label> </label>
</li> </li>
<li role="presentation"> <li role="presentation">
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="option" value="mouseWheelZoom" checked> <input type="checkbox" name="option" value="mouseWheelZoom" checked> mouseWheelZoom
mouseWheelZoom
</label> </label>
</li> </li>
</ul> </ul>
</div><!-- /.dropdown --> </div>
</div><!-- /.docs-toggles --> <!-- /.dropdown -->
</div>
<!-- /.docs-toggles -->
</div> </div>
</div> </div>
<!-- /image cropping --> <!-- /image cropping -->

51
production/form_wizards.html
View File

@ -455,30 +455,37 @@
<div id="step-2"> <div id="step-2">
<h2 class="StepTitle">Step 2 Content</h2> <h2 class="StepTitle">Step 2 Content</h2>
<p> <p>
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p> </p>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p> </p>
</div> </div>
<div id="step-3"> <div id="step-3">
<h2 class="StepTitle">Step 3 Content</h2> <h2 class="StepTitle">Step 3 Content</h2>
<p> <p>
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p> </p>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p> </p>
</div> </div>
<div id="step-4"> <div id="step-4">
<h2 class="StepTitle">Step 4 Content</h2> <h2 class="StepTitle">Step 4 Content</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p> </p>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p> </p>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p> </p>
</div> </div>
@ -566,38 +573,48 @@
</div> </div>
<div id="step-22"> <div id="step-22">
<h2 class="StepTitle">Step 2 Content</h2> <h2 class="StepTitle">Step 2 Content</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p> </p>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p> </p>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p> </p>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p> </p>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p> </p>
</div> </div>
<div id="step-33"> <div id="step-33">
<h2 class="StepTitle">Step 3 Content</h2> <h2 class="StepTitle">Step 3 Content</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p> </p>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p> </p>
</div> </div>
<div id="step-44"> <div id="step-44">
<h2 class="StepTitle">Step 4 Content</h2> <h2 class="StepTitle">Step 4 Content</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p> </p>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p> </p>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p> </p>
</div> </div>
</div> </div>

27
production/general_elements.html
View File

@ -374,13 +374,16 @@
</ul> </ul>
<div id="myTabContent" class="tab-content"> <div id="myTabContent" class="tab-content">
<div role="tabpanel" class="tab-pane fade active in" id="tab_content1" aria-labelledby="home-tab"> <div role="tabpanel" class="tab-pane fade active in" id="tab_content1" aria-labelledby="home-tab">
<p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terr.</p> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher
synth. Cosby sweater eu banh mi, qui irure terr.</p>
</div> </div>
<div role="tabpanel" class="tab-pane fade" id="tab_content2" aria-labelledby="profile-tab"> <div role="tabpanel" class="tab-pane fade" id="tab_content2" aria-labelledby="profile-tab">
<p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip</p> <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo
booth letterpress, commodo enim craft beer mlkshk aliquip</p>
</div> </div>
<div role="tabpanel" class="tab-pane fade" id="tab_content3" aria-labelledby="profile-tab"> <div role="tabpanel" class="tab-pane fade" id="tab_content3" aria-labelledby="profile-tab">
<p>xxFood truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk </p> <p>xxFood truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo
booth letterpress, commodo enim craft beer mlkshk </p>
</div> </div>
</div> </div>
</div> </div>
@ -424,13 +427,16 @@
</ul> </ul>
<div id="myTabContent2" class="tab-content"> <div id="myTabContent2" class="tab-content">
<div role="tabpanel" class="tab-pane fade active in" id="tab_content11" aria-labelledby="home-tab"> <div role="tabpanel" class="tab-pane fade active in" id="tab_content11" aria-labelledby="home-tab">
<p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terr.</p> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher
synth. Cosby sweater eu banh mi, qui irure terr.</p>
</div> </div>
<div role="tabpanel" class="tab-pane fade" id="tab_content22" aria-labelledby="profile-tab"> <div role="tabpanel" class="tab-pane fade" id="tab_content22" aria-labelledby="profile-tab">
<p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip</p> <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo
booth letterpress, commodo enim craft beer mlkshk aliquip</p>
</div> </div>
<div role="tabpanel" class="tab-pane fade" id="tab_content33" aria-labelledby="profile-tab"> <div role="tabpanel" class="tab-pane fade" id="tab_content33" aria-labelledby="profile-tab">
<p>xxFood truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk </p> <p>xxFood truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo
booth letterpress, commodo enim craft beer mlkshk </p>
</div> </div>
</div> </div>
</div> </div>
@ -483,7 +489,8 @@
<div class="tab-content"> <div class="tab-content">
<div class="tab-pane active" id="home"> <div class="tab-pane active" id="home">
<p class="lead">Home tab</p> <p class="lead">Home tab</p>
<p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terr.</p> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher
synth. Cosby sweater eu banh mi, qui irure terr.</p>
</div> </div>
<div class="tab-pane" id="profile">Profile Tab.</div> <div class="tab-pane" id="profile">Profile Tab.</div>
<div class="tab-pane" id="messages">Messages Tab.</div> <div class="tab-pane" id="messages">Messages Tab.</div>
@ -525,7 +532,8 @@
<div class="tab-content"> <div class="tab-content">
<div class="tab-pane active" id="home-r"> <div class="tab-pane active" id="home-r">
<p class="lead">Home tab</p> <p class="lead">Home tab</p>
<p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terr.</p> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher
synth. Cosby sweater eu banh mi, qui irure terr.</p>
</div> </div>
<div class="tab-pane" id="profile-r">Profile Tab.</div> <div class="tab-pane" id="profile-r">Profile Tab.</div>
<div class="tab-pane" id="messages-r">Messages Tab.</div> <div class="tab-pane" id="messages-r">Messages Tab.</div>
@ -1686,7 +1694,8 @@
$(function() { $(function() {
var cnt = 10; //$("#custom_notifications ul.notifications li").length + 1; var cnt = 10; //$("#custom_notifications ul.notifications li").length + 1;
TabbedNotification = function(options) { TabbedNotification = function(options) {
var message = "<div id='ntf" + cnt + "' class='text alert-" + options.type + "' style='display:none'><h2><i class='fa fa-bell'></i> " + options.title + "</h2><div class='close'><a href='javascript:;' class='notification_close'><i class='fa fa-close'></i></a></div><p>" + options.text + "</p></div>"; var message = "<div id='ntf" + cnt + "' class='text alert-" + options.type + "' style='display:none'><h2><i class='fa fa-bell'></i> " + options.title +
"</h2><div class='close'><a href='javascript:;' class='notification_close'><i class='fa fa-close'></i></a></div><p>" + options.text + "</p></div>";
if (document.getElementById('custom_notifications') == null) { if (document.getElementById('custom_notifications') == null) {
alert('doesnt exists'); alert('doesnt exists');

9
production/glyphicons.html
View File

@ -364,7 +364,8 @@
<h1 id="glyphicons" class="page-header">Glyphicons</h1> <h1 id="glyphicons" class="page-header">Glyphicons</h1>
<h2 id="glyphicons-glyphs">Available glyphs</h2> <h2 id="glyphicons-glyphs">Available glyphs</h2>
<p>Includes 260 glyphs in font format from the Glyphicon Halflings set. <a href="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you include a link back to <a href="http://glyphicons.com/">Glyphicons</a> whenever possible.</p> <p>Includes 260 glyphs in font format from the Glyphicon Halflings set. <a href="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost.
As a thank you, we only ask that you include a link back to <a href="http://glyphicons.com/">Glyphicons</a> whenever possible.</p>
<div class="bs-glyphicons"> <div class="bs-glyphicons">
<ul class="bs-glyphicons-list"> <ul class="bs-glyphicons-list">
@ -1689,9 +1690,11 @@
</div> </div>
<div class="bs-callout bs-callout-warning" id="callout-glyphicons-accessibility"> <div class="bs-callout bs-callout-warning" id="callout-glyphicons-accessibility">
<h4>Accessible icons</h4> <h4>Accessible icons</h4>
<p>Modern versions of assistive technologies will announce CSS generated content, as well as specific Unicode characters. To avoid unintended and confusing output in screen readers (particularly when icons are used purely for decoration), we hide them with the <code>aria-hidden="true"</code> attribute.</p> <p>Modern versions of assistive technologies will announce CSS generated content, as well as specific Unicode characters. To avoid unintended and confusing output in screen readers (particularly when icons are used purely for decoration),
we hide them with the <code>aria-hidden="true"</code> attribute.</p>
<p>If you're using an icon to convey meaning (rather than only as a decorative element), ensure that this meaning is also conveyed to assistive technologies – for instance, include additional content, visually hidden with the <code>.sr-only</code> class.</p> <p>If you're using an icon to convey meaning (rather than only as a decorative element), ensure that this meaning is also conveyed to assistive technologies – for instance, include additional content, visually hidden with the <code>.sr-only</code> class.</p>
<p>If you're creating controls with no other text (such as a <code>&lt;button&gt;</code> that only contains an icon), you should always provide alternative content to identify the purpose of the control, so that it will make sense to users of assistive technologies. In this case, you could add an <code>aria-label</code> attribute on the control itself.</p> <p>If you're creating controls with no other text (such as a <code>&lt;button&gt;</code> that only contains an icon), you should always provide alternative content to identify the purpose of the control, so that it will make sense to
users of assistive technologies. In this case, you could add an <code>aria-label</code> attribute on the control itself.</p>
</div> </div>
<div class="zero-clipboard"><span class="btn-clipboard">Copy</span> <div class="zero-clipboard"><span class="btn-clipboard">Copy</span>
</div> </div>

18
production/index2.html
View File

@ -981,28 +981,22 @@
minSpotColor: '#34495E' minSpotColor: '#34495E'
}); });
var doughnutData = [ var doughnutData = [{
{
value: 30, value: 30,
color: "#455C73" color: "#455C73"
}, }, {
{
value: 30, value: 30,
color: "#9B59B6" color: "#9B59B6"
}, }, {
{
value: 60, value: 60,
color: "#BDC3C7" color: "#BDC3C7"
}, }, {
{
value: 100, value: 100,
color: "#26B99A" color: "#26B99A"
}, }, {
{
value: 120, value: 120,
color: "#3498DB" color: "#3498DB"
} }];
];
var myDoughnut = new Chart(document.getElementById("canvas1i").getContext("2d")).Doughnut(doughnutData); var myDoughnut = new Chart(document.getElementById("canvas1i").getContext("2d")).Doughnut(doughnutData);
var myDoughnut = new Chart(document.getElementById("canvas1i2").getContext("2d")).Doughnut(doughnutData); var myDoughnut = new Chart(document.getElementById("canvas1i2").getContext("2d")).Doughnut(doughnutData);
var myDoughnut = new Chart(document.getElementById("canvas1i3").getContext("2d")).Doughnut(doughnutData); var myDoughnut = new Chart(document.getElementById("canvas1i3").getContext("2d")).Doughnut(doughnutData);

58
production/index3.html
View File

@ -966,7 +966,23 @@
<script> <script>
//random data //random data
var d1 = [ var d1 = [
[0, 1], [1, 9], [2, 6], [3, 10], [4, 5], [5, 17], [6, 6], [7, 10], [8, 7], [9, 11], [10, 35], [11, 9], [12, 12], [13, 5], [14, 3], [15, 4], [16, 9] [0, 1],
[1, 9],
[2, 6],
[3, 10],
[4, 5],
[5, 17],
[6, 6],
[7, 10],
[8, 7],
[9, 11],
[10, 35],
[11, 9],
[12, 12],
[13, 5],
[14, 3],
[15, 4],
[16, 9]
]; ];
//flot options //flot options
@ -1029,28 +1045,22 @@
minSpotColor: '#26B99A' minSpotColor: '#26B99A'
}); });
var doughnutData = [ var doughnutData = [{
{
value: 30, value: 30,
color: "#455C73" color: "#455C73"
}, }, {
{
value: 30, value: 30,
color: "#9B59B6" color: "#9B59B6"
}, }, {
{
value: 60, value: 60,
color: "#BDC3C7" color: "#BDC3C7"
}, }, {
{
value: 100, value: 100,
color: "#26B99A" color: "#26B99A"
}, }, {
{
value: 120, value: 120,
color: "#3498DB" color: "#3498DB"
} }];
];
var myDoughnut = new Chart(document.getElementById("canvas1").getContext("2d")).Doughnut(doughnutData); var myDoughnut = new Chart(document.getElementById("canvas1").getContext("2d")).Doughnut(doughnutData);
@ -1137,32 +1147,25 @@
<script src="js/moris/morris.js"></script> <script src="js/moris/morris.js"></script>
<script> <script>
$(function() { $(function() {
var day_data = [ var day_data = [{
{
"period": "Jan", "period": "Jan",
"Hours worked": 80 "Hours worked": 80
}, }, {
{
"period": "Feb", "period": "Feb",
"Hours worked": 125 "Hours worked": 125
}, }, {
{
"period": "Mar", "period": "Mar",
"Hours worked": 176 "Hours worked": 176
}, }, {
{
"period": "Apr", "period": "Apr",
"Hours worked": 224 "Hours worked": 224
}, }, {
{
"period": "May", "period": "May",
"Hours worked": 265 "Hours worked": 265
}, }, {
{
"period": "Jun", "period": "Jun",
"Hours worked": 314 "Hours worked": 314
} }];
];
Morris.Bar({ Morris.Bar({
element: 'graph_bar', element: 'graph_bar',
data: day_data, data: day_data,
@ -1193,7 +1196,6 @@
icons.play(); icons.play();
</script> </script>
<script> <script>
var opts = { var opts = {
lines: 12, // The number of lines to draw lines: 12, // The number of lines to draw
angle: 0, // The length of each line angle: 0, // The length of each line

36
production/profile.html
View File

@ -654,7 +654,8 @@
</div> </div>
<div role="tabpanel" class="tab-pane fade" id="tab_content3" aria-labelledby="profile-tab"> <div role="tabpanel" class="tab-pane fade" id="tab_content3" aria-labelledby="profile-tab">
<p>xxFood truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk </p> <p>xxFood truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui
photo booth letterpress, commodo enim craft beer mlkshk </p>
</div> </div>
</div> </div>
</div> </div>
@ -718,48 +719,37 @@
<script> <script>
$(function() { $(function() {
var day_data = [ var day_data = [{
{
"period": "Jan", "period": "Jan",
"Hours worked": 80 "Hours worked": 80
}, }, {
{
"period": "Feb", "period": "Feb",
"Hours worked": 125 "Hours worked": 125
}, }, {
{
"period": "Mar", "period": "Mar",
"Hours worked": 176 "Hours worked": 176
}, }, {
{
"period": "Apr", "period": "Apr",
"Hours worked": 224 "Hours worked": 224
}, }, {
{
"period": "May", "period": "May",
"Hours worked": 265 "Hours worked": 265
}, }, {
{
"period": "Jun", "period": "Jun",
"Hours worked": 314 "Hours worked": 314
}, }, {
{
"period": "Jul", "period": "Jul",
"Hours worked": 347 "Hours worked": 347
}, }, {
{
"period": "Aug", "period": "Aug",
"Hours worked": 287 "Hours worked": 287
}, }, {
{
"period": "Sep", "period": "Sep",
"Hours worked": 240 "Hours worked": 240
}, }, {
{
"period": "Oct", "period": "Oct",
"Hours worked": 211 "Hours worked": 211
} }];
];
Morris.Bar({ Morris.Bar({
element: 'graph_bar', element: 'graph_bar',
data: day_data, data: day_data,

27
production/project_detail.html
View File

@ -580,46 +580,37 @@
data: ['Revenue', 'Cash Input', 'Time Spent'], data: ['Revenue', 'Cash Input', 'Time Spent'],
y: 'bottom' y: 'bottom'
}, },
xAxis: [ xAxis: [{
{
type: 'category', type: 'category',
data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
} }],
], yAxis: [{
yAxis: [
{
type: 'value', type: 'value',
name: 'Amount', name: 'Amount',
axisLabel: { axisLabel: {
formatter: '{value} ml' formatter: '{value} ml'
} }
}, }, {
{
type: 'value', type: 'value',
name: 'Hours', name: 'Hours',
axisLabel: { axisLabel: {
formatter: '{value} °C' formatter: '{value} °C'
} }
} }],
], series: [{
series: [
{
name: 'Revenue', name: 'Revenue',
type: 'bar', type: 'bar',
data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3] data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]
}, }, {
{
name: 'Cash Input', name: 'Cash Input',
type: 'bar', type: 'bar',
data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3] data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
}, }, {
{
name: 'Time Spent', name: 'Time Spent',
type: 'line', type: 'line',
yAxisIndex: 1, yAxisIndex: 1,
data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2] data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
} }]
]
}); });
</script> </script>

5
production/sign_up.html
View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Meta, title, CSS, favicons, etc. --> <!-- Meta, title, CSS, favicons, etc. -->
@ -302,4 +303,6 @@
<!-- pace --> <!-- pace -->
<script src="js/pace/pace.min.js"></script> <script src="js/pace/pace.min.js"></script>
<!-- /footer content --> <!-- /footer content -->
</body></html> </body>
</html>

4
production/tables.html
View File

@ -630,7 +630,9 @@
<tbody> <tbody>
<tr class="even pointer"> <tr class="even pointer">
<td class="a-center "><input type="checkbox" class="flat" name="table_records" ></td> <td class="a-center ">
<input type="checkbox" class="flat" name="table_records">
</td>
<td class=" ">121000040</td> <td class=" ">121000040</td>
<td class=" ">May 23, 2014 11:47:56 PM </td> <td class=" ">May 23, 2014 11:47:56 PM </td>
<td class=" ">121000210 <i class="success fa fa-long-arrow-up"></i></td> <td class=" ">121000210 <i class="success fa fa-long-arrow-up"></i></td>

3
production/tables_dynamic.html
View File

@ -993,8 +993,7 @@
"oLanguage": { "oLanguage": {
"sSearch": "Search all columns:" "sSearch": "Search all columns:"
}, },
"aoColumnDefs": [ "aoColumnDefs": [{
{
'bSortable': false, 'bSortable': false,
'aTargets': [0] 'aTargets': [0]
} //disables sorting for column one } //disables sorting for column one

6
production/typography.html
View File

@ -361,13 +361,15 @@
<div class="col-md-8 col-lg-8 col-sm-7"> <div class="col-md-8 col-lg-8 col-sm-7">
<!-- blockquote --> <!-- blockquote -->
<blockquote> <blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer
posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer>Someone famous in <cite title="Source Title">Source Title</cite> <footer>Someone famous in <cite title="Source Title">Source Title</cite>
</footer> </footer>
</blockquote> </blockquote>
<blockquote class="blockquote-reverse"> <blockquote class="blockquote-reverse">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer
posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer>Someone famous in <cite title="Source Title">Source Title</cite> <footer>Someone famous in <cite title="Source Title">Source Title</cite>
</footer> </footer>
</blockquote> </blockquote>

15
production/widgets.html
View File

@ -1005,8 +1005,7 @@
<script> <script>
var lineChartData = { var lineChartData = {
labels: ["", "", "", "", "", "", ""], labels: ["", "", "", "", "", "", ""],
datasets: [ datasets: [{
{
label: "My First dataset", label: "My First dataset",
fillColor: "rgba(38, 185, 154, 0.11)", //rgba(220,220,220,0.2) fillColor: "rgba(38, 185, 154, 0.11)", //rgba(220,220,220,0.2)
strokeColor: "rgba(38, 185, 154, 0.7)", //rgba(220,220,220,1) strokeColor: "rgba(38, 185, 154, 0.7)", //rgba(220,220,220,1)
@ -1015,8 +1014,7 @@
pointHighlightFill: "#fff", pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)", pointHighlightStroke: "rgba(220,220,220,1)",
data: [10, 30, 42, 23, 35, 55, 77] data: [10, 30, 42, 23, 35, 55, 77]
} }]
]
} }
@ -1056,20 +1054,17 @@
}); });
}); });
var sharePiePolorDoughnutData = [ var sharePiePolorDoughnutData = [{
{
value: 125, value: 125,
color: "rgba(38, 185, 154, 0.7)", color: "rgba(38, 185, 154, 0.7)",
highlight: "rgba(38, 185, 154, 0.7)", highlight: "rgba(38, 185, 154, 0.7)",
label: "" label: ""
}, }, {
{
value: 25, value: 25,
color: "rgba(38, 185, 154, 0.01)", color: "rgba(38, 185, 154, 0.01)",
highlight: "rgba(38, 185, 154, 0.01)", highlight: "rgba(38, 185, 154, 0.01)",
label: "" label: ""
} }];
];
$(document).ready(function() { $(document).ready(function() {
window.myDoughnut = new Chart(document.getElementById("canvas_doughnut").getContext("2d")).Doughnut(sharePiePolorDoughnutData, { window.myDoughnut = new Chart(document.getElementById("canvas_doughnut").getContext("2d")).Doughnut(sharePiePolorDoughnutData, {
responsive: true, responsive: true,

27
production/xx.html
View File

@ -1,14 +1,4 @@
.xxs{ .xxs{ position: fixed; margin: 15px; right: 0; float: right; width: 400px; z-index: 4000; bottom: 0 } .dsp_none{ display: none; }
position: fixed; margin: 15px;
right: 0;
float: right;
width: 400px;
z-index: 4000;
bottom: 0
}
.dsp_none{
display: none;
}
<!-- flot --> <!-- flot -->
@ -91,7 +81,9 @@
}, },
defaultTheme: false defaultTheme: false
}, },
yaxis: {min: 0}, yaxis: {
min: 0
},
xaxis: { xaxis: {
mode: "time", mode: "time",
minTickSize: tickSize, minTickSize: tickSize,
@ -100,12 +92,15 @@
max: chartMaxDate max: chartMaxDate
} }
}; };
var plot = $.plot($("#placeholder33x"), var plot = $.plot($("#placeholder33x"), [{
[{
label: "Email Sent", label: "Email Sent",
data: d1, data: d1,
lines: {fillColor: "rgba(150, 202, 89, 0.12)"}, //#96CA59 rgba(150, 202, 89, 0.42) lines: {
points: {fillColor: "#fff"} fillColor: "rgba(150, 202, 89, 0.12)"
}, //#96CA59 rgba(150, 202, 89, 0.42)
points: {
fillColor: "#fff"
}
}], options); }], options);
}); });
</script> </script>