Structure, index and installation

config.toml

 languageCode = "en-us"
-title = "Grew documentation"
+title = "Grew Manual "
 baseURL = "http://example.org/"
+enableEmoji=true
 
 theme = "hyde"
 
 [params]
   themeColor = "theme-base-0d"
   layoutReverse = true
-
-[[menu.main]]
-  name = "New menu item"
-  url = "main"
-
-[[menu.main]]
-  name = "ZSXCE"
-  url = "xxx"
-
-[[menu.main]]
-  name = "three"
-  url = "x3"

content/index.md

++++
+Tags = ["Development","golang"]
+Description = ""
+date = "2017-02-27T17:44:22+01:00"
+title = "index"
+menu = "main"
+Categories = ["Development","GoLang"]
+
++++
+
+# Grew Documentation
+
+**Grew** is a Graph Rewriting tool dedicated to applications in Natural Language Processing (NLP). It can manipulate many kind of linguistic representation. It has been used on POS-tagged sequence, surface dependency syntax, deep dependency syntax, semantic representation (AMR, DMRS) but it can be used to represent any graph-based structure.
+
+## A first taste of Grew
+The easiest way to try and test **Grew** is to use one of the two online infefaces.
+
+  1. [Online graph matching](http://grew.loria.fr/demo) lets the user search for a given pattern in a corpus of syntactic structures (a tutorial is available to help learning pattern syntax).
+  2. [Online parsing](http://talc2.loria.fr/grew_demo) returns for a input French sentence, a set of linguistic representations (syntax and semantics) which are built using Graph Rewriting.
+
+## Some of the main features of the Grew software:
+
+  * Graph structures can use a build-in notion of **feature structures**.
+  * The left-hand side of a rule is described by a graph called a **pattern**; injective graph morphisms are used in the pattern matching algorithm.
+  * **Negative pattern** can be used for a finer control on the left-hand side of rules.
+  * The right-hand side of rules is described by a sequence of **atomic commands** that describe how the graph should be modified during the rule application.
+  * Subset of rules are grouped in **modules**; the full rewriting process being a sequence of module applications.
+  * The **Grew** software has support both for **confluent** and **non-confluent** modules; when a non-confluent modules is used, all normal forms are returned and then ambiguity is handled in a natural way.

content/installation.md

++++
+date = "2017-02-27T22:21:02+01:00"
+title = "installation"
++++
+
+# Grew installation
+
+**Grew** is implemented with the [Ocaml](http://ocaml.org) language. The Graphical User Interface is based on [GTK](http://gtk.org), **Grew** is then easy to install on Linux or MAC OSX (installation on Windows should be possible, but this is untested).
+
+## Step 1: Prerequisites, install non-ocaml needed packages
+
+### On Linux
+On Debian/Ubuntu based Linux installation, the following command installs the prerequisites.
+
+```
+aptitude install graphviz pkg-config libwebkitgtk-dev librsvg2-dev libglade2-dev m4 automake librsvg2-bin libgtk2.0-dev python-software-properties opam
+```
+
+If `aptitude` is not installed, you can install it with `apt get install aptitude`
+
+### On Mac OSX
+  1. Install [XCode](https://developer.apple.com/xcode/)
+  2. Install [XQuartz](http://www.xquartz.org/)
+  3. Install [MacPorts](http://www.macports.org/)
+ 
+ The following command install the prerequisites
+ `sudo port install graphviz webkit-gtk librsvg libglade2 wget opam`
+
+## Step 2: Initialize OPAM
+~~~python
+opam init --comp 4.04.0                    # Download and install the last version of Ocaml
+opam config setup -a
+eval `opam config env`
+~~~
+
+## Step 3: Add the talc local OPAM repository
+`opam remote add talc "http://talc2.loria.fr/semagramme/opam"`
+
+## Step 4: Install grew
+`opam install grew`
+
+# Update to the last Grew version
+ * update Linux prerequisites: `aptitude update && aptitude upgrade`
+ * update Mac OSX prerequisites: `sudo port sync && sudo port upgrade`
+ * update Grew software: `opam update && opam upgrade`
+

content/main.md → content/todo.md

 +++
-date = "2017-02-26T22:54:26+01:00"
-title = "main"
-Tags = ["Development","golang"]
-Description = ""
+title = "todo"
 menu = "main"
 Categories = ["Development","GoLang"]
+Tags = ["Development","golang"]
+Description = ""
+date = "2017-02-27T17:06:34+01:00"
 
 +++
 
-# Premier titre
-
-# Premier titre
-# Premier titre
-# Premier titre
-# Premier titre
-# Premier titre
+# Page under construction, coming soon.

layouts/_default/single.html

+{{ partial "head.html" . }}
+<body class="{{ .Site.Params.themeColor }} {{if .Site.Params.layoutReverse}}layout-reverse{{end}}">
+  {{ partial "sidebar.html" . }}
+
+  <div class="content container">
+    <div class="post">
+      {{ .Content }}
+    </div>
+  </div>
+
+</body>
+</html>

layouts/index.html

+{{ partial "head.html" . }}
+<body class="{{ .Site.Params.themeColor }} {{if .Site.Params.layoutReverse}}layout-reverse{{end}}">
+
+{{ partial "sidebar.html" . }}
+
+<div class="content container">
+  <div class="post">
+
+    {{ range .Data.Pages }}
+      {{if eq .Title "index" }}
+        {{.Content}}
+      {{ end }}
+    {{ end }}
+
+   </div>
+</div>
+
+  </body>
+</html>

layouts/partials/sidebar.html

+<div class="sidebar">
+  <div class="container">
+    <div class="sidebar-about">
+      <a href="{{ .Site.BaseURL }}"><h1>{{ .Site.Title }}</h1></a>
+      <p class="lead">Graph Rewriting for NLP</p>
+    </div>
+
+    <ul class="sidebar-nav">
+
+      <hr/>
+      <li class="section">Try Grew online</li>
+      <li><a href="http://grew.loria.fr/demo">Online graph matching</a></li>
+      <li><a href="http://talc2.loria.fr/grew_demo/">Online parsing</a></li>
+
+      <hr/>
+      <li class="section">Use Grew</li>
+      <li><a href="/installation">Installation</a></li>
+      <li><a href="/todo">Run Grew</a></li>
+
+      <hr/>
+      <li class="section">Available GRS</li>
+      <li><a href="/todo">Dependency parsing</a></li>
+      <li><a href="/todo">Deep syntax</a></li>
+      <li><a href="/todo">DMRS</a></li>
+      <li><a href="/todo">Other GRS</a></li>
+
+      <hr/>
+      <li class="section">GRS development</li>
+      <li><a href="/todo">Matching syntax</a></li>
+      <li><a href="/todo">Commands syntax</a></li>
+      <li><a href="/todo">Rule syntax</a></li>
+      <li><a href="/todo">GRS syntax</a></li>
+    </ul>
+
+  </div>
+</div>

static/css/main.css

+hr {
+  margin-top: 6pt;
+  margin-bottom: 6pt;
+  border-color: #b5cfda;
+}
+
+li {
+  margin-left: 10pt;
+}
+.section {
+  margin-left: 0pt;
+  font-size: 20pt;
+}

themes/hyde/layouts/partials/head.html

@@ -18,6 +18,7 @@
   <link rel="stylesheet" href="{{ .Site.BaseURL }}css/poole.css">
   <link rel="stylesheet" href="{{ .Site.BaseURL }}css/syntax.css">
   <link rel="stylesheet" href="{{ .Site.BaseURL }}css/hyde.css">
+  <link rel="stylesheet" href="{{ .Site.BaseURL }}css/main.css">
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700|Abril+Fatface">
 
   <!-- Icons -->

themes/hyde/static/css/hyde.css

@@ -79,8 +79,8 @@ html {
 .sidebar-about h1 {
   color: #fff;
   margin-top: 0;
-  font-family: "Abril Fatface", serif;
-  font-size: 3.25rem;
+  font-family: Roboto, sans-serif;
+  font-size: 1.5rem;
 }
 
 /* Sidebar nav */
@@ -128,7 +128,7 @@ a.sidebar-nav-item:focus {
 
 @media (min-width: 48em) {
   .content {
-    max-width: 38rem;
+    max-width: 148rem;
     margin-left: 20rem;
     margin-right: 2rem;
   }