First Graph Example

Gemfile

@@ -3,6 +3,6 @@ source 'https://rubygems.org'
 gem 'jekyll'
 gem 'jekyll-assets'
 
-gem "coffee-script" # We want to write our javascripts in CoffeeScript
-gem "uglifier"      # And we want our javascripts to be minified with UglifyJS
-gem "sass"          # And we want to write our stylesheets using SCSS/SASS
+gem "coffee-script"  # We want to write our javascripts in CoffeeScript
+gem "yui-compressor" # And we want our javascripts to be minified with UglifyJS
+gem "sass"           # And we want to write our stylesheets using SCSS/SASS

Gemfile.lock

@@ -1,6 +1,10 @@
 GEM
   remote: https://rubygems.org/
   specs:
+    POpen4 (0.1.4)
+      Platform (>= 0.4.0)
+      open4
+    Platform (0.4.0)
     classifier (1.3.3)
       fast-stemmer (>= 1.0.0)
     coffee-script (2.2.0)
@@ -27,6 +31,7 @@ GEM
     maruku (0.6.1)
       syntax (>= 1.0.0)
     multi_json (1.7.2)
+    open4 (1.3.0)
     posix-spawn (0.3.6)
     pygments.rb (0.3.7)
       posix-spawn (~> 0.3.6)
@@ -40,10 +45,9 @@ GEM
       tilt (~> 1.1, != 1.3.0)
     syntax (1.0.0)
     tilt (1.3.7)
-    uglifier (2.0.1)
-      execjs (>= 0.3.0)
-      multi_json (~> 1.0, >= 1.0.2)
     yajl-ruby (1.1.0)
+    yui-compressor (0.9.6)
+      POpen4 (>= 0.1.4)
 
 PLATFORMS
   ruby
@@ -53,4 +57,4 @@ DEPENDENCIES
   jekyll
   jekyll-assets
   sass
-  uglifier
+  yui-compressor

README.md

@@ -0,0 +1 @@
+# Algorithm visualization and Jekyll Initital Setup Project

_config.yml

@@ -36,7 +36,7 @@ maruku:
   png_dir:    images/latex
   png_url:    /images/latex
 
-assets:
-  compress:
-    css:  sass
-    js:   uglifier
+# assets:
+#   compress:
+#     css:  yui
+#     js:   yui

_source/_assets/stylesheets/canvas/canvas.css.sass

@@ -1,6 +1,6 @@
-#canvas
+#canvas 
 	margin: 0 auto
 	display: block
-	width: 720px
+	width: 560px
 	height: 400px
 	background-color: #EEE

_source/_layouts/default.html

@@ -17,6 +17,12 @@
     {% endfor %}
   {% endif %}
 
+  {% if page.js != null %}
+    {% for j in page.js %}
+      {{ j | javascript }}
+    {% endfor %}
+  {% endif %}
+
 	<!--[if lt IE 9]>
     <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
     <![endif]-->

_source/_plugins/asset.rb

@@ -1,4 +1,4 @@
 require 'sass'
-require 'uglifier'
+require 'yui/compressor'
 require 'coffee-script'
 require 'jekyll-assets'

_source/_posts/2013-04-16-jsnetworkx-test.md

@@ -1,17 +1,27 @@
 ---
 layout: post
-title: "JSNetworkX test"
+title:  "JSNetworkX test"
 description: ""
 category: Graph 
-tags: [graph, api, jsnetworkx]
+tags:   [graph, api, jsnetworkx]
 styles: [canvas/canvas]
+js:     [vendor/d3.min, vendor/jsnetworkx]
 ---
-{% javascript vendor/d3.min %}
-{% javascript vendor/jsnetworkx %}
 <script type="text/javascript">
     $(function() {
-        $('#canvas').click(function() { alert('ola'); });
-
+        var G = jsnx.binomial_graph(6, 0.3);
+        G.node[0].label = 'lol';
+
+        jsnx.draw(G, {
+            element: '#canvas',
+            with_labels: true ,
+            edge_style: {
+                'stroke-width': 10
+            },
+            node_style: {
+                stroke: 'none'
+            }
+        }, true);
     });
 </script>
 <div id="canvas"/>

public/Graph/2013/04/16/jsnetworkx-test.html

@@ -8,12 +8,20 @@
 
 	<title>Algo -> JSNetworkX test</title>
 
-	<script type="text/javascript" src="/assets/app-21c6440461580d2f803898ee0be18d02.js"></script>
-	<link rel="stylesheet" type="text/css" href="/assets/app-53970e526c476bd7728205e0b9d9b320.css">
+	<script type="text/javascript" src="/assets/app-ceaa5d2fccce695ed9438ad60c07a6f0.js"></script>
+	<link rel="stylesheet" type="text/css" href="/assets/app-70dfb34d97a08d3ccefbc54b2fbc5e02.css">
 
 
 
-      <link rel="stylesheet" type="text/css" href="/assets/canvas/canvas-869a721a8a456532baebd0941da1f291.css">
+      <link rel="stylesheet" type="text/css" href="/assets/canvas/canvas-6f91b169a5c3dc39626824423cf23ed9.css">
+
+
+
+
+
+      <script type="text/javascript" src="/assets/vendor/d3-e6adc5344c384c16f9c4d78f09cc6bb2.min"></script>
+
+      <script type="text/javascript" src="/assets/vendor/jsnetworkx-c439e328db9911b52660c2424ca048ce.js"></script>
 
 
 
@@ -105,10 +113,21 @@ <h4><span class="author fn n">André M. Ribeiro dos Santos</span></h4>
       <section>
   <h1>JSNetworkX test</h1>
 
-  <script src='/assets/vendor/d3-d6c6d776da03ff33be8273e4d9b7a0b9.min' type='text/javascript' /><script src='/assets/vendor/jsnetworkx-4670c31ba9b93f6605cd0f67ae524fdd.js' type='text/javascript' /><script type='text/javascript'>
+  <script type='text/javascript'>
     $(function() {
-        $('#canvas').click(function() { alert('ola'); });
-
+        var G = jsnx.binomial_graph(6, 0.3);
+        G.node[0].label = 'lol';
+
+        jsnx.draw(G, {
+            element: '#canvas',
+            with_labels: true ,
+            edge_style: {
+                'stroke-width': 10
+            },
+            node_style: {
+                stroke: 'none'
+            }
+        }, true);
     });
 </script><div id='canvas' />
 

public/arquivo.html

@@ -8,8 +8,10 @@
 
 	<title>Algo -> Arquivo</title>
 
-	<script type="text/javascript" src="/assets/app-21c6440461580d2f803898ee0be18d02.js"></script>
-	<link rel="stylesheet" type="text/css" href="/assets/app-53970e526c476bd7728205e0b9d9b320.css">
+	<script type="text/javascript" src="/assets/app-ceaa5d2fccce695ed9438ad60c07a6f0.js"></script>
+	<link rel="stylesheet" type="text/css" href="/assets/app-70dfb34d97a08d3ccefbc54b2fbc5e02.css">
+
+