Added local image support

Author: xekoukou

github-markdown.css

@@ -127,6 +127,7 @@
   margin-top: 15px;
   margin-bottom: 15px;
   line-height: 1.1;
+  width:85%;
 }
 
 .markdown-body h1 {
@@ -316,6 +317,7 @@
 .markdown-body pre {
   margin-top: 0;
   margin-bottom: 16px;
+  width:85%;
 }
 
 .markdown-body hr {

github-wiki.css

@@ -1,21 +1,29 @@
     #logo {
-        width: 15%;
+        width: 10%;
         position: fixed;
-        right: 0px;
+        left: 0px;
         top: 0px;
     }
     #edit {
         padding: 0px;
         position: fixed;
-        right: 0px;
+        left: 0px;
         bottom: 20px;
     }
     .pure-button {
     width: 70%;
     }
     .markdown-body {
-        left: 0px;
-        width: 80%;
+        position:absolute;
+        left: 10%;
+        width: 88%;
         margin: 0;
-        padding: 30px;
+        padding: 1%;
     }
+    .images {
+        position:absolute;
+        right: 0%;
+        width: 15%;
+        margin: 0;
+        padding: 0;
+}

github-wiki.js

@@ -17,8 +17,15 @@ function link_converter(md) {
     });
 }
 
-//Initialize sanitizing converter.
-var converter = Markdown.getSanitizingConverter();
+//transforms ![image]! into markdown images
+function image_converter(md) {
+    return md.replace(/\!\[([\w\s._0-9\-]+)\]\!/g, function(match, p1, offset, string) {
+        return "<img src='/images/" + p1 + "' class='images' </img>";
+    });
+}
+
+//Initialize Converter.
+var converter = new Markdown.Converter();
 
 
 //Load Markdown document, convert it and add it to the DOM.
@@ -27,10 +34,15 @@ function load_article(title) {
         url: "wiki/" + title + ".md",
         success: function(data) {
             var lmd = link_converter("# " + title.replace(/_/g, " ") + "\n\n" + data);
+            lmd = image_converter(lmd);
             var html = converter.makeHtml(lmd);
             $("#article").empty();
             $("#article").append(html);
 
+            //Extend the height a few pixels so that all images are shown.
+            var ah = $("#article").height();
+            $("#article").height(ah + 200);
+
             //Catch all links and redirect them to the correct url if they are local.
             $("a").on("click", function(e) {
                 var link = $(e.target).attr("href");

images/Infrastructure_diagram.jpg

@@ -0,0 +1,2 @@
+Here we save the images of the wiki.
+

images/readme

@@ -4,7 +4,6 @@
 <title>Open Value Networks (OVNS)</title>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <script type="text/javascript" src="http:////ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/pagedown/1.0/Markdown.Converter.min.js">
-</script><script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/pagedown/1.0/Markdown.Sanitizer.min.js">
 </script><script type="text/javascript" src="github-wiki.js">
 </script><link href="http://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet" type="text/css">
 <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css">
@@ -24,7 +23,7 @@
 <a class="pure-button" id="edit_link" href="">Edit</a>
 </div>
 <div>
-<a class="pure-button" href="/Meta:Help_Editing">How to Edit</a>
+<a class="pure-button" href="/wiki/Meta:Help_Editing.md">How to Edit</a>
 </div>
 </div>
 </body>

wiki.html

@@ -0,0 +1,97 @@
+OVNi stands for Open Value Network infrastructure. 
+
+**Working definition** of *infrastructure* - a coherent set of tools and processes which support the healthy function of a beneficial system. The infrastructure integrates everything from supply chain to distribution and customer relationships management. 
+  
+# Development 
+## Spaces
+We are developing a framework for resource management, value accounting and project management on [Value Network on Github](http://github.com/valnet/valuenetwork). See an evolving prototype [here](http://valnet.webfactional.com/). 
+
+After the spring of 2014, a new group was formed mostly based in Europe to work on a OVN infrastructure based on semantic web and linked data. See [http://labs.ouishare.net/projects/opennetworks OuiShare labs/Value Networks]
+
+NEWS: After the summer of 2014 a new initiative between OVN developers and Enspiral started to work on a the third generation of the NRO-VAS. See [OVN Sample Data on Github](https://github.com/openvocab/ovn/wiki/OVN-Sample-Data)
+
+
+Known users of parts of OVNi
+* [SENSORICA](http://www.sensorica.co) is a living lab for this model.
+* [Guerilla Translation](http://guerrillatranslation.com/) adopted VAS. 
+* [[add more]]
+
+
+Discussion groups: [Open Value Network Infrastructure Google Group](https://groups.google.com/forum/#!forum/ovnsinfrastructure), [Open Value Network G+ Community](https://plus.google.com/u/0/communities/107417561773024707336)
+
+Also, watch SENSORICA meetings on Infrastructure see [SENSORICA's Youtube channel](http://www.youtube.com/user/SENSORICAgroup) and search for "infrastructure meeting".
+
+## Active developers
+The most active developers at this time are [Bob Haugen](http://plus.google.com/u/0/113885495827197979519/about), [Lynn Foster](https://plus.google.com/u/0/117655697495578168334/posts), [Tiberius Brastaviceanu](http://plus.google.com/117593809719446924575/about), [Francois Bergeron](http://plus.google.com/116029027511536438331/about), [Ampie Bernard](https://plus.google.com/u/0/114765853030329012951/posts).
+
+Other contributors are: [[Kurt Laitner]], [[Steve Bosserman]], [[Ian Bentley]]... [please add your name here...]
+
+
+**You want to get involved?**
+
+[https://github.com/valnet/valuenetwork/wiki/Help Description of needs for the value accounting system (VAS) on github].
+
+# Theory
+The [[value network]] is modeled as a living system. Infrastructure design is adjusted for optimal performance of the individual [[value network]] in terms of creativity, productivity, synchronicity, quality assurance, responsiveness, adaptability...and any other explicit objectives. The [[value network]] must also respond to ethical requirements (see the [[Ethos]] page).  
+
+## Maps of the Infrastructure 
+* [http://metamaps.cc/maps/468 latest map on the general layout (high level)]
+* [http://metamaps.cc/maps/435 remap the infrastructure on metamaps.cc]
+* [an alternative map of the infrastructure](http://metamaps.cc/maps/439)
+* [OVN Protocols Conversation](http://metamaps.cc/maps/437)
+* Bob's [- OVN-OS architecture layout](http://metamaps.cc/maps/442) for an open value network node
+* Bob's [- OVN-OS internetworking protocol](http://metamaps.cc/maps/437), for network to network interaction
+
+## Requirements
+* [[Network of Networks]]
+See SENSORICA's development of the [Open Alliance](http://www.sensorica.co/home/working-space/labonline-network/montreal-labonline/project-vie/the-open-alliance), which is a growing integrated and fractal open value network to which we apply the idea of networks of networks. 
+
+### List of modules
+NOTE: The following tree representation is inadequate. Think of it as a list. All the components are mapped more precisely in the Maps above. 
+
+{March 25th, 2014} Bob has proposed the *Stop and Rethink* initiative on VAS. [Open document](https://docs.google.com/document/d/1FKyn84Rz4YYJe1USRWnu73A4rV3BIKBfXZt0WuOK8jk/edit#heading=h.9aj4y11z1knd) {delete after initiative ends}
+
+ 
+
+![Infrastructure_diagram.jpg]!
+
+* [[Individual profile]]
+    * [[Dashboard]]
+* [[Communication]]
+* [[Coordination]]
+* [[Collaboration]]
+* [[Value system]]
+    * [[Value accounting system]]
+        * [[Contributions log]]
+        * [[Evaluation]]
+        * [[The value equation]]
+        * [[Internetworking protocol]]
+    * [[Value exchange system]]
+* [[Process management]]
+    * [[Project and task management]]
+        * [[Timetable]]
+    * [[Supply chain management system]]
+    * [[NRP for value networks]]
+    * [[CRM for value networks]]
+    * [[Information and knowledge management]]
+* Innovation tools
+    * [[Open hardware and software repository and versioning]]
+    * [[Discovery tool]]
+    * [[Sensemaking]]
+* [[Self organization]]
+    * [[Reputation system]]
+    * [[Role system]]
+    * [[Feedback system]]
+* [[Governance]]
+    * [[Decision making]]
+    * [[Normative system]]
+* [[Legal framework]]
+* [[Labonline network]] - collaboration spaces
+* [[Search system]]
+* [[Dynamic transfer of responsibility]]
+
+# Praxis
+## Concrete examples of infrastructures
+* [[SENSORICA's Google-based value accounting system]]
+* [SENSORICA](http://www.SENSORICA.co) new infrastructure, see [prototype in development](http://valnet.webfactional.com/)
+

wiki/Infrastructure.md

@@ -1,5 +1,5 @@
 How to Edit
-===========
+-----------
 
 In order to create or edit a document ,you need to:
 
@@ -9,3 +9,12 @@ In order to create or edit a document ,you need to:
 4. Make a pull request to the original project.
 
 After all these, one of the member of the community, reviews the changes and accepts them.
+
+
+Syntax
+------
+
+The wiki syntax is Markdown with a few additions:
+
+* \[\[term\]\] links to the article with title term.
+* \!\[image_file\]\! shows the local image file /images/image_file on the right column of the wiki at the height it was written.