commit 0404d589edba13fd3769a37b6297bc586f5bab78
author Andrew Berezovskyi <andriib@kth.se> Wed Jun 28 16:56:10 2017 +0200
committer Andrew Berezovskyi <andriib@kth.se> Wed Jun 28 16:56:10 2017 +0200
tree 73fb569b4ddbc5ab60629e3412231c19c3210714
parent 8df3428ac1f422bc2b28af35402085bd67e42469

Add section on Lyo Toolchain Designer

Change-Id: I8ca8e2ceb1228d53919eb5ca76fe4ec6e846bf06
Signed-off-by: Andrew Berezovskyi <andriib@kth.se>

images/p2.png

diff --git a/images/p2.png b/images/p2.png
new file mode 100644
index 0000000..aab5970
--- /dev/null
+++ b/images/p2.png
Binary files differ

index.html

diff --git a/index.html b/index.html
index f1837fa..4cdc7e0 100644
--- a/index.html
+++ b/index.html
@@ -75,8 +75,8 @@
 &lt;/dependency&gt;</code></pre>
 
 
-      <p>Learn more about OSLC4J on <a href="http://wiki.eclipse.org/Lyo/LyoOSLC4J">Eclipse Lyo Wiki</a> and in the <a
-          href="http://download.eclipse.org/lyo/docs/core/2.1.2/overview-summary.html">Javadocs</a>. You might enjoy the
+      <p>Learn more about OSLC4J on <a href="https://wiki.eclipse.org/Lyo/LyoOSLC4J">Eclipse Lyo Wiki</a> and in the <a
+          href="https://download.eclipse.org/lyo/docs/core/2.1.2/overview-summary.html">Javadocs</a>. You might enjoy the
         <a href="https://open-services.net/resources/tutorials/integrating-products-with-oslc/">OSLC tutorial based on
           Lyo</a>.</p>
     </div>
@@ -97,28 +97,46 @@
 
       <p>Learn more about Lyo Client on <a href="https://wiki.eclipse.org/Lyo/BuildClient">Eclipse Lyo Wiki</a> and in
         the <a
-            href="http://download.eclipse.org/lyo/docs/client/2.1.2/overview-summary.html">Javadocs</a>.</p>
+            href="https://download.eclipse.org/lyo/docs/client/2.1.2/overview-summary.html">Javadocs</a>.</p>
+    </div>
+
+    
+    <div class="gutter">
+      <h3 class="h3">Using Toolchain Designer</h3>
+      <p>
+        Install the group <em>Eclipse Lyo Tools</em> from the Eclipse Update Site located under <code>http://download.eclipse.org/lyo/p2/stable/</code>
+      </p>
+      <p>
+        <img src="images/p2.png" alt="">
+      </p>
+      <p><a href="https://wiki.eclipse.org/Lyo/modelling_and_generation/installation">Detailed installation instructions</a> as well as the <a href="https://wiki.eclipse.org/Lyo/ToolchainModellingAndCodeGenerationWorkshop">Toolchain Designer tutorial</a> are available in the wiki.</p>
+      <p>
+        <a href="https://wiki.eclipse.org/Lyo/ToolchainModellingAndCodeGenerationWorkshop" target="_blank">
+          <img src="https://wiki.eclipse.org/images/7/76/LyoToolchainModel-SpecificationDiagram.png" alt="Specification Diagram view in the Lyo Toolchain Designer">
+        </a>
+      </p>
+
     </div>
 
     <h2 class="h2">Other links</h2>
 
     <div class="horizontalCenter">
-      <a class="lyoLinkButton" href="http://eclipse.org/lyo/download.html">Archives</a>
-      <a class="lyoLinkButton" href="http://git.eclipse.org/c/?q=lyo">Source</a>
-      <a class="lyoLinkButton" href="http://wiki.eclipse.org/Lyo">Wiki</a>
+      <a class="lyoLinkButton" href="https://eclipse.org/lyo/download.html">Archives</a>
+      <a class="lyoLinkButton" href="https://git.eclipse.org/c/?q=lyo">Source</a>
+      <a class="lyoLinkButton" href="https://wiki.eclipse.org/Lyo">Wiki</a>
     </div>
 
 
     <div class="gutter">
       <h3 class="h3">Test suite</h3>
       <p>Utilize a test suite to help build interoperable OSLC tools.
-        <a href="http://wiki.eclipse.org/Lyo/LyoTestSuite">Learn more</a></p>
+        <a href="https://wiki.eclipse.org/Lyo/LyoTestSuite">Learn more</a></p>
     </div>
 
     <div class="unit lastUnit">
       <h3 class="h3">Reference implementations</h3>
       <p>See how OSLC works directly with working samples and with a simple server to test against.
-        <a href="http://wiki.eclipse.org/Lyo/BuildingOSLC4J">Learn more</a></p>
+        <a href="https://wiki.eclipse.org/Lyo/BuildingOSLC4J">Learn more</a></p>
     </div>
 
 

style.css

diff --git a/style.css b/style.css
index 1498da2..b156180 100755
--- a/style.css
+++ b/style.css
@@ -835,3 +835,8 @@
   margin: 0 auto;
   text-align: center;
 }
+
+.gutter img {
+  max-width: 100%;
+  height: auto;  
+}