Make the CSS path relative

carlosmn · carlosmn · commit 4cd6f71d9af2 · 2014-12-19T12:31:26.000Z
Instead of hard-coding libgit2's location, detect how deep the example
is and use a relative path, allowing for use in different projects.
diff --git a/lib/docurium.rb b/lib/docurium.rb
@@ -65,14 +65,25 @@ def format_examples!(data, version)
             blob = @repo.lookup(ientry[:oid])
             blob.content
           end
-          rocco_layout = Rocco::Layout.new(rocco, @tf)
-          rocco_layout.version = version
-          rf = rocco_layout.render
 
           extlen = -(File.extname(file).length + 1)
           rf_path = file[0..extlen] + '.html'
           rel_path = "ex/#{version}/#{rf_path}"
 
+          rocco_layout = Rocco::Layout.new(rocco, @tf)
+          # find out how deep our file is so we can use the right
+          # number of ../ in the path
+          depth = rel_path.count('/') - 1
+          if depth == 0
+            rocco_layout[:dirsup] = "./"
+          else
+            rocco_layout[:dirsup] = "../"*depth
+          end
+
+          rocco_layout.version = version
+          rf = rocco_layout.render
+
+
           # look for function names in the examples and link
           id_num = 0
           data[:functions].each do |f, fdata|
diff --git a/lib/docurium/layout.mustache b/lib/docurium/layout.mustache
@@ -3,7 +3,7 @@
 <head>
   <meta http-equiv="content-type" content="text/html;charset=utf-8">
   <title>{{ title }}</title>
-  <link rel="stylesheet" href="https://libgit2.github.com/libgit2/ex/css.css">
+  <link rel="stylesheet" href="{{dirsup}}css.css">
   <style type="text/css">
     a.fnlink {text-decoration: none}
     a.fnlink:hover {text-decoration: underline}
