ginatra 2.3.0 → 3.0.0

data/.travis.yml

@@ -1,6 +1,6 @@
 ---
 rvm:
-- 1.8.7
+- 1.9.2
 script: "bundle exec rake spec"
 before_script:
 - "bundle exec rake repo"

data/README.md

@@ -9,34 +9,30 @@ repositories out of a set of  specified directories using an array of glob-based
 paths. I have plans to make it  function just as gitweb does, including leeching
 config files and suchlike.
 
-Updating to the Most Recent Release (Gem):
-------------------------------------------
+Installation
+------------
 
-- ` $ gem install ginatra`
-- (re)Move `~/.ginatra`
-- Run the following to open an irb with Ginatra loaded: ` $ irb -r 'rubygems' -r 'rubygems'`
-- In this irb session, run the following then close it: `>> Ginatra::Config.setup!`
+**NEW: You should be using Ruby 1.9.2: because it's awesome!**
 
-**BEWARE**: The last method that you just called will dump a config to `~/.ginatra/config.yml`.
-This ignores anything already there, so be careful. You have been warned.
+To install ginatra:
 
-You can now copy the contents your old `~/.ginatra/` file into `~/.ginatra/config.yml`.
+    $ gem install ginatra
+    ...
+    $ ginatra setup
+    checked deps
+    installed config
 
-Installation
-------------
+If you get those two lines of output, you're sorted. anything else and something
+has gone wrong.
+
+### External Dependencies
 
 You should be using Git 1.6.3 or later just to be sure that it all works:
 
     $ git --version
     git version 1.6.3
 
-Next, just do the following (your setup may require sudo):
-
-    $ gem install ginatra
-
-This pulls down most of the required dependencies too.
-
-The last dependency you need is pygments, an awesome python syntax highlighter.
+The other dependency you need is pygments, an awesome python syntax highlighter.
 To check whether you have it, run:
 
     $ which pygmentize
@@ -92,6 +88,7 @@ Attribution
 
 - Samuel Elliott (lenary)
 - Ryan Bigg (radar)
+- Jan Topiński (simcha)
 
 **Patches**
 
@@ -103,28 +100,29 @@ Attribution
 
 In a new spirit of openness, all those who submit a patch that gets applied will gain commit access to the main (lenary/ginatra) repository.
 
-**Thanks**
-
-Too many to name. Thanks be to you all.
-
 Screenshots
 -----------
 
 **Index**
 
-![Ginatra Index](http://lenary-uploads.appspot.com/img/i?id=ag5sZW5hcnktdXBsb2Fkc3IMCxIFSW1hZ2UYox8M&w=500&h=500 "Ginatra Index")
+![Ginatra Index](http://cloud.github.com/downloads/lenary/ginatra/o%20\(5\).png "Ginatra Index")
 
 **Log**
 
-![Ginatra Log](http://lenary-uploads.appspot.com/img/i?id=ag5sZW5hcnktdXBsb2Fkc3IMCxIFSW1hZ2UYvRcM&w=500&h=500 "Ginatra Log")
+![Ginatra Log](http://cloud.github.com/downloads/lenary/ginatra/o%20\(3\).png "Ginatra Log")
 
 **Commit**
 
-![Ginatra Commit](http://lenary-uploads.appspot.com/img/i?id=ag5sZW5hcnktdXBsb2Fkc3IMCxIFSW1hZ2UYvBcM&w=500&h=500 "Ginatra Commit")
+![Ginatra Commit](http://cloud.github.com/downloads/lenary/ginatra/o%20\(4\).png "Ginatra Commit")
 
 **Tree**
 
-![Ginatra Tree](http://lenary-uploads.appspot.com/img/i?id=ag5sZW5hcnktdXBsb2Fkc3IMCxIFSW1hZ2UYpB8M&w=500&h=500 "Ginatra Tree")
+![Ginatra Tree](http://cloud.github.com/downloads/lenary/ginatra/o%20\(2\).png "Ginatra Tree")
+
+**Branch graph**
+
+![Branch graph](http://cloud.github.com/downloads/simcha/ginatra/branch-graph.png "Branch Graph")
+
 
 Licence
 -------

data/Rakefile

@@ -1,10 +1,8 @@
 require "bundler"
 Bundler.setup(:default, :development)
-require 'cucumber/rake/task'
 require 'rspec/core/rake_task'
 
-task :default => ['rake:spec', 'rake:features']
-
+task :default => ['rake:spec']
 
 desc "Clones the Test Repository"
 task :repo do |t|
@@ -13,27 +11,9 @@ task :repo do |t|
   end
 end
 
-desc "Runs the Cucumber Feature Suite"
-Cucumber::Rake::Task.new(:features) do |t|
-  t.cucumber_opts = ["--format pretty", "features"]
-end
-namespace :features do
-  desc "Runs the `@current` feature(s) or scenario(s)"
-  Cucumber::Rake::Task.new(:current) do |c|
-    c.cucumber_opts = ["--format pretty", "-t current", "features"]
-  end
-end
-
 desc "Runs the RSpec Test Suite"
 RSpec::Core::RakeTask.new(:spec) do |r|
   r.pattern = 'spec/*_spec.rb'
   r.rspec_opts = ['--color']
 end
-namespace :spec do
-  desc "RSpec Test Suite with pretty output"
-  RSpec::Core::RakeTask.new(:long) do |r|
-    r.pattern = 'spec/*_spec.rb'
-    r.rspec_opts = ['--color', '--format documentation']
-  end
-end
 

data/bin/ginatra

@@ -4,12 +4,14 @@ require "ginatra"
 
 module Ginatra::Executable
   HELP = <<HELP
-Usage: ginatra [ version |
+Usage: ginatra [ setup |
+                 version |
                  server <options> <command> |
                  daemon <command> |
                  directory <command> <globs> ]
 
 Ginatra Commands:
+  setup   - Checks Dependencies and Installs Configuration
   version - Pretty Self explanatory. Print version number and exit
 
 Ginatra Server Commands:
@@ -47,10 +49,17 @@ HELP
     load("#{path}/ginatra-server")
   end
 
+  def self.setup
+    path = File.expand_path(File.dirname(__FILE__))
+    load("#{path}/ginatra-setup")
+  end
+
   def self.execute(command, args)
     case command
     when "version"
       puts Ginatra::VERSION
+    when "setup"
+      setup
     when "daemon"
       daemon
     when "directory"

data/bin/ginatra-setup

@@ -0,0 +1,25 @@
+#!/usr/bin/env ruby
+
+require "ginatra"
+require "rbconfig"
+
+if RbConfig::CONFIG["ruby_version"] < "1.9"
+  $stderr.puts "You need Ruby 1.9.2 to run ginatra"
+  exit(1)
+end
+
+if `which pygmentize` !~ /pygmentize/
+  $stderr.puts "You need Pygmentize to run ginatra"
+  exit(1)
+end
+
+if `git --version` < "git version 1.6.3"
+  $stderr.puts "You need at least git version 1.6.3 to run ginatra"
+  exit(1)
+end
+
+puts "checked deps"
+Ginatra::Config.safe_setup
+puts "installed config"
+
+exit(0)

data/ginatra.gemspec

@@ -1,6 +1,6 @@
 Gem::Specification.new do |s|
   s.name = "ginatra"
-  s.version = "2.3.0"
+  s.version = "3.0.0"
   s.summary = "A Gitweb Clone in Sinatra and Grit"
   s.description = "Host your own git repository browser through the power of Sinatra and Grit"
   s.email = "sam@lenary.co.uk"

data/lib/ginatra/config.rb

@@ -57,10 +57,12 @@ module Ginatra
       @logger
     end
 
-    unless File.exist?(CONFIG_PATH)
-      FileUtils.mkdir_p(File.dirname(CONFIG_PATH))
-      File.open(CONFIG_PATH, 'w') do |f|
-        YAML.dump(DEFAULT_CONFIG, f)
+    def self.safe_setup
+      unless File.exist?(CONFIG_PATH)
+        FileUtils.mkdir_p(File.dirname(CONFIG_PATH))
+        File.open(CONFIG_PATH, 'w') do |f|
+          YAML.dump(DEFAULT_CONFIG, f)
+        end
       end
     end
 

data/lib/ginatra/graph_commit.rb

@@ -0,0 +1,77 @@
+require "grit"
+
+module Ginatra
+
+  class GraphCommit
+    attr_accessor :time, :space
+    def initialize(commit)
+      @_commit = commit
+      @time = -1
+      @space = 0
+    end
+    
+    def method_missing(m, *args, &block)
+      @_commit.send(m, *args, &block)
+    end
+    
+    # Method is adding time and space on the 
+    # list of commits. As well as returns date list 
+    # corelated with time set on commits.
+    #
+    # @param [Array<GraphCommit>] comits to index
+    #
+    # @return [Array<TimeDate>] list of commit dates corelated with time on commits 
+    def self.index_commits(commits)
+      days, heads = [], []
+      map = {}
+      
+      commits.reverse.each_with_index do |c,i|
+        c.time = i
+        days[i]=c.committed_date 
+        map[c.id] = c
+        heads += c.refs unless c.refs.nil?
+      end
+      
+      heads.select!{|h|h.is_a? Grit::Head or h.is_a? Grit::Remote}
+      # sort heads so the master is top and current branches are closer
+      heads.sort! do |a,b|
+        if a.name == "master"
+          -1
+        elsif  b.name == "master" 
+          1
+        else
+          b.commit.committed_date <=> a.commit.committed_date
+        end
+	    end
+      
+      j=0
+      heads.each do |h|
+	    if map.include? h.commit.id then
+          j = mark_chain(j+=1,map[h.commit.id], map)        
+        end
+      end
+      return days
+    end
+	
+    # Add space mark on commit and its parents
+    #
+    # @param [Fixnum] space (row on the graph) to be set
+    # @param [GraphCommit] the commit object.
+    # @param [Hash<String,GraphCommit>] map of commits 
+    #
+    # @return [Fixnum] max space used.	
+    def self.mark_chain(mark, commit, map)
+      commit.space = mark  if commit.space == 0
+      m1 = mark-1
+      marks = commit.parents.collect do |p|
+        if map.include? p.id  and map[p.id].space == 0 then
+          mark_chain(m1+=1, map[p.id],map) 
+        else
+          m1+1
+        end
+      end
+      marks << mark
+      return marks.compact.max
+    end
+  end
+end

data/lib/ginatra/repo.rb

@@ -4,10 +4,15 @@ module Grit
   class Commit
     # this lets us add a link between commits and refs directly
     attr_accessor :refs
+
+    def ==(other_commit)
+      id == other_commit.id
+    end
   end
 end
 
 module Ginatra
+
   # A thin wrapper to the Grit::repo class so that we can add a name and a url-sanitised-name
   # to a repo, and also intercept and add refs to the commit objects.
   class Repo
@@ -27,7 +32,11 @@ module Ginatra
       @name = @param
       @description = @repo.description
       @description = "Please edit the #{@repo.path}/description file for this repository and set the description for it." if /^Unnamed repository;/.match(@description)
-      @repo
+    end
+
+    def ==(other_repo)
+      # uses method_missing
+      path == other_repo.path
     end
 
     # Return a commit corresponding to the commit to the repo,
@@ -42,7 +51,7 @@ module Ginatra
     def commit(id)
       @commit = @repo.commit(id)
       raise(Ginatra::InvalidCommit.new(id)) if @commit.nil?
-      add_refs(@commit)
+      add_refs(@commit,{})
       @commit
     end
 
@@ -57,19 +66,42 @@ module Ginatra
     # @return [Array<Grit::Commit>] the array of commits.
     def commits(start = 'master', max_count = 10, skip = 0)
       raise(Ginatra::Error.new("max_count cannot be less than 0")) if max_count < 0
+      refs_cache = {}
       @repo.commits(start, max_count, skip).each do |commit|
-        add_refs(commit)
+        add_refs(commit,refs_cache)
       end
     end
 
+    # Return a list of commits like --all, including pagination options and all the refs.
+    #
+    # @param [Integer] max_count the maximum count of commits
+    # @param [Integer] skip the number of commits in the branch to skip before taking the count.
+    #
+    # @raise [Ginatra::Error] if max_count is less than 0. silly billy!
+    #
+    # @return [Array<GraphCommit>] the array of commits.
+    def all_commits(max_count = 10, skip = 0)
+      raise(Ginatra::Error.new("max_count cannot be less than 0")) if max_count < 0
+      commits = Grit::Commit.find_all(@repo, nil, {:max_count => max_count, :skip => skip})
+      ref_cache = {}
+      commits.collect do |commit|
+        add_refs(commit, ref_cache)
+        GraphCommit.new(commit)
+      end
+    end
     # Adds the refs corresponding to Grit::Commit objects to the respective Commit objects.
     #
     # @todo Perhaps move into commit class.
     #
     # @param [Grit::Commit] commit the commit you want refs added to
+    # @param [Hash] empty hash with scope out of loop to speed things up
     # @return [Array] the array of refs added to the commit. they are also on the commit object.
-    def add_refs(commit)
-      commit.refs = @repo.refs.select {|ref| ref.commit.id == commit.id }
+    def add_refs(commit, ref_cache)
+      if ref_cache.empty?
+         @repo.refs.each {|ref| ref_cache[ref.commit.id] ||= [];ref_cache[ref.commit.id] << ref}
+      end
+      commit.refs = ref_cache[commit.id] if ref_cache.include? commit.id
+      commit.refs ||= []
     end
 
     # Catch all
@@ -78,7 +110,11 @@ module Ginatra
     #
     # @todo update respond_to? method
     def method_missing(sym, *args, &block)
-      @repo.send(sym, *args, &block)
+      if @repo.respond_to?(sym)
+        @repo.send(sym, *args, &block)
+      else
+        super
+      end
     end
 
     # to correspond to the #method_missing definition

data/lib/ginatra.rb

@@ -1,6 +1,7 @@
 
 require 'sinatra/base'
 require "sinatra/partials"
+require 'json'
 
 # Written myself. i know, what the hell?!
 module Ginatra
@@ -9,6 +10,7 @@ module Ginatra
   autoload :Helpers,  "ginatra/helpers"
   autoload :Repo,     "ginatra/repo"
   autoload :RepoList, "ginatra/repo_list"
+  autoload :GraphCommit, "ginatra/graph_commit"
 
   # A standard error class for inheritance.
   class Error < StandardError; end
@@ -28,7 +30,7 @@ module Ginatra
     end
   end
 
-  VERSION = "2.3.0"
+  VERSION = "3.0.0"
 
   # The main application class.
   #
@@ -95,6 +97,32 @@ module Ginatra
       erb :log
     end
 
+    get '/:repo/graph' do
+      @repo = RepoList.find(params[:repo])
+      max_count = 650
+      max_count = params[:max_count].to_i unless params[:max_count].nil?
+      commits = @repo.all_commits(max_count)
+
+      days = GraphCommit.index_commits(commits)
+      @days_json = days.compact.collect{|d|[d.day,d.strftime("%b")]}.to_json
+      @commits_json = commits.collect do |c|
+        h = {}
+        h[:parents] = c.parents.collect do |p|
+          [p.id,0,0]
+        end
+        h[:author] = c.author.name.force_encoding("UTF-8")
+        h[:time] = c.time
+        h[:space] = c.space
+        h[:refs] = c.refs.collect{|r|r.name}.join(" ") unless c.refs.nil?
+        h[:id] = c.sha
+        h[:date] = c.date
+        h[:message] = c.message.force_encoding("UTF-8")
+        h[:login] = c.author.email
+        h
+      end.to_json
+      erb :graph
+    end
+
     # The atom feed of recent commits to a certain branch of a +repo+.
     #
     # @param [String] repo the repository url-sanitised-name

data/public/src/branch-graph.js

@@ -0,0 +1,170 @@
+var commits = chunk1.commits,
+    comms = {},
+    pixelsX = [],
+    pixelsY = [],
+    mmax = Math.max,
+    mtime = 0,
+    mspace = 0,
+    parents = {};
+for (var i = 0, ii = commits.length; i < ii; i++) {
+    for (var j = 0, jj = commits[i].parents.length; j < jj; j++) {
+        parents[commits[i].parents[j][0]] = true;
+    }
+    mtime = Math.max(mtime, commits[i].time);
+    mspace = Math.max(mspace, commits[i].space);
+}
+mtime = mtime + 4;
+mspace = mspace + 10;
+for (i = 0; i < ii; i++) {
+    if (commits[i].id in parents) {
+        commits[i].isParent = true;
+    }
+    comms[commits[i].id] = commits[i];
+}
+var colors = ["#000"];
+for (var k = 0; k < mspace; k++) {
+    colors.push(Raphael.getColor());
+}
+function branchGraph(holder) {
+    var ch = mspace * 20 + 20, cw = mtime * 20 + 20,
+        r = Raphael("holder", cw, ch),
+        top = r.set();
+    var cuday = 0, cumonth = "";
+    r.rect(0,0,days.length*20+20,40).attr({fill: "#999"});
+    
+    for (mm = 0; mm < days.length; mm++) {
+        if(days[mm] != null){
+            if(cuday != days[mm][0]){
+                r.text(10+mm*20,30,days[mm][0]).attr({font: "12px Fontin-Sans, Arial", fill: "#444"});
+                cuday = days[mm][0]
+            }
+            if(cumonth != days[mm][1]){
+                r.text(10+mm*20,10,days[mm][1]).attr({font: "12px Fontin-Sans, Arial", fill: "#444"});
+                cumonth = days[mm][1]
+            }
+            
+        }
+    }
+    for (i = 0; i < ii; i++) {
+        var x = 10 + 20 * commits[i].time,
+            y = 70 + 20 * commits[i].space;
+        r.circle(x, y, 3).attr({fill: colors[commits[i].space], stroke: "none"});
+        if (commits[i].refs != null && commits[i].refs != "") {
+            var longrefs = commits[i].refs
+            var shortrefs = commits[i].refs;
+            if (shortrefs.length > 15){
+              shortrefs = shortrefs.substr(0,13) + "...";
+            }
+            var t = r.text(x+5,y+5,shortrefs).attr({font: "12px Fontin-Sans, Arial", fill: "#666",
+            title: longrefs, cursor: "pointer", rotation: "90"});
+            
+            var textbox = t.getBBox();
+            t.translate(textbox.height/-4,textbox.width/2);
+        }
+        for (var j = 0, jj = commits[i].parents.length; j < jj; j++) {
+            var c = comms[commits[i].parents[j][0]];
+            if (c) {
+                var cx = 10 + 20 * c.time,
+                    cy = 70 + 20 * c.space;
+                if (c.space == commits[i].space) {
+                    r.path("M" + (x - 5) + "," + (y + .0001) + "L" + (15 + 20 * c.time) + "," + (y + .0001))
+                    .attr({stroke: colors[c.space], "stroke-width": 2});
+                
+                } else if (c.space < commits[i].space) {
+                    r.path(["M", x - 5, y + .0001, "l-5-2,0,4,5,-2C",x-5,y,x -17, y+2, x -20, y-10,"L", cx,y-10,cx , cy])
+                    .attr({stroke: colors[commits[i].space], "stroke-width": 2});
+                } else {
+                    r.path(["M", x-5, y, "l-5-2,0,4,5,-2C",x-5,y,x -17, y-2, x -20, y+10,"L", cx,y+10,cx , cy])
+                    .attr({stroke: colors[commits[i].space], "stroke-width": 2});
+                }
+            }
+        }
+        (function (c, x, y) {
+            top.push(r.circle(x, y, 10).attr({fill: "#000", opacity: 0, cursor: "pointer"})
+            .hover(function () {
+                var s = r.text(100, 100,c.author + "\n \n" +c.id + "\n \n" + c.message).attr({fill: "#fff"});
+                this.popup = r.popupit(x, y + 5, s, 0);
+                top.push(this.popup.insertBefore(this));
+            }, function () {
+                this.popup && this.popup.remove() && delete this.popup;
+            }));
+        }(commits[i], x, y));
+    }
+    top.toFront();
+    var hw = holder.offsetWidth,
+        hh = holder.offsetHeight,
+        v = r.rect(hw - 8, 0, 4, Math.pow(hh, 2) / ch, 2).attr({fill: "#000", opacity: 0}),
+        h = r.rect(0, hh - 8, Math.pow(hw, 2) / cw, 4, 2).attr({fill: "#000", opacity: 0}),
+        bars = r.set(v, h),
+        drag,
+        dragger = function (e) {
+            if (drag) {
+                e = e || window.event;
+                holder.scrollLeft = drag.sl - (e.clientX - drag.x);
+                holder.scrollTop = drag.st - (e.clientY - drag.y);
+            }
+        };
+    holder.onmousedown = function (e) {
+        e = e || window.event;
+        drag = {x: e.clientX, y: e.clientY, st: holder.scrollTop, sl: holder.scrollLeft};
+        document.onmousemove = dragger;
+        bars.animate({opacity: .5}, 300);
+    };
+    document.onmouseup = function () {
+        drag = false;
+        document.onmousemove = null;
+        bars.animate({opacity: 0}, 300);
+    };
+    holder.scrollLeft = cw;
+};
+Raphael.fn.popupit = function (x, y, set, dir, size) {
+    dir = dir == null ? 2 : dir;
+    size = size || 5;
+    x = Math.round(x);
+    y = Math.round(y);
+    var bb = set.getBBox(),
+        w = Math.round(bb.width / 2),
+        h = Math.round(bb.height / 2),
+        dx = [0, w + size * 2, 0, -w - size * 2],
+        dy = [-h * 2 - size * 3, -h - size, 0, -h - size],
+        p = ["M", x - dx[dir], y - dy[dir], "l", -size, (dir == 2) * -size, -mmax(w - size, 0), 0, "a", size, size, 0, 0, 1, -size, -size,
+            "l", 0, -mmax(h - size, 0), (dir == 3) * -size, -size, (dir == 3) * size, -size, 0, -mmax(h - size, 0), "a", size, size, 0, 0, 1, size, -size,
+            "l", mmax(w - size, 0), 0, size, !dir * -size, size, !dir * size, mmax(w - size, 0), 0, "a", size, size, 0, 0, 1, size, size,
+            "l", 0, mmax(h - size, 0), (dir == 1) * size, size, (dir == 1) * -size, size, 0, mmax(h - size, 0), "a", size, size, 0, 0, 1, -size, size,
+            "l", -mmax(w - size, 0), 0, "z"].join(","),
+        xy = [{x: x, y: y + size * 2 + h}, {x: x - size * 2 - w, y: y}, {x: x, y: y - size * 2 - h}, {x: x + size * 2 + w, y: y}][dir];
+    set.translate(xy.x - w - bb.x, xy.y - h - bb.y);
+    return this.set(this.path(p).attr({fill: "#234", stroke: "none"}).insertBefore(set.node ? set : set[0]), set);
+};
+Raphael.fn.popup = function (x, y, text, dir, size) {
+    dir = dir == null ? 2 : dir > 3 ? 3 : dir;
+    size = size || 5;
+    text = text || "$9.99";
+    var res = this.set(),
+        d = 3;
+    res.push(this.path().attr({fill: "#000", stroke: "#000"}));
+    res.push(this.text(x, y, text).attr(this.g.txtattr).attr({fill: "#fff", "font-family": "Helvetica, Arial"}));
+    res.update = function (X, Y, withAnimation) {
+        X = X || x;
+        Y = Y || y;
+        var bb = this[1].getBBox(),
+            w = bb.width / 2,
+            h = bb.height / 2,
+            dx = [0, w + size * 2, 0, -w - size * 2],
+            dy = [-h * 2 - size * 3, -h - size, 0, -h - size],
+            p = ["M", X - dx[dir], Y - dy[dir], "l", -size, (dir == 2) * -size, -mmax(w - size, 0), 0, "a", size, size, 0, 0, 1, -size, -size,
+                "l", 0, -mmax(h - size, 0), (dir == 3) * -size, -size, (dir == 3) * size, -size, 0, -mmax(h - size, 0), "a", size, size, 0, 0, 1, size, -size,
+                "l", mmax(w - size, 0), 0, size, !dir * -size, size, !dir * size, mmax(w - size, 0), 0, "a", size, size, 0, 0, 1, size, size,
+                "l", 0, mmax(h - size, 0), (dir == 1) * size, size, (dir == 1) * -size, size, 0, mmax(h - size, 0), "a", size, size, 0, 0, 1, -size, size,
+                "l", -mmax(w - size, 0), 0, "z"].join(","),
+            xy = [{x: X, y: Y + size * 2 + h}, {x: X - size * 2 - w, y: Y}, {x: X, y: Y - size * 2 - h}, {x: X + size * 2 + w, y: Y}][dir];
+        xy.path = p;
+        if (withAnimation) {
+            this.animate(xy, 500, ">");
+        } else {
+            this.attr(xy);
+        }
+        return this;
+    };
+    return res.update(x, y);
+};

data/public/src/colour.css

@@ -15,6 +15,7 @@ div.active{
   border-top: 3px solid #dde;
 	background: #EFEFF7;
 }
+div.graph {background: #F7F7FF;}
 a         { color: #333; }
 a:visited { color: #555; }
 a:hover,

data/public/src/graph.css

@@ -0,0 +1,9 @@
+#holder {
+    border: solid 1px #999;
+    cursor: move;
+    height: 70%;
+    overflow: scroll;
+    position: absolute;
+    width: auto;
+	margin: 6ex 3ex 0ex 0ex;
+}