updates to assist in migrating to new site

jsplumb · Dec 18, 2014 · b1ea8d3 · b1ea8d3
1 parent 35f15cc
commit b1ea8d3
Show file tree

Hide file tree

Showing 4 changed files with 95 additions and 11 deletions.
diff --git a/build-support.js b/build-support.js
@@ -19,13 +19,25 @@ module.exports = {
 	},
 
 	processMarkdownFile : function(grunt, inputDir, filename, template, base, outputDir) {
-	    var s = grunt.file.read(inputDir + "/" + filename),
+	    /*var s = grunt.file.read(inputDir + "/" + filename),
 	        o = this.createFrontMatter({
 	            layout:template,
 	            date:this.timestamp(),
 	            base:base
 	        });
 
-	    grunt.file.write(outputDir + "/" + filename, o + s);
-	}
+	    grunt.file.write(outputDir + "/" + filename, o + s);*/
+        this.createMarkdownFile(grunt, inputDir, filename, {
+            layout:template,
+            date:this.timestamp(),
+            base:base
+        }, outputDir);
+	},
+
+    createMarkdownFile:function(grunt, inputDir, filename, options, outputDir) {
+        var s = grunt.file.read(inputDir + "/" + filename),
+            o = this.createFrontMatter(options);
+
+        grunt.file.write(outputDir + "/" + filename, o + s);
+    }
 };
diff --git a/demo/draggableConnectors/demo.css b/demo/draggableConnectors/demo.css
@@ -1,3 +1,39 @@
+.window {
+    background-color:white;
+    border:1px solid #346789;
+    box-shadow: 2px 2px 19px #e0e0e0;
+    -o-box-shadow: 2px 2px 19px #e0e0e0;
+    -webkit-box-shadow: 2px 2px 19px #e0e0e0;
+    -moz-box-shadow: 2px 2px 19px #e0e0e0;
+    -moz-border-radius:0.5em;
+    border-radius:0.5em;
+    width:5em; height:5em;
+    position:absolute;
+    color:black;
+    padding:0.5em;
+    width:80px;
+    height:80px;
+    line-height: 80px;
+    -webkit-transition: -webkit-box-shadow 0.15s ease-in;
+    -moz-transition: -moz-box-shadow 0.15s ease-in;
+    -o-transition: -o-box-shadow 0.15s ease-in;
+    transition: box-shadow 0.15s ease-in;
+}
+
+.window:hover {
+    border:1px solid #123456;
+    box-shadow: 2px 2px 19px #444;
+    -o-box-shadow: 2px 2px 19px #444;
+    -webkit-box-shadow: 2px 2px 19px #444;
+    -moz-box-shadow: 2px 2px 19px #fff;
+    opacity:0.9;
+    filter:alpha(opacity=90);
+}
+
+.window a {
+    font-family:helvetica;
+}
+
 /** ELEMENT POSITIONS **/
 #dragDropWindow1 { top:76px;left:10%; }
 #dragDropWindow2 { top:148px; right:10%; }

diff --git a/demo/flowchart/demo.css b/demo/flowchart/demo.css
@@ -1,3 +1,39 @@
+.window {
+    background-color:white;
+    border:1px solid #346789;
+    box-shadow: 2px 2px 19px #e0e0e0;
+    -o-box-shadow: 2px 2px 19px #e0e0e0;
+    -webkit-box-shadow: 2px 2px 19px #e0e0e0;
+    -moz-box-shadow: 2px 2px 19px #e0e0e0;
+    -moz-border-radius:0.5em;
+    border-radius:0.5em;
+    width:5em; height:5em;
+    position:absolute;
+    color:black;
+    padding:0.5em;
+    width:80px;
+    height:80px;
+    line-height: 80px;
+    -webkit-transition: -webkit-box-shadow 0.15s ease-in;
+    -moz-transition: -moz-box-shadow 0.15s ease-in;
+    -o-transition: -o-box-shadow 0.15s ease-in;
+    transition: box-shadow 0.15s ease-in;
+}
+
+.window:hover {
+    border:1px solid #123456;
+    box-shadow: 2px 2px 19px #444;
+    -o-box-shadow: 2px 2px 19px #444;
+    -webkit-box-shadow: 2px 2px 19px #444;
+    -moz-box-shadow: 2px 2px 19px #fff;
+    opacity:0.9;
+    filter:alpha(opacity=90);
+}
+
+.window a {
+    font-family:helvetica;
+}
+
 .flowchart-demo .window { border:1px solid #346789;
 box-shadow: 2px 2px 19px #aaa;
    -o-box-shadow: 2px 2px 19px #aaa;

diff --git a/package.json b/package.json
@@ -22,14 +22,14 @@
     "connectivity"
   ],
   "demos": [
-      [ "flowchart", "Flowchart" ],
-      [ "statemachine", "State Machine" ],
-      [ "draggableConnectors", "Drag and Drop"],
-      [ "perimeterAnchors", "Perimeter Anchors"],
-      [ "chart", "Hierarchical Chart" ],
-      [ "sourcesAndTargets", "Sources and Targets" ],
-      [ "dynamicAnchors", "Dynamic Anchors" ],
-      [ "animation", "Animation" ]
+      [ "flowchart", "Flowchart", "Example of using the Flowchart connectors" ],
+      [ "statemachine", "State Machine", "Example of how to use the 'StateMachine' connectors, with elements as drag sources and targets" ],
+      [ "draggableConnectors", "Drag and Drop", "The original jsPlumb drag and drop example"],
+      [ "perimeterAnchors", "Perimeter Anchors", "A simple example demonstrating the 'Perimeter' anchor type"],
+      [ "chart", "Hierarchical Chart", "Simple hierarchical chart (without automatic layout)" ],
+      [ "sourcesAndTargets", "Sources and Targets", "An example of using elements as drag sources and targets" ],
+      [ "dynamicAnchors", "Dynamic Anchors", "An example showing the 'Dynamic' anchor type" ],
+      [ "animation", "Animation", "Simple example demonstrating jsPlumb's `animate` method" ]
   ],
   "author": "Simon Porritt",
   "license": "MIT/GPL2",